diff --git a/src/assets/Campus1.jpg b/src/assets/Campus1.jpg new file mode 100644 index 0000000..16ce48a Binary files /dev/null and b/src/assets/Campus1.jpg differ diff --git a/src/assets/Campus2.jpg b/src/assets/Campus2.jpg new file mode 100644 index 0000000..c7fce93 Binary files /dev/null and b/src/assets/Campus2.jpg differ diff --git a/src/assets/Campus3.jpg b/src/assets/Campus3.jpg new file mode 100644 index 0000000..e9adbdf Binary files /dev/null and b/src/assets/Campus3.jpg differ diff --git a/src/assets/Campus4.jpg b/src/assets/Campus4.jpg new file mode 100644 index 0000000..5a38869 Binary files /dev/null and b/src/assets/Campus4.jpg differ diff --git a/src/assets/Campus5.jpg b/src/assets/Campus5.jpg new file mode 100644 index 0000000..4388690 Binary files /dev/null and b/src/assets/Campus5.jpg differ diff --git a/src/assets/Campus6.jpg b/src/assets/Campus6.jpg new file mode 100644 index 0000000..d26d011 Binary files /dev/null and b/src/assets/Campus6.jpg differ diff --git a/src/assets/Classroom1.jpg b/src/assets/Classroom1.jpg new file mode 100644 index 0000000..b13e1d5 Binary files /dev/null and b/src/assets/Classroom1.jpg differ diff --git a/src/assets/Classroom2.jpg b/src/assets/Classroom2.jpg new file mode 100644 index 0000000..b2af449 Binary files /dev/null and b/src/assets/Classroom2.jpg differ diff --git a/src/assets/Classroom3.jpg b/src/assets/Classroom3.jpg new file mode 100644 index 0000000..5cb6459 Binary files /dev/null and b/src/assets/Classroom3.jpg differ diff --git a/src/assets/Classroom4.jpg b/src/assets/Classroom4.jpg new file mode 100644 index 0000000..f7ec86a Binary files /dev/null and b/src/assets/Classroom4.jpg differ diff --git a/src/assets/Classroom5.jpg b/src/assets/Classroom5.jpg new file mode 100644 index 0000000..5a52168 Binary files /dev/null and b/src/assets/Classroom5.jpg differ diff --git a/src/assets/Eco-Conscious Design.jpg b/src/assets/Eco-Conscious Design.jpg new file mode 100644 index 0000000..e9adbdf Binary files /dev/null and b/src/assets/Eco-Conscious Design.jpg differ diff --git a/src/assets/Fitness&Recreation-centre.jpg b/src/assets/Fitness&Recreation-centre.jpg new file mode 100644 index 0000000..acf089d Binary files /dev/null and b/src/assets/Fitness&Recreation-centre.jpg differ diff --git a/src/assets/boardroom.jpg b/src/assets/boardroom.jpg new file mode 100644 index 0000000..b2af449 Binary files /dev/null and b/src/assets/boardroom.jpg differ diff --git a/src/assets/campus-arial-view.jpg b/src/assets/campus-arial-view.jpg new file mode 100644 index 0000000..06523d4 Binary files /dev/null and b/src/assets/campus-arial-view.jpg differ diff --git a/src/assets/dining-experience.jpg b/src/assets/dining-experience.jpg new file mode 100644 index 0000000..24d7387 Binary files /dev/null and b/src/assets/dining-experience.jpg differ diff --git a/src/assets/exe-boardroom.jpg b/src/assets/exe-boardroom.jpg new file mode 100644 index 0000000..ae74d39 Binary files /dev/null and b/src/assets/exe-boardroom.jpg differ diff --git a/src/assets/expert-support.jpg b/src/assets/expert-support.jpg new file mode 100644 index 0000000..5cb6459 Binary files /dev/null and b/src/assets/expert-support.jpg differ diff --git a/src/assets/kautilya-learning-story.jpg b/src/assets/kautilya-learning-story.jpg new file mode 100644 index 0000000..50d1d03 Binary files /dev/null and b/src/assets/kautilya-learning-story.jpg differ diff --git a/src/assets/luxury-accommodation.jpg b/src/assets/luxury-accommodation.jpg new file mode 100644 index 0000000..52b22dd Binary files /dev/null and b/src/assets/luxury-accommodation.jpg differ diff --git a/src/assets/morning.jpg b/src/assets/morning.jpg new file mode 100644 index 0000000..42278e6 Binary files /dev/null and b/src/assets/morning.jpg differ diff --git a/src/assets/outdoor-amphitheater.jpg b/src/assets/outdoor-amphitheater.jpg new file mode 100644 index 0000000..f0846fd Binary files /dev/null and b/src/assets/outdoor-amphitheater.jpg differ diff --git a/src/assets/private-space.jpg b/src/assets/private-space.jpg new file mode 100644 index 0000000..d9fe723 Binary files /dev/null and b/src/assets/private-space.jpg differ diff --git a/src/components/LearningFacilityNew.tsx b/src/components/LearningFacilityNew.tsx index 9152a92..4eae330 100644 --- a/src/components/LearningFacilityNew.tsx +++ b/src/components/LearningFacilityNew.tsx @@ -1,5 +1,4 @@ import { - ArrowRight, Bed, BookOpen, Briefcase, @@ -7,12 +6,9 @@ import { Calendar, Car, CheckCircle, - ChevronDown, ChevronLeft, ChevronRight, - ChevronUp, Coffee, - Compass, Dumbbell, Heart, Home, @@ -23,15 +19,14 @@ import { Network, Phone, Play, - Settings, Shield, - Star, - Target, + Sparkles, + Sun, TreePine, - TrendingUp, - UserCheck, + Trees, Users, Utensils, + UtensilsCrossed, Wifi, X } from 'lucide-react'; @@ -50,6 +45,65 @@ import { Input } from './ui/input'; import { Label } from './ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select'; import { Textarea } from './ui/textarea'; +import kautilyaLearningStory from '../assets/kautilya-learning-story.jpg'; +import campus1 from '../assets/Campus6.jpg'; +import campus2 from '../assets/Campus2.jpg'; +import campus3 from '../assets/Campus3.jpg'; +import campus4 from '../assets/Campus4.jpg'; +import campus5 from '../assets/Campus5.jpg'; +import campus6 from '../assets/Campus1.jpg'; +import classroom1 from '../assets/Classroom1.jpg'; +import classroom2 from '../assets/Classroom2.jpg'; +import classroom3 from '../assets/Classroom3.jpg'; +import classroom4 from '../assets/Classroom4.jpg'; +import classroom5 from '../assets/Classroom5.jpg'; +import expertSupportImage from '../assets/expert-support.jpg'; +import luxuryAccommodationImage from '../assets/luxury-accommodation.jpg'; +import fitnessCentreImage from '../assets/Fitness&Recreation-centre.jpg'; +import outdoorAmphitheaterImage from '../assets/outdoor-amphitheater.jpg'; +import diningexperienceImage from '../assets/dining-experience.jpg'; +import privateSpaceImage from '../assets/private-space.jpg'; +import executiveBoardroomImage from '../assets/exe-boardroom.jpg'; +import morningReflectionImage from '../assets/morning.jpg'; +import campusArialViewImage from '../assets/campus-arial-view.jpg'; + +const facilityFeatures = [ + { + title: "Luxury Accommodation", + description: "Premium residential suites with hotel-standard amenities for extended stays", + icon: Bed, + image: luxuryAccommodationImage, + details: ["Private en-suite rooms", "Premium furnishing", "Air conditioning", "Garden views", "Room service"] + }, + { + title: "Fitness & Recreation Centre", + description: "State-of-the-art fitness facilities and recreational spaces for wellness", + icon: Dumbbell, + image: "https://images.unsplash.com/photo-1721394747060-7cfc57104f88?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmaXRuZXNzJTIwY2VudGVyJTIwZ3ltJTIwbW9kZXJufGVufDF8fHx8MTc1NjgyNzg1OXww&ixlib=rb-4.1.0&q=80&w=1080", + details: ["Modern gym equipment", "Yoga studio", "Sports lounge", "Walking track", "Recreational activities"] + }, + { + title: "Outdoor Amphitheater", + description: "Spectacular outdoor venue for large gatherings and presentations", + icon: TreePine, + image: "https://images.unsplash.com/photo-1715887377873-980352ddecc8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvdXRkb29yJTIwYW1waGl0aGVhdGVyJTIwdmVudWV8ZW58MXx8fHwxNzU2ODk4OTY3fDA&ixlib=rb-4.1.0&q=80&w=1080", + details: ["Natural acoustics", "Tiered seating", "Scenic backdrop", "Weather protection", "Professional lighting"] + }, + { + title: "Gourmet Dining Experience", + description: "Exceptional culinary experiences with locally sourced ingredients", + icon: Utensils, + image: "https://images.unsplash.com/photo-1532270441355-095a26af8a99?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnb3VybWV0JTIwcmVzdGF1cmFudCUyMGRpbmluZ3xlbnwxfHx8fDE3NTY4OTg5NzN8MA&ixlib=rb-4.1.0&q=80&w=1080", + details: ["Chef-prepared meals", "Local ingredients", "Dietary accommodations", "Fine dining atmosphere", "Wine pairings"] + }, + { + title: "Eco-Conscious Design", + description: "Sustainable architecture harmoniously integrated with natural surroundings", + icon: Leaf, + image: "https://images.unsplash.com/photo-1688981783835-67308623dccb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlY28lMjBzdXN0YWluYWJsZSUyMGdyZWVuJTIwYnVpbGRpbmd8ZW58MXx8fHwxNzU2ODk4OTgxfDA&ixlib=rb-4.1.0&q=80&w=1080", + details: ["Green building design", "Sustainable materials", "Energy efficiency", "Natural lighting", "Minimal environmental impact"] + } +]; // Virtual Tour Data const virtualTourStops = [ @@ -184,102 +238,6 @@ const virtualTourStops = [ ]; -const targetAudience = [ - { - title: "Corporate Training Teams", - description: "Organizations seeking premium residential learning experiences for their leadership development programs", - icon: Building, - challenges: ["Facility booking complexity", "Quality accommodation needs", "Program logistics", "Cost management"] - }, - { - title: "Leadership Development Providers", - description: "Training organizations and consultancies requiring world-class facilities for executive programs", - icon: Users, - challenges: ["Facility availability", "Technology requirements", "Catering quality", "Professional environment"] - }, - { - title: "Executive Teams & Boards", - description: "Senior leadership teams planning strategic retreats and intensive development programs", - icon: Target, - challenges: ["Privacy requirements", "Executive-level facilities", "Strategic planning spaces", "Convenience needs"] - } -]; - -const useCases = [ - { - title: "Leadership Residential Programs", - description: "When organizations need premium facilities for multi-day leadership development programs", - icon: Home, - scenario: "Executive development programs requiring 2-7 day residential experiences" - }, - { - title: "Strategic Planning Retreats", - description: "When leadership teams need focused environments for strategic planning and decision-making", - icon: Target, - scenario: "Board meetings, strategic sessions, or executive team planning retreats" - }, - { - title: "Learning & Development Events", - description: "When organizations require professional venues for training, workshops, and development events", - icon: BookOpen, - scenario: "Corporate training programs, workshops, or learning conferences" - }, - { - title: "Team Building & Culture Events", - description: "When teams need inspiring environments for team building and cultural development activities", - icon: Heart, - scenario: "Team building events, culture workshops, or organizational celebrations" - } -]; - -const facilityFeatures = [ - { - phase: "Premium Accommodations", - duration: "World-Class Comfort", - activities: ["Luxury single and double rooms", "Executive suites", "24/7 concierge service", "High-speed internet throughout"], - deliverables: ["Comfortable stay experience", "Professional environment", "Seamless connectivity", "Executive-level service"] - }, - { - phase: "Learning & Meeting Spaces", - duration: "State-of-the-Art Facilities", - activities: ["Modern conference rooms", "Interactive learning spaces", "Breakout areas", "Outdoor meeting spaces"], - deliverables: ["Flexible learning environments", "Technology-enabled spaces", "Collaborative areas", "Natural settings"] - }, - { - phase: "Dining & Recreation", - duration: "Complete Experience", - activities: ["Gourmet dining options", "Healthy meal programs", "Recreation facilities", "Wellness amenities"], - deliverables: ["Nutritious meal programs", "Networking opportunities", "Physical wellness", "Stress relief activities"] - } -]; - -const expectedOutcomes = [ - { - metric: "96%", - description: "Client satisfaction with facility quality and service", - icon: Heart, - category: "Satisfaction" - }, - { - metric: "87%", - description: "Improvement in program engagement in residential setting", - icon: TrendingUp, - category: "Engagement" - }, - { - metric: "92%", - description: "Would recommend Kautilya Facility to other organizations", - icon: Star, - category: "Recommendation" - }, - { - metric: "78%", - description: "Return rate for repeat bookings and programs", - icon: Building, - category: "Loyalty" - } -]; - // Facility data for BookingModal const facilities = [ { @@ -331,23 +289,23 @@ export function LearningFacilityNew() { // Conference/Classroom room background images array for hero section const heroBackgroundImages = [ { - src: "https://images.unsplash.com/photo-1588865198054-c83788106132?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBjb25mZXJlbmNlJTIwcm9vbSUyMGxhcmdlJTIwc3BhY2V8ZW58MXx8fHwxNzU2OTAyMzYyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + src: campus5, alt: "Modern Conference Room" }, { - src: "https://images.unsplash.com/photo-1613186145425-5bb4eca455d7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBib2FyZHJvb20lMjBtZWV0aW5nJTIwc3BhY2V8ZW58MXx8fHwxNzU2OTAyMzY2fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + src: campus4, alt: "Executive Boardroom" }, { - src: "https://images.unsplash.com/photo-1752579664702-e6609516e21a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMHRyYWluaW5nJTIwY2xhc3Nyb29tJTIwbW9kZXJufGVufDF8fHx8MTc1NjkwMjM3MHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + src: campus3, alt: "Business Training Classroom" }, { - src: "https://images.unsplash.com/photo-1718224326658-489bbfbeb2ca?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBzZW1pbmFyJTIwaGFsbCUyMGF1ZGl0b3JpdW18ZW58MXx8fHwxNzU2OTAyMzc2fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + src: campus2, alt: "Corporate Seminar Hall" }, { - src: "https://images.unsplash.com/photo-1655392032233-c95aedd27ad4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjB3b3Jrc2hvcCUyMHZlbnVlJTIwc3BhY2V8ZW58MXx8fHwxNzU2OTAyMzc5fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + src: campus1, alt: "Professional Workshop Venue" } ]; @@ -387,9 +345,6 @@ export function LearningFacilityNew() { const maxSlide = Math.max(0, facilityFeatures.length - cardsPerView); const maxTourSlide = Math.max(0, virtualTourStops.length - tourCardsPerView); - const [expandedUseCase, setExpandedUseCase] = useState(null); - const [expandedFeature, setExpandedFeature] = useState(0); - // Handle window resize useEffect(() => { const handleResize = () => { @@ -550,7 +505,9 @@ export function LearningFacilityNew() { data-booking-trigger className="management-dev-glassmorphic-btn text-body px-8 py-4 min-h-[52px] border transition-all duration-300" style={{ - fontFamily: 'var(--font-family-base)' + fontFamily: 'var(--font-family-base)', + padding: '8px 20px', + borderRadius: '10px', }} aria-label="Book facility" > @@ -591,697 +548,1210 @@ export function LearningFacilityNew() { - {/* 1. What Is This Service */} + {/* The Kautilya Learning Story Section */}
-
-
- -

Premium Learning Campus & Residential Programs

-
-

- Kautilya Facility is a world-class residential learning campus designed specifically for executive education and leadership development programs. Our premium facility combines luxury accommodations, state-of-the-art learning spaces, and comprehensive amenities to create an immersive environment that maximizes learning outcomes and program engagement. +

+
+ {/* Image */} +
+
+ +
+
+
+ + {/* Content */} +
+
+ + OUR STORY +
+ +

+ The Kautilya Learning Story +

+ +

+ From the vision of Kautilya in the 4th century BC, who discovered leadership in the most unexpected places, to the creation of a modern sanctuary for learning, our journey is inspired by timeless wisdom and a commitment to nurturing leaders of tomorrow.

-
-

- The Business Problem It Solves: Many organizations struggle to find appropriate venues that combine professional learning environments with quality accommodations for residential programs. Standard hotels lack the specialized learning infrastructure, while conference centers often compromise on accommodation quality. Our facility eliminates these compromises by providing an integrated solution designed specifically for executive learning. -

-
-
-
-
-
-
-
- -
-

- Premium Campus -

-

- World-class residential learning campus with luxury amenities and sophisticated infrastructure -

-
-
+

+ Set amidst the serene Sahyadri hills, just a short drive from Mumbai, Kautilya Leadership Learning Facility blends spirituality, world-class infrastructure, and a tranquil environment to create the perfect space for reflection, collaboration, and growth. +

-
-
-
- -
-

- Learning-Focused Design -

-

- Specialized spaces designed for optimal learning and development with cutting-edge technology -

-
-
- -
-
-
- -
-

- 96% Satisfaction Rate -

-

- Exceptional client satisfaction with facility quality, service excellence, and learning outcomes -

-
+

+ Here, every corner tells a story — from sacred art that inspires self-discovery, to modern classrooms and collaborative spaces designed to spark innovation. +

- {/* 2. Who Is It For */} -
+ {/* Why Kautilya Learning Facility Section */} +
-
-
- -

Target Audience

-

- Designed for organizations and teams seeking premium residential learning and strategic planning experiences. -

+
+ {/* Left: Sticky intro */} +
+
+
+ + WHY CHOOSE US +
+

Why Kautilya Learning Facility?

+

+ We've thoughtfully designed every element to create a space that supports deep learning and meaningful connections. Experience the difference of a facility built specifically for leadership transformation. +

+
-
- {targetAudience.map((audience, index) => ( - - -
-
- + {/* Right: Stacked cards with staggered on-scroll animation */} +
+
+ {/* Card 1: Calm Environment */} + +
+ {/* Background Image */} +
+ + {/* 80% Black Overlay */} +
+
+ + {/* Content */} +
+ {/* Icon and Header Horizontal */} +
+
+ +
+

+ Surrounded by nature and designed for tranquility—perfect for focused leadership development. +

+
+
+ + Natural surroundings +
+
+ + Peaceful ambiance +
+
+ + Distraction-free zones +
+
-

{audience.title}

-

{audience.description}

-
-

Common Challenges:

-
    - {audience.challenges.map((challenge, challengeIndex) => ( -
  • -
    - {challenge} -
    • - ))} -
+
+ + + {/* Card 2: Modern Tools */} + +
+ {/* Background Image */} +
+ + {/* 80% Black Overlay */} +
- - - ))} + + {/* Content */} +
+ {/* Icon and Header Horizontal */} +
+
+ +
+

+ State-of-the-art digital learning tools integrated into comfortable, well-designed spaces. +

+
+
+ + Advanced AV systems +
+
+ + Interactive displays +
+
+ + High-speed connectivity +
+
+
+
+
+ + + {/* Card 3: Holistic Growth */} + +
+ {/* Background Image */} +
+ + {/* 80% Black Overlay */} +
+
+ + {/* Content */} +
+ {/* Icon and Header Horizontal */} +
+
+ +
+

+ Dedicated reflection spaces and collaboration zones supporting your complete development journey. +

+
+
+ + Meditation areas +
+
+ + Collaborative spaces +
+
+ + Wellness amenities +
+
+
+
+
+ + + {/* Card 4: Expert Support */} + +
+ {/* Background Image */} +
+ + {/* 80% Black Overlay */} +
+
+ + {/* Content */} +
+ {/* Icon and Header Horizontal */} +
+
+ +
+

+ Experienced facilitators and dedicated staff ensuring every learning experience exceeds expectations. +

+
+
+ + Professional facilitators +
+
+ + Dedicated staff +
+
+ + Personalized attention +
+
+
+
+
+ +
- {/* 3. When to Use It */} + {/* Facility Features Grid Section */}
-
-
- -

When Organizations Need Premium Learning Facilities

-

- Ideal for organizations seeking world-class residential learning experiences and strategic planning sessions. -

+
+ {/* Header with eyebrow and controls */} +
+
+
+
+ WHAT WE OFFER +
+

Facility Features

+

+ Every element thoughtfully designed to create the ideal learning environment for transformative experiences. +

+
+ + {/* Simple controls that scroll the container */} +
+ 01 / 05 +
+ + +
+
-
- {useCases.map((useCase, index) => ( + {/* Carousel */} +
+
- {/* 4. Our Approach */} -
+ {/* Experience Through Pictures - Image Gallery Section */} + {/* Experience Through Pictures - Card Design */} +
-
-
-
- -

Integrated Learning Campus Experience

-

- Our comprehensive approach combines premium accommodations, state-of-the-art learning facilities, and exceptional service delivery. -

+
+ {/* Header */} +
+
+ + VISUAL TOUR
- {/* Flowchart Container with Connecting Lines */} -
- {/* Desktop: Horizontal Flowchart */} -
-
- {/* Row 1: Facilities, Services, Technology */} -
- {/* Facilities */} -
-
- -
-

Premium Facilities

-

- World-class accommodations and learning environments -

-
-
- Luxury Accommodations -
-
- Learning Spaces -
-
- Wellness Facilities -
-
-
+

+ Experience Through Pictures +

- {/* Arrow 1→2 */} -
-
- -
+

+ Explore our world-class facility spaces designed for transformative learning experiences. +

+
- {/* Services */} -
-
- -
-

Service Excellence

-

- Exceptional hospitality and dining experiences -

-
-
- Gourmet Catering -
-
- 24/7 Concierge -
-
- Event Management -
-
-
+ {/* Tab Navigation */} +
+
+ {['Campus', 'Classroom', 'Auditorium', 'Boardroom'].map((tab) => ( +
+ tabContents.forEach(content => { + content.classList.add('hidden'); + }); - {/* Vertical Connector - Center Flow Down */} -
-
-
- -
-
+ const clickedBtn = document.querySelector(`[data-tab="${tab.toLowerCase()}"]`); + clickedBtn?.classList.remove('text-gray-600', 'hover:text-gray-900'); + clickedBtn?.classList.add('bg-[#04045B]', 'text-white', 'shadow-md'); - {/* Row 2: Customization, Support */} -
- {/* Customization */} -
-
- -
-

Flexible Customization

-

- Adaptable spaces configured to your program needs -

-
-
- Room Configurations -
-
- Custom Setups -
-
- Branding Options -
-
-
+ const targetContent = document.querySelector(`[data-tab-content="${tab.toLowerCase()}"]`); + targetContent?.classList.remove('hidden'); + }} + data-tab={tab.toLowerCase()} + className={`facility-tab-btn px-6 py-3 rounded-lg transition-all duration-300 ${tab === 'Campus' + ? 'bg-[#04045B] text-white shadow-md' + : 'text-gray-600 hover:text-gray-900 hover:bg-white' + }`} + > + {tab} + + ))} +
+
- {/* Arrow 4→5 */} -
-
- -
+ {/* Campus Tab Content - 1 Large + 4 Small Layout */} +
+
+ {/* Large Image - Left Side */} +
+ +
- {/* Dedicated Support */} -
-
- -
-

Dedicated Support

-

- Expert team ensuring flawless program execution -

-
-
- Event Coordinators -
-
- Facility Staff -
-
- Technical Team -
-
-
-
- - {/* Final Vertical Connector - Center Flow Down to Outcome */} -
-
-
- -
-
- - {/* Row 3: Expected Outcome - Centered */} -
-
-
- -

Expected Outcome

-
-

- An immersive learning environment that enhances focus, engagement, and program effectiveness for transformational results. -

-
- - Exceptional Learning Experience -
-
-
+
+

Campus Aerial View

+

Kautilya Learning Centre

- {/* Tablet & Mobile: Vertical Flowchart */} -
- {/* Facilities */} -
-
-
- -
-

Premium Facilities

-

- World-class accommodations and learning environments -

-
-
- Luxury Accommodations -
-
- Learning Spaces -
-
- Wellness Facilities -
-
-
- {/* Connector Arrow */} -
- + {/* 4 Small Cards - Right Side (2x2 Grid) */} +
+ {/* Card 1 */} +
+ +
+ +
+

Outdoor Gardens

+

Kautilya Learning Centre

- {/* Services */} -
-
-
- -
-

Service Excellence

-

- Exceptional hospitality and dining experiences -

-
-
- Gourmet Catering -
-
- 24/7 Concierge -
-
- Event Management -
-
-
- {/* Connector Arrow */} -
- + {/* Card 2 */} +
+ +
+ +
+

Green Spaces

+

Kautilya Learning Centre

- {/* Technology */} -
-
-
- -
-

Technology Infrastructure

-

- Advanced technology for seamless learning delivery -

-
-
- High-Speed Internet -
-
- AV Equipment -
-
- Tech Support -
-
-
- {/* Connector Arrow */} -
- + {/* Card 3 */} +
+ +
+ +
+

Main Entrance

+

Kautilya Learning Centre

- {/* Customization */} -
-
-
- -
-

Flexible Customization

-

- Adaptable spaces configured to your program needs -

-
-
- Room Configurations -
-
- Custom Setups -
-
- Branding Options -
-
-
- {/* Connector Arrow */} -
- -
-
+ {/* Card 4 */} +
+ +
- {/* Dedicated Support */} -
-
-
- -
-

Dedicated Support

-

- Expert team ensuring flawless program execution -

-
-
- Event Coordinators -
-
- Facility Staff -
-
- Technical Team -
-
-
- {/* Connector Arrow */} -
- -
-
- - {/* Expected Outcome */} -
-
- -

Expected Outcome

-
-

- An immersive learning environment that enhances focus, engagement, and program effectiveness for transformational results. -

-
- - Exceptional Learning Experience +
+

Study Areas

+

Kautilya Learning Centre

+
- {/* Framework Effectiveness */} - {/*
-
-

Facility Excellence Metrics

-

- Our integrated campus approach delivers superior learning outcomes through exceptional environments. -

-
+ {/* Classroom Tab Content - 1 Large + 4 Small Layout */} +
+
+ {/* Large Image - Left Side */} +
+ +
-
-
-
- -
-
96%
-

Guest Satisfaction Rating

-
- -
-
- -
-
92%
-

Program Effectiveness Increase

-
- -
-
- -
-
89%
-

Repeat Booking Rate

+
+

Modern Classroom

+

Kautilya Learning Centre

-
*/} + + {/* 4 Small Cards - Right Side (2x2 Grid) */} +
+ {/* Card 1 */} +
+ +
+ +
+

Interactive Space

+

Kautilya Learning Centre

+
+
+ + {/* Card 2 */} +
+ +
+ +
+

Learning Tools

+

Kautilya Learning Centre

+
+
+ + {/* Card 3 */} +
+ +
+ +
+

Collaboration Area

+

Kautilya Learning Centre

+
+
+ + {/* Card 4 */} +
+ +
+ +
+

Technology Hub

+

Kautilya Learning Centre

+
+
+
+
+
+ + {/* Auditorium Tab Content - 1 Large + 4 Small Layout */} +
+
+ {/* Large Image - Left Side */} +
+ +
+ +
+

Main Auditorium Hall

+

Kautilya Learning Centre

+
+
+ + {/* 4 Small Cards - Right Side (2x2 Grid) */} +
+ {/* Card 1 */} +
+ +
+ +
+

Stage Area

+

Kautilya Learning Centre

+
+
+ + {/* Card 2 */} +
+ +
+ +
+

Premium Seating

+

Kautilya Learning Centre

+
+
+ + {/* Card 3 */} +
+ +
+ +
+

AV Technology

+

Kautilya Learning Centre

+
+
+ + {/* Card 4 */} +
+ +
+ +
+

Lighting Setup

+

Kautilya Learning Centre

+
+
+
+
+
+ + {/* Boardroom Tab Content - 1 Large + 4 Small Layout */} +
+
+ {/* Large Image - Left Side */} +
+ +
+ +
+

Executive Boardroom

+

Kautilya Learning Centre

+
+
+ + {/* 4 Small Cards - Right Side (2x2 Grid) */} +
+ {/* Card 1 */} +
+ +
+ +
+

Conference Setup

+

Kautilya Learning Centre

+
+
+ + {/* Card 2 */} +
+ +
+ +
+

Meeting Technology

+

Kautilya Learning Centre

+
+
+ + {/* Card 3 */} +
+ +
+ +
+

Premium Amenities

+

Kautilya Learning Centre

+
+
+ + {/* Card 4 */} +
+ +
+ +
+

Private Space

+

Kautilya Learning Centre

+
+
+
+
- {/* 5. Sample Program Format */} + {/* A Day at Kautilya - Timeline Section */}
- -

Complete Campus Experience

+
+ + DAILY EXPERIENCE +
+ +

+ A Day at Kautilya +

+

- A comprehensive facility experience designed to maximize learning outcomes and participant satisfaction. + Experience the rhythm of learning, reflection, and growth at our facility.

-
- {facilityFeatures.map((feature, index) => ( - - -
setExpandedFeature(expandedFeature === index ? null : index)} - > -
-
- {index + 1} -
-
-

{feature.phase}

-
- - {feature.duration} -
-
-
-
- {expandedFeature === index ? ( - - ) : ( - - )} -
+ {/* Timeline */} +
+ {/* Timeline Line - Desktop */} +
+ +
+ {/* Timeline Item 1 */} +
+
+
+ Morning
+

Morning reflection & mindfulness

+

+ Begin your day with calm intention, setting the tone for focused learning and personal growth in our dedicated meditation spaces. +

+
- {expandedFeature === index && ( -
-
-
-

Available Features

-
    - {feature.activities.map((activity, activityIndex) => ( -
  • - - {activity} -
    • - ))} -
-
-
-

Experience Benefits

-
    - {feature.deliverables.map((deliverable, deliverableIndex) => ( -
  • - - {deliverable} -
    • - ))} -
-
-
-
- )} - - - ))} -
-
-
-
+ {/* Center Dot */} +
- {/* 6. Impact You Can Expect */} -
-
-
-
- -

Measurable Facility Outcomes

-

- Organizations consistently report high satisfaction and improved program outcomes when using our premium facility. -

-
- - {/* Outcomes Grid */} -
- {expectedOutcomes.map((outcome, index) => ( - - -
- +
+
+
- {/*
- {outcome.metric} -
*/} -

{outcome.category}

- -

{outcome.description}

- {/*

{outcome.category}

*/} - - - ))} -
- -
-

Additional Facility Benefits

-
-
- -

Premium Environment

-

World-class facilities that enhance learning and networking

+
-
- -

Exceptional Service

-

Dedicated support staff and personalized service excellence

+ + {/* Timeline Item 2 */} +
+
+
+ Mid-Morning +
+

Interactive classroom learning

+

+ Engage in dynamic sessions with expert facilitators in modern, technology-enabled classrooms designed for maximum learning impact. +

+
+ + {/* Center Dot */} +
+ +
+
+ +
+
-
- -

Strategic Location

-

Convenient location with peaceful, focused learning environment

+ + {/* Timeline Item 3 */} +
+
+
+ Afternoon +
+

Group collaboration & workshops

+

+ Connect with peers in collaborative spaces designed to foster teamwork, creative thinking, and meaningful dialogue. +

+
+ + {/* Center Dot */} +
+ +
+
+ +
+
+
+ + {/* Timeline Item 4 */} +
+
+
+ Evening +
+

Evening reflection in calm spaces

+

+ Close your learning day with quiet contemplation, integrating insights and preparing for tomorrow's growth in serene outdoor or indoor reflection areas. +

+
+ + {/* Center Dot */} +
+ +
+
+ +
+
@@ -1296,160 +1766,6 @@ export function LearningFacilityNew() { onClose={handleCloseModal} /> - {/* Testimonials Section - Using home page testimonials with custom headers */} - - - {/* Facility Tour - How to Reach Us Section */} -
-
-
- {/* Header */} -
-
-
- FACILITY TOUR -
-

- We Look Forward to Host You -

-

- Experience our world-class facility firsthand. Here's everything you need to know about reaching us and planning your visit. -

-
- - {/* Content Grid */} -
- {/* Contact Information */} -
- {/* Venue Details */} - -
-
- -
-

Venue Details

-
-
-

Kautilya Leadership Services

-

R.S. No. 5/6, Savaroli Kharpada Road,

-

Dhamani Taluk, Khalapur, District Raigad – 410201

-
- - - {/* Corporate Booking & Distance in one row */} -
- {/* Corporate Booking */} - -
-
- -
-

Corporate Booking

-
-
-

Supriya Salvi

-
- - +91 9819232703 / 9326091775 -
-
- - connect@kautilyaservices.in -
-
- - - {/* Distance Information */} - -
-
- -
-

How to Reach Us

-
-
-
- From Lonavala: - 23 Km -
-
- From Mumbai Airport: - 82 Km -
-
- From Pune Airport: - 94 Km -
-
- -
-
- - {/* Location Map */} - -
-
- -
-
-

Kautilya Leadership Centre

-

Raigad, Maharashtra

-
-
-
- - {/* Quick Actions */} -
- -
- -
-
-
-
- {/* CTA Section - Using standardized home page CTA */} diff --git a/src/components/LogosSection.tsx b/src/components/LogosSection.tsx index e0cba23..80cd820 100644 --- a/src/components/LogosSection.tsx +++ b/src/components/LogosSection.tsx @@ -18,17 +18,7 @@ const logoData = [ { src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES { src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS { src: levis, name: 'levis', width: 206, height: 54 }, // KADANS - { src: tata, name: 'tata', width: 206, height: 54 }, // KADANS - // { src: tata, name: 'tata', width: 206, height: 54 }, // KADANS - // Repeat logos for more variety in scrolling - { src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat) - { src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat) - { src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat) - { src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat) - { src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES (repeat) - { src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat) - { src: levis, name: 'levis', width: 206, height: 54 }, // KADANS - { src: tata, name: 'tata', width: 206, height: 54 }, // KADANS + { src: tata, name: 'tata', width: 206, height: 54 }, ]; @@ -98,7 +88,7 @@ export function LogosSection() { > {/* Top Row - Scrolling Left to Right */}
@@ -132,43 +122,6 @@ export function LogosSection() {
- - {/* Bottom Row - Scrolling Right to Left */} -
-
-
- {/* Create multiple sets for seamless infinite scroll */} - {[1, 2, 3, 4].map((setNumber) => ( -
- {bottomRowLogos.map((logo, index) => ( - 1} - /> - ))} -
- ))} -
-
-
);