diff --git a/package-lock.json b/package-lock.json index 38a8b23..d9340c5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -50,7 +50,9 @@ "react-hook-form": "^7.55.0", "react-resizable-panels": "^2.1.7", "react-router-dom": "^7.8.2", + "react-slick": "^0.31.0", "recharts": "^2.15.2", + "slick-carousel": "^1.8.1", "sonner": "^2.0.3", "tailwind-merge": "*", "tailwindcss": "^4.1.12", @@ -60,6 +62,7 @@ "@types/node": "^20.10.0", "@types/react": "^19.1.12", "@types/react-dom": "^19.1.8", + "@types/react-slick": "^0.23.13", "@vitejs/plugin-react": "^5.0.2", "@vitejs/plugin-react-swc": "^3.10.2", "vite": "^6.3.5" @@ -3158,6 +3161,16 @@ "@types/react": "^19.0.0" } }, + "node_modules/@types/react-slick": { + "version": "0.23.13", + "resolved": "https://registry.npmjs.org/@types/react-slick/-/react-slick-0.23.13.tgz", + "integrity": "sha512-bNZfDhe/L8t5OQzIyhrRhBr/61pfBcWaYJoq6UDqFtv5LMwfg4NsVDD2J8N01JqdAdxLjOt66OZEp6PX+dGs/A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@vitejs/plugin-react": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.0.2.tgz", @@ -3287,6 +3300,12 @@ "url": "https://polar.sh/cva" } }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "license": "MIT" + }, "node_modules/clsx": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", @@ -3743,6 +3762,13 @@ "jiti": "lib/jiti-cli.mjs" } }, + "node_modules/jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "license": "MIT", + "peer": true + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -3762,6 +3788,15 @@ "node": ">=6" } }, + "node_modules/json2mq": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz", + "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==", + "license": "MIT", + "dependencies": { + "string-convert": "^0.2.0" + } + }, "node_modules/json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", @@ -4009,6 +4044,12 @@ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "license": "MIT" }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "license": "MIT" + }, "node_modules/loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", @@ -4414,6 +4455,22 @@ "react-dom": ">=18" } }, + "node_modules/react-slick": { + "version": "0.31.0", + "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.31.0.tgz", + "integrity": "sha512-zo6VLT8wuSBJffg/TFPbzrw2dEnfZ/cUKmYsKByh3AgatRv29m2LoFbq5vRMa3R3A4wp4d8gwbJKO2fWZFaI3g==", + "license": "MIT", + "dependencies": { + "classnames": "^2.2.5", + "json2mq": "^0.2.0", + "lodash.debounce": "^4.0.8", + "resize-observer-polyfill": "^1.5.0" + }, + "peerDependencies": { + "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/react-smooth": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz", @@ -4499,6 +4556,12 @@ "decimal.js-light": "^2.4.1" } }, + "node_modules/resize-observer-polyfill": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", + "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==", + "license": "MIT" + }, "node_modules/rollup": { "version": "4.49.0", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.49.0.tgz", @@ -4564,6 +4627,15 @@ "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==", "license": "MIT" }, + "node_modules/slick-carousel": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz", + "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==", + "license": "MIT", + "peerDependencies": { + "jquery": ">=1.8.0" + } + }, "node_modules/sonner": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz", @@ -4583,6 +4655,12 @@ "node": ">=0.10.0" } }, + "node_modules/string-convert": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz", + "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==", + "license": "MIT" + }, "node_modules/tailwind-merge": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz", diff --git a/package.json b/package.json index 4dae6f6..8f9cab1 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,9 @@ "react-hook-form": "^7.55.0", "react-resizable-panels": "^2.1.7", "react-router-dom": "^7.8.2", + "react-slick": "^0.31.0", "recharts": "^2.15.2", + "slick-carousel": "^1.8.1", "sonner": "^2.0.3", "tailwind-merge": "*", "tailwindcss": "^4.1.12", @@ -55,6 +57,7 @@ "@types/node": "^20.10.0", "@types/react": "^19.1.12", "@types/react-dom": "^19.1.8", + "@types/react-slick": "^0.23.13", "@vitejs/plugin-react": "^5.0.2", "@vitejs/plugin-react-swc": "^3.10.2", "vite": "^6.3.5" diff --git a/src/App.tsx b/src/App.tsx index 139ad71..d02591c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -42,6 +42,11 @@ import WebinarDetail from "./components/WebinarDetail"; import { LearningOnline } from "./components/LearningOnline"; import { Terms } from "./components/Terms"; import HomePage from './pages/HomePage'; +import { AboutUs } from './components/AboutUs'; +import { Services } from './components/Services'; +import { LearningFacilityNew } from './components/LearningFacilityNew'; +import HomePageNew from './pages/HomePageNew'; +import { FooterNew } from './components/FooterNew'; // import EnrollPlaceholder from "./components/EnrollPlaceholder"; // import ForgotPasswordPlaceholder from "./components/ForgotPasswordPlaceholder"; // import DashboardPlaceholder from "./components/DashboardPlaceholder"; @@ -52,60 +57,61 @@ export default function App() { return ( -
- + {/* Home Page */} } /> - {/* Leadership Journey */} } /> - + {/* Services Pages */} - } /> + {/* } /> } /> } /> } /> } /> - } /> - + } /> */} + } /> + {/* About Us Pages */} } /> } /> } /> - + } /> + {/* Learning Pages */} } /> } /> } /> - + {/* Webinars Pages */} } /> } /> - + {/* Learning Online */} } /> - + {/* Terms & Conditions */} } /> - + {/* Cart */} } /> - + {/* Authentication Pages */} } /> } /> } /> } /> } /> - + {/* Contact Page */} } /> - + {/* Dynamic Routes */} } /> } /> @@ -113,19 +119,22 @@ export default function App() { } /> */} } /> } /> - + + {/* Learning Facility */} + } /> + {/* Placeholder Pages */} {/* } /> } /> } /> } /> */} - + {/* 404 Page */} } /> -
- + + {/* Add AIChatbot to all pages */}
diff --git a/src/components/AboutUs.tsx b/src/components/AboutUs.tsx new file mode 100644 index 0000000..4451d25 --- /dev/null +++ b/src/components/AboutUs.tsx @@ -0,0 +1,1498 @@ +import { useState, useEffect } from 'react'; +import { motion } from 'motion/react'; +import { + Target, + Users, + Globe, + Lightbulb, + ArrowRight, + CheckCircle, + Star, + Award, + Brain, + TrendingUp, + Shield, + Heart, + Zap, + Eye, + BookOpen, + Puzzle, + Building +} from 'lucide-react'; +import { BrandedTag } from './about/BrandedTag'; +import { PrimaryCTAButton } from './PrimaryCTAButton'; +import { CTABannerSection } from './CTABannerSection'; +import { TestimonialsSection } from './TestimonialsSection'; +// import { TeamMemberModal } from './TeamMemberModal'; +import { navigateTo } from './Router'; + +// Leadership Orientations Data +const leadershipOrientations = [ + { name: 'Thinking', icon: Brain, description: 'Strategic and analytical mindset' }, + { name: 'Risk Appetite', icon: TrendingUp, description: 'Calculated risk-taking approach' }, + { name: 'Power', icon: Shield, description: 'Authority and influence dynamics' }, + { name: 'Interpersonal/Political', icon: Users, description: 'Relationship and network building' }, + { name: 'Ambition', icon: Target, description: 'Drive for achievement and growth' }, + { name: 'Trust', icon: Heart, description: 'Building confidence and reliability' }, + { name: 'Learning', icon: BookOpen, description: 'Continuous development mindset' }, + { name: 'Nurturance', icon: Heart, description: 'Supporting and developing others' }, + { name: 'Result/Closure', icon: CheckCircle, description: 'Focus on outcomes and completion' } +]; + +// Our Uniqueness Data +const uniquenessPoints = [ + { + icon: Target, + title: 'Context & Strategy Alignment', + description: 'We align our work to the client\'s specific context & strategy' + }, + { + icon: BookOpen, + title: 'Research-Anchored Approach', + description: 'Our work is anchored on research and work of scholars' + }, + { + icon: Users, + title: 'Client-Specific Needs', + description: 'We blend this with the specific needs of the client' + }, + { + icon: Puzzle, + title: 'Co-Creation Process', + description: 'We co-create the design with our clients' + } +]; + +// Benefits Data +const benefits = [ + 'We use proprietary exercises, custom written cases, curated films and proprietary tools', + 'Facilitate insights on the connect between one\'s leadership orientations and their leadership abilities', + 'We create learning at an individual level and at a group level', + 'Our designs focus on application and practice', + 'We bring in the connect of the learning to the Business contexts', + 'We recommend that the Leadership intervention is designed for a period of 12-15 months with multiple touch points which can constitute a combination of classroom, fire side chats, one-on-one sessions, address by an expert, use of profilers, accessing online content on concepts and accomplished leaders\' experiences' +]; + +// Team Members Data with Full Profiles +const teamMembers = [ + { + name: 'Mr. K Ramkumar', + role: 'Managing Director', + image: 'https://images.unsplash.com/photo-1584940120505-117038d90b05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBidXNpbmVzc21hbiUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA3OXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Over 25 years of leadership experience in building and scaling organizations.', + fullBio: 'K Ramkumar is the Managing Director and founder of Kautilya Leadership Centre, bringing over two and a half decades of extensive leadership experience. He has been instrumental in building the institution from its inception in 2016, establishing it as a premier leadership development center.\n\nHis vision and strategic direction have guided KLC to become a trusted partner for organizations seeking to develop their leadership capabilities. Under his leadership, KLC has worked with numerous Fortune 500 companies and emerging organizations across various industries.\n\nRamkumar is passionate about developing leaders who can navigate complex business environments and drive sustainable growth. His approach combines traditional leadership wisdom with modern business practices.', + expertise: ['Strategic Leadership', 'Organizational Development', 'Executive Coaching', 'Business Strategy', 'Leadership Assessment'], + education: 'MBA in Strategic Management and Bachelor\'s degree in Engineering', + achievements: [ + 'Founded and scaled Kautilya Leadership Centre to become a leading institution', + 'Developed proprietary leadership assessment and development frameworks', + 'Successfully coached over 200 senior executives across industries', + 'Built strategic partnerships with leading business schools and consulting firms' + ], + clientWork: 'Has worked extensively with Fortune 500 companies, family businesses, and emerging startups across industries including technology, healthcare, manufacturing, and financial services.', + boardRoles: 'Serves as an advisor to multiple startups and family businesses. Active member of leadership development forums and industry associations.' + }, + { + name: 'Mr. R. Muralidharan', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1584940121258-c2553b66a739?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW5pb3IlMjBidXNpbmVzcyUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA5MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Two decades of experience in leadership development and organizational transformation.', + fullBio: 'R. Muralidharan is a seasoned leadership development professional with over 20 years of experience in designing and implementing leadership programs for organizations across various industries. He specializes in creating transformational learning experiences that drive sustainable behavioral change.\n\nHis expertise lies in understanding the nuances of leadership in different cultural and organizational contexts. He has successfully designed and facilitated leadership programs for multinational corporations, helping them develop culturally aware and globally effective leaders.\n\nMuralidharan is known for his innovative approach to leadership development, combining experiential learning with deep psychological insights to create lasting impact.', + expertise: ['Leadership Program Design', 'Cross-cultural Leadership', 'Behavioral Change', 'Team Dynamics', 'Organizational Psychology'], + education: 'Master\'s in Organizational Psychology and Bachelor\'s degree in Management', + achievements: [ + 'Designed leadership programs for over 50 organizations', + 'Certified in multiple leadership assessment tools', + 'Published research on cross-cultural leadership effectiveness', + 'Trained over 1000 leaders across Asia-Pacific region' + ], + clientWork: 'Extensive experience with multinational corporations, government organizations, and NGOs across India, Southeast Asia, and the Middle East.', + boardRoles: 'Member of leadership development councils and advisory committees for business schools and professional associations.' + }, + { + name: 'Ms. Aparna Nair', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1567849859756-79bf6a9d62f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzc3dvbWFuJTIwcHJvZmVzc2lvbmFsJTIwZXhlY3V0aXZlfGVufDF8fHx8MTc1NjgyNDA4NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Founding member with over two-and-a-half decades of experience in leadership development and organizational consulting.', + fullBio: 'Aparna is a founding member of the Kautilya Leadership Centre with over two-and-a-half decades of experience. She has built the institution since its inception in 2016 by nurturing client relationships, developing content, and building organisational capabilities.\n\nAparna advises and consults Boards and Management Committees on strengthening their leadership bench strength. She designs and facilitates custom interventions for executives at the CXO and other leadership levels across industries. She also advises client organisations on aligning culture with business strategy, and on policies and processes related to performance management, talent assessment, compensation management, and rewards & recognition.\n\nShe has built proprietary psychometric tools for both clients and the institution. She mentors Human Resource professionals in deepening domain expertise and leading people processes within their organisations. She has created content from first principles and developed the knowledge management system for the institution. She is an accredited facilitator from SMR, Malaysia, with extensive experience in using the OPQ (Occupational Personality Questionnaire developed by Saville and Holdsworth Ltd.) and applying the Balanced Scorecard (BSC) framework to businesses. She is also a certified Myers-Briggs Type Indicator (MBTI) practitioner with deep experience supporting both individuals and groups.\n\nAparna brings value through her experience as a first-generation entrepreneur, having successfully engaged with reputed organisations across industries. Her business understanding is grounded in her hands-on roles in field sales, team management, credit operations, project management, and branch operations in large institutions. She has also worked in the areas of learning and development, performance management, human resource planning, and instructional design for e-learning.\n\nShe has held key positions at ICICI Bank and the erstwhile Blue Dart-FedEx before starting her consulting practice. She has worked with organisations such as Godrej & Boyce, National Collateral Management Services Ltd. (NCML), ICICI Prudential, Citi WAI, Wealth Advisors (I) Pvt. Ltd., WNS, I-mint (erstwhile), and ThyssenKrupp.\n\nAt the Kautilya Leadership Centre, she has worked across diverse industries, including pharmaceuticals, banking, insurance and financial services, manufacturing, retail, electronic payments, auto, start-ups, and private equity. Her client list includes industry leaders in each of these sectors.', + expertise: ['Psychometric Assessment', 'Leadership Development', 'Organizational Culture', 'Performance Management', 'Talent Assessment', 'MBTI Certification', 'OPQ Assessment', 'Balanced Scorecard'], + education: 'MBA in Marketing and Bachelor\'s degree in Commerce', + achievements: [ + 'Co-founded and built Kautilya Leadership Centre from inception', + 'Developed proprietary psychometric tools and assessment frameworks', + 'Created comprehensive knowledge management systems', + 'Successfully engaged with Fortune 500 companies across multiple industries', + 'Certified in multiple global assessment tools (MBTI, OPQ, BSC)', + 'Built leadership development programs for over 100 organizations' + ], + clientWork: 'Extensive client portfolio includes Godrej & Boyce, ICICI Prudential, Citi WAI, WNS, ThyssenKrupp, and many other industry leaders across pharmaceuticals, banking, insurance, manufacturing, retail, auto, and private equity sectors.', + boardRoles: 'Serves as an Independent Woman Director on the board of a start-up. Previously held key positions at ICICI Bank and Blue Dart-FedEx.' + }, + { + name: 'Mr. V. Swaminathan', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1742119971773-57e0131095b0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBsZWFkZXJzaGlwJTIwdGVhbSUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQwOTd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Over 22 years in corporate leadership and human capital development.', + fullBio: 'V. Swaminathan brings over two decades of experience in corporate leadership and human capital development. He has spent significant time in building high-performance teams and developing leadership capabilities across various organizational levels.\n\nHis expertise spans across strategic leadership, change management, and organizational effectiveness. He has been instrumental in driving major transformation initiatives and has a proven track record of developing leaders who can navigate complex business challenges.\n\nSwaminathan is particularly known for his work in succession planning and leadership pipeline development, helping organizations build sustainable leadership capabilities for the future.', + expertise: ['Strategic Leadership', 'Change Management', 'Succession Planning', 'Organizational Effectiveness', 'Leadership Pipeline Development'], + education: 'Master\'s in Human Resources and Bachelor\'s degree in Business Administration', + achievements: [ + 'Led major organizational transformation initiatives', + 'Developed leadership pipeline programs for multiple corporations', + 'Successfully coached over 150 senior leaders', + 'Implemented succession planning frameworks for Fortune 500 companies' + ], + clientWork: 'Has worked with leading corporations in technology, manufacturing, and services sectors, focusing on leadership development and organizational transformation.', + boardRoles: 'Advisor to several corporate boards on leadership and human capital matters.' + }, + { + name: 'Mr. Balaji Chandrakumar', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1610631066894-62452ccb927c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMG1hbmFnZXIlMjBwb3J0cmFpdCUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQxMDN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Two decades of experience in leadership coaching and executive development.', + fullBio: 'Balaji Chandrakumar is an accomplished leadership coach and executive development specialist with over 20 years of experience. He has worked extensively with C-suite executives and senior leadership teams, helping them enhance their leadership effectiveness and drive organizational performance.\n\nHis approach combines behavioral psychology with practical business applications, creating leadership development experiences that are both insightful and immediately applicable. He is particularly skilled in working with leaders during critical transitions and challenging business situations.\n\nBalaji has a strong background in executive coaching and has helped numerous leaders navigate complex organizational challenges while developing their authentic leadership style.', + expertise: ['Executive Coaching', 'Leadership Transitions', 'Behavioral Psychology', 'Emotional Intelligence', 'Leadership Effectiveness'], + education: 'Master\'s in Psychology and Bachelor\'s degree in Engineering', + achievements: [ + 'Coached over 200 C-suite executives', + 'Developed leadership transition programs', + 'Certified executive coach with international credentials', + 'Successfully facilitated leadership team effectiveness initiatives' + ], + clientWork: 'Extensive experience with technology companies, financial services, and healthcare organizations, focusing on executive coaching and leadership team development.', + boardRoles: 'Advisory positions with technology startups and scale-up companies.' + }, + { + name: 'Mr. Ramesh Padmanabhan', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1736939681295-bb2e6759dddc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBjb25zdWx0YW50JTIwYnVzaW5lc3MlMjBwb3J0cmFpdHxlbnwxfHx8fDE3NTY4MjQxMTN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Over 18 years in organizational consulting and leadership development across multiple industries.', + fullBio: 'Ramesh Padmanabhan is a seasoned organizational consultant and leadership development expert with over 18 years of experience. He specializes in helping organizations build leadership capabilities that align with their strategic objectives and cultural values.\n\nHis expertise lies in designing comprehensive leadership development programs that combine assessment, development, and measurement components. He has worked extensively with family businesses and professionally managed companies, understanding the unique challenges each faces.\n\nRamesh is known for his ability to translate complex leadership concepts into practical, actionable development plans that drive measurable business results.', + expertise: ['Organizational Consulting', 'Leadership Assessment', 'Program Design', 'Family Business Dynamics', 'Strategic Alignment'], + education: 'Master\'s in Organizational Development and Bachelor\'s degree in Commerce', + achievements: [ + 'Designed leadership programs for over 60 organizations', + 'Specialized expertise in family business leadership dynamics', + 'Developed assessment frameworks for leadership potential', + 'Facilitated leadership alignment initiatives for complex organizations' + ], + clientWork: 'Significant experience with family businesses, professionally managed companies, and emerging organizations across manufacturing, services, and technology sectors.', + boardRoles: 'Serves on advisory boards of family businesses and consulting organizations.' + }, + { + name: 'Ms. Diju S', + role: 'Practice Head – Leadership Development', + image: 'https://images.unsplash.com/photo-1701463387028-3947648f1337?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBkaXJlY3RvciUyMGJ1c2luZXNzJTIwcG9ydHJhaXR8ZW58MXx8fHwxNzU2ODI0MTE4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', + experience: 'Over 15 years in leadership development with a focus on women leaders and diversity initiatives.', + fullBio: 'Diju S brings over 15 years of specialized experience in leadership development with a particular focus on developing women leaders and driving diversity and inclusion initiatives. She has been instrumental in creating programs that help organizations build more inclusive leadership cultures.\n\nHer work spans across leadership coaching, mentoring programs, and organizational culture transformation. She has helped numerous organizations develop their women leadership pipeline and create environments where diverse leadership can thrive.\n\nDiju is passionate about developing authentic leaders who can drive positive change in their organizations and communities. Her approach emphasizes emotional intelligence, inclusive leadership, and sustainable development practices.', + expertise: ['Women Leadership Development', 'Diversity & Inclusion', 'Inclusive Leadership', 'Mentoring Programs', 'Culture Transformation'], + education: 'Master\'s in Human Resources and Bachelor\'s degree in Psychology', + achievements: [ + 'Pioneered women leadership development programs', + 'Developed diversity and inclusion frameworks for major corporations', + 'Mentored over 100 women leaders across industries', + 'Created inclusive leadership assessment tools' + ], + clientWork: 'Extensive work with corporations seeking to build diverse leadership pipelines, particularly in technology, healthcare, and financial services sectors.', + boardRoles: 'Active member of women leadership forums and diversity councils in corporate and non-profit sectors.' + } +]; + +export function AboutUs() { + const [isVisible, setIsVisible] = useState(false); + const [expandedValue, setExpandedValue] = useState('context'); + const [selectedMember, setSelectedMember] = useState(null); + const [isModalOpen, setIsModalOpen] = useState(false); + + const handleMemberClick = (member: typeof teamMembers[0]) => { + setSelectedMember(member); + setIsModalOpen(true); + }; + + const handleCloseModal = () => { + setIsModalOpen(false); + setSelectedMember(null); + }; + + // Prevent background scroll when modal is open + useEffect(() => { + if (isModalOpen) { + document.body.style.overflow = 'hidden'; + } else { + document.body.style.overflow = ''; + } + + // Cleanup on unmount + return () => { + document.body.style.overflow = ''; + }; + }, [isModalOpen]); + + useEffect(() => { + setIsVisible(true); + + // Timeline fill animation on scroll + const handleScroll = () => { + const timelineSection: any = document.querySelector('#timeline-fill-line'); + const timelineContainer = timelineSection?.parentElement as HTMLElement; + + if (!timelineSection || !timelineContainer) return; + + const rect = timelineContainer.getBoundingClientRect(); + const windowHeight = window.innerHeight; + + // Calculate how much of the timeline is visible + const sectionTop = rect.top; + const sectionHeight = rect.height; + const visibleTop = Math.max(0, windowHeight - sectionTop); + const visibleHeight = Math.min(visibleTop, sectionHeight); + const scrollProgress = Math.max(0, Math.min(1, visibleHeight / sectionHeight)); + + // Calculate the exact position to end at Phase 3 dot + const maxFillHeight = 'calc(100% - 1rem)'; // Match the background line limit + + // Apply progressive fill that respects the maximum height constraint + if (scrollProgress >= 0.9) { + // When nearly complete, set to exact end position + timelineSection.style.height = maxFillHeight; + } else { + // Progressive fill up to 90% of the way + timelineSection.style.height = `${scrollProgress * 90}%`; + } + }; + + // Add scroll listener + window.addEventListener('scroll', handleScroll); + + // Initial call to set the initial state + handleScroll(); + + // Cleanup + return () => { + window.removeEventListener('scroll', handleScroll); + }; + }, []); + + return ( +
+ {/* Hero Section - Our Vision Page Style */} +
+
+
+
+
+ +
+
+
+ +
+
+ About Kautilya Leadership Centre +
+ +

+ Transforming Leadership Through
Research and Practice +

+ +

+ Founded in 2016 with the vision of being a world class institution in the thought and practice of leadership. + We facilitate institutions to build Leadership capacity and capability while helping individuals unleash their potential. +

+ +
+ navigateTo('/contact')} + ariaLabel="Contact us to discover our leadership approach" + className="management-dev-primary-cta" + /> +
+ +
+
+
+ + +
+ + {/* Who We Are Section */} +
+
+
+ + {/* Split Layout - Left: Eyebrow Text, Right: Main Heading */} +
+ {/* Left Side - Eyebrow Text */} +
+
+
+ Who we are +
+
+ + {/* Right Side - Main Heading */} +
+

+ A global leadership development institution behind some of the world's most transformational leaders +

+
+
+ + {/* Statistics Grid */} +
+ +
+ 27,187 +
+
+
+ LEADERS DEVELOPED +
+ + + +
+ 15,510 +
+
+
+ CLIENTS +
+ + + +
+ 1,240 +
+
+
+ PROGRAMS CONDUCTED +
+ +
+ +
+
+
+ + {/* Our Vision Section */} +
+
+
+ {/* Centered Header Section */} + + +

Our Vision

+ + + {/* Three Column Layout */} +
+ {/* World Class Institution */} + +
+
+ +
+

World Class Institution

+
+ +

+ To be a world class institution in the thought and practice of Leadership +

+ + + {/* Partner Institutions */} + +
+
+ +
+

Partner Institutions

+
+ +

+ Partner institutions to build Leadership Capacity and Capability +

+ + + {/* Facilitate Individuals */} + +
+
+ +
+

Facilitate Individuals

+
+ +

+ Facilitate individuals to discover and develop their personal leadership resources +

+ +
+
+
+
+ + {/* Our Uniqueness Section */} +
+
+
+ {/* Dashboard-Style Container */} + + {/* Dashboard Background Container */} +
+ + {/* Top Navigation Tabs */} +
+ {[ + { id: 'context', label: 'Context', icon: Target, color: 'bg-gray-100 hover:bg-gray-200' }, + { id: 'research', label: 'Research', icon: BookOpen, color: 'bg-gray-100 hover:bg-gray-200' }, + { id: 'client-needs', label: 'Client Needs', icon: Users, color: 'bg-gray-100 hover:bg-gray-200' }, + { id: 'co-creation', label: 'Co-Creation', icon: Puzzle, color: 'bg-gray-100 hover:bg-gray-200' } + ].map((tab) => { + const IconComponent = tab.icon; + const isActive = expandedValue === tab.id; + return ( + + ); + })} +
+ + {/* Main Content Area */} +
+ + {/* Left Panel - Static Content */} + + +

Our Uniqueness

+

+ We bring unique value through context alignment, research, client focus, and co-creation. +

+ + {/* CTA Button under subtext */} +
+ navigateTo('/contact')} + ariaLabel="Contact us to design your leadership journey" + className="cta-text-black" + /> +
+ + + {/* Right Panel - Dynamic Content Widget */} + +
+ {/* Default Content when no tab is active */} + {!expandedValue && ( +
+
+ +
+

Explore Our Approach

+

+ Select a tab above to learn about our unique methodology and approach to leadership development. +

+
+ )} + + {/* Context Tab Content */} + {expandedValue === 'context' && ( + +
+
+ +
+

Context & Strategy Alignment

+
+

+ We align our work to the client's specific context & strategy. Our solutions are tailored to fit seamlessly within your organizational ecosystem, ensuring maximum relevance and effectiveness. +

+
+ + Contextually Relevant Solutions +
+ + )} + + {/* Research Tab Content */} + {expandedValue === 'research' && ( + +
+
+ +
+

Research-Anchored Approach

+
+

+ Our work is anchored on research and work of scholars. Every methodology we employ is backed by rigorous academic research and proven leadership theories. +

+
+ + Evidence-Based Methodologies +
+ + )} + + {/* Client Needs Tab Content */} + {expandedValue === 'client-needs' && ( + +
+
+ +
+

Client-Specific Needs

+
+

+ We blend this with the specific needs of the client. Our solutions are never one-size-fits-all, but carefully crafted to address your unique challenges and objectives. +

+
+ + Customized Solutions +
+ + )} + + {/* Co-Creation Tab Content */} + {expandedValue === 'co-creation' && ( + +
+
+ +
+

Co-Creation Process

+
+

+ We co-create the design with our clients. You're not just a recipient of our services—you're an active partner in designing solutions that work for your organization. +

+
+ + Collaborative Partnership +
+ + )} +
+ +
+
+ +
+
+
+ + {/* Leadership Orientations Section */} +
+
+
+ + +

Leadership Orientations

+
+

+ At leadership centre we refer to the "Who am I" as "Orientations". The Orientations which have direct impact on our leadership, we call it "Leadership Orientations". We have through our research identified the following orientations as "Leadership Orientations". +

+

+ These are the lego blocks which build the super-structure of leadership abilities like Strategic orientation, Decision Making, Collaboration, sensitivity, Results orientation etc. +

+
+ + +
+ {leadershipOrientations.map((orientation, index) => ( + +
+
+ +
+
+

{orientation.name}

+

{orientation.description}

+
+
+ + ))} +
+ + + navigateTo('/contact')} + ariaLabel="Contact us to learn more about leadership orientations" + className="cta-text-black" + /> + +
+
+
+ + {/* Our Facilitation Approach Section */} +
+
+
+ + +

Our Facilitation Approach

+ + + {/* Vertical Timeline Container */} +
+ {/* Vertical Line Background - Gray - Ends exactly at Phase 3 dot */} +
+ + {/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */} +
+ + {/* Phase 1 - Understanding & Assessment */} +
+
+ {/* Phase dot positioned absolutely */} +
+ + {/* Column 1: Phase Label */} +
+
+
+ Phase 1 +
+
+ + {/* Column 2: Main Heading */} +
+ +

Understanding & Assessment

+ +
+ + {/* Column 3: Content - Description and Bullet Points */} +
+ +

+ We believe that leadership is more than skill and style. Leadership is predicated by a person's orientations (typical behaviors) which shapes the leadership abilities and its fit to a context. The broader the fit of the orientation the more versatile a person is in his exercise of leadership in a variety of contexts. +

+ +
+

Key Focus Areas:

+ +
+
+
+ + Leadership orientations (typical behaviors) assessment. + +
+ +
+
+ + Action-consequence model application. + +
+ +
+
+ + Context alignment and strategy integration. + +
+
+
+ +
+
+
+ + {/* Phase 2 - Development & Practice */} +
+
+ {/* Phase dot positioned absolutely */} +
+ + {/* Column 1: Phase Label */} +
+
+
+ Phase 2 +
+
+ + {/* Column 2: Main Heading */} +
+ +

Development & Practice

+ +
+ + {/* Column 3: Content - Description and Bullet Points */} +
+ +

+ Thus, in our engagements with our clients we work with the individual using the action-consequence model to link up one's leadership orientations (typical behaviors) to outcomes. +

+ +

+ Leadership is a social skill. Socially aware people shape the thought, emotions and actions of others better. The key to social-awareness is self-awareness. We help our learners become aware, gain insights and discover their fullest leadership potential. This in turn builds organizational leadership capacity & capabilities. +

+ +
+

Development Process:

+ +
+
+
+ + Self-awareness and insight facilitation. + +
+ +
+
+ + Leadership potential discovery sessions. + +
+ +
+
+ + Organizational capacity building. + +
+
+
+ +
+
+
+ + {/* Phase 3 - Implementation & Mastery */} +
+
+ {/* Phase dot positioned absolutely */} +
+ + {/* Column 1: Phase Label */} +
+
+
+ Phase 3 +
+
+ + {/* Column 2: Main Heading */} +
+ +

Implementation & Mastery

+ +
+ + {/* Column 3: Content - Description and Bullet Points */} +
+ +

+ Our approach to learning works on the 'Orientation Toning process', which is using 'Restraint and Release' of thought, emotions and actions. This release is moderated according to the demands of a context, without being tied down by one's default settings. +

+ +
+

Mastery Framework:

+ +
+
+
+ + Orientation Toning process implementation. + +
+ +
+
+ + Context-responsive leadership adaptation. + +
+ +
+
+ + Sustainable behavior change integration. + +
+
+ + {/* Leadership Process Flow - Integrated */} +
+

Leadership Process Flow

+

+ Our proven methodology connects orientations to abilities and outcomes through structured development. +

+ +
+
+
+ +
+ Leadership Orientations +
+
+
+ +
+ Leadership Abilities +
+
+
+ +
+ Leadership Outcomes +
+
+
+
+ +
+
+
+
+ + + navigateTo('/contact')} + ariaLabel="Contact us to design your leadership journey" + className="cta-text-black" + /> + +
+
+
+ + {/* Benefits Section */} +
+
+
+ + +

Benefits to Learners and Institutions

+

+ Our comprehensive approach delivers measurable value through proprietary methodologies, personalized learning experiences, and sustained development programs. +

+ + + {/* Enhanced Benefits Grid Design */} +
+ + {/* Benefits Categories */} +
+ + {/* Learner Benefits Section */} + +
+
+
+ +
+
+

For Individual Learners

+
+ Personal Growth +
+
+
+

+ Personalized learning experiences designed to unlock your leadership potential through evidence-based methodologies. +

+
+ +
+ {benefits.slice(0, 4).map((benefit, index) => ( + +
+ + {/* Content */} +
+
+
+ + {String(index + 1).padStart(2, '0')} + +
+
+ +
+

+ {benefit} +

+
+ + {/* Success Indicator */} +
+
+ +
+
+
+
+ + ))} +
+ + + {/* Institution Benefits Section */} + +
+
+
+ +
+
+

For Organizations

+
+ Institutional Impact +
+
+
+

+ Comprehensive leadership development programs designed to build organizational capacity and drive sustainable growth. +

+
+ +
+ {benefits.slice(4).map((benefit, index) => ( + +
+ + {/* Content */} +
+
+
+ + {String(index + 5).padStart(2, '0')} + +
+
+ +
+

+ {benefit} +

+
+ + {/* Success Indicator */} +
+
+ +
+
+
+
+ + ))} +
+ +
+ + +
+ + + navigateTo('/contact')} + ariaLabel="Contact our leadership experts" + className="cta-text-black" + /> + +
+
+
+ + {/* Our Team Section */} +
+
+
+ {/* Centered Header Section */} + + +

Our Team

+
+

+ We have a team of 7 consultants and 4 young consultants. All our senior Consultants are ex-business professionals with experience ranging from 15-30 years in varied business functions and carry a deep understanding of the area they are engaging in. Two of them bring in Board room experience. – Meet them +

+
+ + + {/* Team Members Grid */} +
+ {teamMembers.map((member, index) => ( + handleMemberClick(member)} + > +
+
+ {member.name} +
+ + {/* Hover Overlay */} +
+
+
+ View Profile +
+
+
+
+ +
+

{member.name}

+

+ {member.role} +

+
+ + ))} +
+
+
+
+ + {/* Testimonials Section */} + + + {/* CTA Banner Section */} + + + {/* Team Member Modal */} + {/* */} +
+ ); +} \ No newline at end of file diff --git a/src/components/FooterNew.tsx b/src/components/FooterNew.tsx new file mode 100644 index 0000000..d5f0a2e --- /dev/null +++ b/src/components/FooterNew.tsx @@ -0,0 +1,264 @@ +import { ArrowUp, Facebook, X, Linkedin, Instagram } from "lucide-react"; +import { navigateTo } from './Router'; +import klcLogo from 'figma:asset/e98caa8afd8d11246bbff1dde75bbaae6f6a0894.png'; + +export function FooterNew() { + return ( +
+ {/* Main Footer Content */} +
+
+ + {/* Logo and Quick Links Column */} +
+ {/* Logo */} +
+ Kautilya Leadership Centre +
+ + {/* Quick Links Section */} +
+

+ Quicklinks +

+ + {/* Navigation Links */} +
+ + + + + + + + +
+
+ +
+ + {/* DISCOVER LEADERSHIP Column */} +
+ {/* Discover Leadership Header */} +

+ DISCOVER LEADERSHIP +

+ + {/* Company Description */} +

+ Kautilya Leadership Centre is dedicated to building a world-class organisation, in thought and practice of leadership. We help people gain insights into their leadership orientations and enable them on a journey towards leadership development. This online platform allows a wide range of learning experiences, exposure to leadership thinking and concepts through online tools such as modules, webcasts of leaders, webinars, one-on-one consulting sessions. +

+ +

+ Kautilya Leadership Centre also offers access to Kautilya Leadership Services, which is a learning space developed to discover, deliberate, reflect on one's capabilities and developments. This learning centre built over 2 acres is equipped with world-class facilities to help ease learning and development. +

+ + {/* Learning Journey Text */} +
+

+ Become Aware | Gain Insights | Discover Leadership +

+
+ + {/* Back To Top Button - Positioned to Bottom Right */} +
+ +
+
+
+ + {/* Bottom Footer */} +
+ + {/* Social Media Icons - Moved from left column */} + + + {/* Copyright - Centered */} +
+

+ Copyright 2025 Kautilya Leadership Centre +

+
+ + {/* Legal Links */} +
+ + +
+
+
+
+ ); +} \ No newline at end of file diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx index 274ee43..f112607 100644 --- a/src/components/HeroSection.tsx +++ b/src/components/HeroSection.tsx @@ -2,62 +2,76 @@ import React, { useState, useEffect, useCallback } from 'react'; import { ChevronLeft, ChevronRight } from 'lucide-react'; import { navigateTo } from './Router'; import svgPaths from "../imports/svg-i1joeov37f"; - + interface SlideData { id: number; title: string; - description: string; backgroundImage: string; shortTitle: string; + ctaText: string; } - + export default function HeroSection() { const [currentSlide, setCurrentSlide] = useState(0); const [isAutoPlaying, setIsAutoPlaying] = useState(true); - const [progressValues, setProgressValues] = useState([0, 0, 0]); - + const [progressValues, setProgressValues] = useState([0, 0, 0, 0, 0]); + const slides: SlideData[] = [ { id: 1, - title: "Empowering Future-Ready\nLeaders", - description: "Build confidence, agility, and clarity for today's complex challenges.", - backgroundImage: "https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80", - shortTitle: "Leadership Is Learned. We Teach It Right." + title: "Build Leaders Who Drive Business Growth", + backgroundImage: "https://images.unsplash.com/photo-1705234384669-c6d31c61b789?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBsZWFkZXJzaGlwJTIwZGV2ZWxvcG1lbnQlMjB0cmFpbmluZ3xlbnwxfHx8fDE3NTY4MDcyNjJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + shortTitle: "Leadership Development Programs", + ctaText: "Explore Leadership Journeys" }, { id: 2, - title: "Turn Managers into\nImpactful Leaders", - description: "Transform your management team into visionary leaders who inspire teams, drive innovation, and achieve exceptional business outcomes.", - backgroundImage: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80", - shortTitle: "Turn Managers into Impactful Leaders" + title: "Strengthen the Backbone: Your Managers", + backgroundImage: "https://images.unsplash.com/photo-1565688527174-775059ac429c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYW5hZ2VtZW50JTIwdGVhbSUyMGRpc2N1c3Npb24lMjBvZmZpY2V8ZW58MXx8fHwxNzU2ODA2ODg1fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + shortTitle: "Management Development Programs", + ctaText: "Strengthen your Managerial Calibre" }, { id: 3, - title: "Struggling with\nManagerial Gaps?", - description: "Bridge the leadership gap in your organization with our proven methodologies that develop confident, capable leaders at every level.", - backgroundImage: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80", - shortTitle: "Struggling with Managerial Gaps?" + title: "Shape Cultures That Accelerate Performance", + backgroundImage: "https://images.unsplash.com/photo-1531535807748-218331acbcb4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBjdWx0dXJlJTIwdGVhbSUyMGNvbGxhYm9yYXRpb258ZW58MXx8fHwxNzU2ODA2ODg5fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + shortTitle: "Culture & Competence Consulting", + ctaText: "Learn how we facilitate Change" + }, + { + id: 4, + title: "Unlock Leadership Potential", + backgroundImage: "https://images.unsplash.com/photo-1714974528833-a10e19a8f951?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBjb2FjaGluZyUyMG1lbnRvciUyMGNvbnZlcnNhdGlvbnxlbnwxfHx8fDE3NTY4MDY4OTR8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + shortTitle: "Coaching & Mentoring", + ctaText: "Start a Coaching Conversation" + }, + { + id: 5, + title: "Know Your Leaders. Strengthen Your Pipeline.", + backgroundImage: "https://images.unsplash.com/photo-1697059361419-349e924ed363?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMGxlYWRlcnMlMjBzdHJhdGVneSUyMG1lZXRpbmd8ZW58MXx8fHwxNzU2ODA3Mjc0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", + shortTitle: "Assessments & Leadership Pipeline", + ctaText: "Discover Our Assessment Solutions" } ]; - + const totalSlides = slides.length; const slideDuration = 5000; // 5 seconds per slide - + // Auto-advance slides useEffect(() => { if (!isAutoPlaying) return; - + const interval = setInterval(() => { setCurrentSlide((prev) => (prev + 1) % totalSlides); }, slideDuration); - + return () => clearInterval(interval); }, [isAutoPlaying, totalSlides]); - + // Progress bar animation useEffect(() => { if (!isAutoPlaying) return; - + const interval = setInterval(() => { setProgressValues(prev => { const newProgress = [...prev]; @@ -75,19 +89,19 @@ export default function HeroSection() { return newProgress; }); }, 100); - + return () => clearInterval(interval); }, [currentSlide, isAutoPlaying]); - + // Reset progress when manually changing slides useEffect(() => { setProgressValues(prev => { - const newProgress = [0, 0, 0]; + const newProgress = [0, 0, 0, 0, 0]; newProgress[currentSlide] = 0; return newProgress; }); }, [currentSlide]); - + const goToSlide = useCallback((slideIndex: number) => { if (slideIndex !== currentSlide) { setCurrentSlide(slideIndex); @@ -96,23 +110,23 @@ export default function HeroSection() { setTimeout(() => setIsAutoPlaying(true), 3000); } }, [currentSlide]); - + const nextSlide = useCallback(() => { const next = (currentSlide + 1) % totalSlides; goToSlide(next); }, [currentSlide, totalSlides, goToSlide]); - + const prevSlide = useCallback(() => { const prev = (currentSlide - 1 + totalSlides) % totalSlides; goToSlide(prev); }, [currentSlide, totalSlides, goToSlide]); - + // Pause auto-play on hover const handleMouseEnter = () => setIsAutoPlaying(false); const handleMouseLeave = () => setIsAutoPlaying(true); - + return ( -
))} - + {/* Hero Content */}
@@ -137,15 +151,11 @@ export default function HeroSection() {

{slides[currentSlide].title}

- {/* Description */} -

- {slides[currentSlide].description} -

- {/* Build Your Leadership Pipeline Button - Enhanced with Proper Navigation */} -
- + {/* Bottom Navigation */}
{/* Progress Section */}
{slides.map((slide, index) => ( -
goToSlide(index)} > {/* Progress Bar */} -
-
@@ -280,7 +290,7 @@ export default function HeroSection() {
))}
- + {/* Navigation Arrows */}
+
+
+
+
+ + {/* Background Image Indicators */} +
+
+
+ {/* Current Image Label */} +
+

{heroBackgroundImages[currentHeroBackground]?.alt}

+

KLC Learning Spaces

+
+ + {/* Carousel Indicators */} +
+ {heroBackgroundImages.map((_, index) => ( +
+
+
+
+
+ + + + {/* Enhanced Our Story Timeline Section */} +
+
+
+ {/* Header */} +
+
+
+ Journey Through Time +
+

+ The Legacy of Leadership +

+

+ From ancient wisdom to modern excellence, discover the timeless journey that inspired the creation of our world-class leadership development center. +

+
+ + {/* Timeline Container */} +
+ {/* Timeline Line */} +
+ + {/* Timeline Items */} +
+ {[ + { + era: "4th Century BC", + title: "Ancient Wisdom", + description: "In the 4th century BC, a teacher named Kautilya saw leadership potential in a young goat herd boy in Pataliputra, present day Patna, in the state of Bihar, India.", + icon: "📜", + side: "left" + }, + { + era: "Today", + title: "Inspired Vision", + description: "He is our inspiration, as we set out to build a world class centre dedicated to leadership and learning in his namesake.", + icon: "🌟", + side: "right" + }, + { + era: "Location", + title: "Scenic Sanctuary", + description: "'Kautilya' is built on two acres of land surrounded by the Sahyadri hills, and is about 90 minutes from the hustle and bustle of Mumbai and just off the Mumbai-Pune expressway.", + icon: "🏔️", + side: "left" + }, + { + era: "Facilities", + title: "World-Class Infrastructure", + description: "Kautilya offers a world class learning facility with 57 residential rooms, 3 large modern state of the art learning spaces, an amphitheatre, 10 internationally themed discussion rooms, a gym, a sports lounge and a walking track.", + icon: "🏛️", + side: "right" + }, + { + era: "Welcome", + title: "Sacred Entrance", + description: "As you enter Kautilya, a custom-made granite panel depicting Samudra Manthan welcomes you to your personal Manthan & Chinthan.", + icon: "🎭", + side: "left" + }, + { + era: "Philosophy", + title: "Spiritual Foundation", + description: "At the discussion space, the Trimurti will welcome you with Tridevis and Arthanariswara, reminding you of the immense integrated power you possess.", + icon: "🕉️", + side: "right" + } + ].map((item, index) => ( + + {/* Timeline Content Card */} +
+
+ {/* Era Badge */} +
+ {item.icon} + {item.era} +
+ + {/* Content */} +

{item.title}

+

+ {item.description} +

+
+
+ + {/* Timeline Dot */} +
+ + {/* Era Line */} +
+ + ))} +
+
+ + {/* Call to Action */} + +
+

Experience the Legacy

+

+ Step into a space where ancient wisdom meets modern leadership development, + designed to unlock your infinite potential. +

+ +
+ +
+
+
+ + {/* Cultural Theme Images Section */} +
+
+
+ {/* Header */} +
+
+
+ Cultural Experience +
+

+ Journey Through Cultural Heritage +

+

+ Experience the rich cultural tapestry woven throughout our leadership center. Each space tells a story of ancient wisdom, spiritual foundations, and timeless traditions that inspire modern leaders. +

+
+ + {/* Cultural Images Carousel */} +
+ {/* Navigation Controls */} +
+ + +
+ + {/* Horizontal Scrolling Images */} + +
+
+
+
+ + {/* Who It's For Section - match Services page (left intro + right accordion list) */} +
+
+ {/* Our Expertise "Our Services" style - horizontal carousel cards */} +
+ {/* Header with eyebrow and controls */} +
+
+
+
+ LEARNING FACILITY +
+

Who It's For

+

+ Our learning facility supports immersive leadership programs for corporate teams, learning groups, + and professional networks seeking high-impact environments. +

+
+ + {/* Simple controls that scroll the container; no state changes outside this section */} +
+ 01 / {String(targetAudience.length).padStart(2, '0')} +
+ + +
+
+
+ + {/* Carousel */} +
+
+ +
+
+
+
+
+ + {/* Deluxe Living & Recreation Section */} +
+
+
+
+ +

+ Facility Features +

+

+ Every aspect of our facility is designed to enhance learning outcomes + and provide an exceptional experience for participants and facilitators. +

+
+ + {/* Navigation Controls - Bottom right positioning */} +
+ + {String(currentSlide + 1).padStart(2, '0')} / {String(Math.ceil(facilityFeatures.length / cardsPerView)).padStart(2, '0')} + +
+ + +
+
+
+ + {/* Carousel Container */} +
+ {/* Navigation Controls - Positioned at bottom right */} + + + {/* Carousel Container */} +
+
+ {facilityFeatures.map((feature, index) => { + const Icon = feature.icon; + return ( + + +
+ +
+ +

{feature.title}

+ +

{feature.description}

+ +
+ {feature.details.map((detail, detailIndex) => ( +
+ + {detail} +
+ ))} +
+ + + ); + })} +
+
+
+
+
+ + {/* Amenities Section */} +
+
+
+

+ World-Class Amenities +

+

+ Premium amenities and services to ensure comfort, productivity, and an + exceptional learning environment for all participants. +

+
+ +
+
+ {[0, 1].map((loop) => ( +
+ {amenities.map((amenity, index) => { + const Icon = amenity.icon; + return ( +
+
+ +
+ + {amenity.name} + +
+ ); + })} +
+ ))} +
+
+ {[0, 1].map((loop) => ( +
+ {amenities.map((amenity, index) => { + const Icon = amenity.icon; + return ( +
+
+ +
+ + {amenity.name} + +
+ ); + })} +
+ ))} +
+
+
+
+ + {/* Virtual Tour Section */} +
+
+ {!isVirtualTourActive ? ( + /* Tour Preview */ +
+ {/* Header Section - left aligned with navigation controls */} +
+
+ +

+ Explore Our Learning Spaces +

+

+ Take an interactive tour of our eight distinct learning environments, each designed to inspire transformation and foster collaboration. +

+
+ + {/* Navigation Controls - Bottom right positioning */} +
+ + {String(currentTourSlide + 1).padStart(2, '0')} / {String(Math.ceil(virtualTourStops.length / tourCardsPerView)).padStart(2, '0')} + +
+ + +
+
+
+ + {/* Carousel Container */} +
+
+ {virtualTourStops.map((stop) => ( +
+ setExpandedTourCard(stop.id)} + > + {/* Image background */} +
+ + {/* Gradient overlay for legibility */} +
+ + {/* Glass badge (Zone) */} +
+
+ +
+ + Zone {stop.zone} + +
+ + {/* Text overlay inside the image */} +
+

{stop.title}

+

{stop.description}

+
+
+ +
+ ))} +
+
+ + {/* Start Tour CTA */} +
+
+ Preview complete? Launch the full interactive tour to navigate each zone. +
+
+ +
+
+
+ ) : ( + /* Active Virtual Tour */ +
+ {/* Tour Header */} +
+ + Interactive Virtual Tour + +

+ {virtualTourStops[currentTourStop].title} +

+

+ {virtualTourStops[currentTourStop].description} +

+
+ + {/* Tour Image */} +
+
+ +
+ + {/* Navigation Arrows */} + + + + + {/* Stop Indicator */} +
+
+ + {currentTourStop + 1} of {virtualTourStops.length} + +
+
+
+ + {/* Tour Features */} +
+
+

Key Features

+
+ {virtualTourStops[currentTourStop].features.map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+ +
+

Space Details

+
+
+ +
+
Zone {virtualTourStops[currentTourStop].zone}
+
Campus Location
+
+
+
+ +
+
{virtualTourStops[currentTourStop].capacity}
+
Capacity
+
+
+
+
+
+ + {/* Tour Navigation */} +
+ {virtualTourStops.map((_, index) => ( +
+ + {/* End Tour Button */} +
+ +
+
+ )} + + {/* Tour Card Modal */} + setExpandedTourCard(null)}> + + {expandedTourCard && ( + <> + +
+
+ +
+ + {virtualTourStops.find(stop => stop.id === expandedTourCard)?.title} + + + Explore this learning space in detail. You can start an interactive tour from this location or book this specific area for your next event. + +
+ + +
+ {/* Featured Image */} +
+ stop.id === expandedTourCard)?.image || ''} + alt={virtualTourStops.find(stop => stop.id === expandedTourCard)?.title || ''} + className="w-full h-full object-cover" + /> +
+ + {virtualTourStops.find(stop => stop.id === expandedTourCard)?.keyHighlight} + +
+
+ + {/* Description */} +

+ {virtualTourStops.find(stop => stop.id === expandedTourCard)?.description} +

+ + {/* Action Buttons */} +
+ + +
+
+ + )} + + +
+
+ + {/* Booking Modal */} + + + + Book Learning Facility + + Submit your facility booking request with your preferred dates, team size, and specific requirements. We'll contact you within 24 hours to confirm availability and discuss details. + + + +
+
+
+ + setBookingForm({ ...bookingForm, companyName: e.target.value })} + required + /> +
+
+ + setBookingForm({ ...bookingForm, contactName: e.target.value })} + required + /> +
+
+ +
+
+ + setBookingForm({ ...bookingForm, email: e.target.value })} + required + /> +
+
+ + setBookingForm({ ...bookingForm, phone: e.target.value })} + required + /> +
+
+ +
+
+ + setBookingForm({ ...bookingForm, role: e.target.value })} + required + /> +
+
+ + +
+
+ +
+ + +
+ +
+ +