From 06518400a73ac11b8f475813a0458bc63427a7d7 Mon Sep 17 00:00:00 2001 From: priyanshuvish Date: Fri, 3 Oct 2025 19:55:00 +0530 Subject: [PATCH] changes aboutus and other --- src/assets/accenture.svg | 1 + src/assets/adani-logo.svg | 1 + src/assets/axis-bank.svg | 1 + src/assets/ceat-logo.svg | 1 + src/assets/flipkart.svg | 1 + src/assets/hsbc.svg | 1 + src/assets/idbi-bank-logo.svg | 1 + src/assets/larsen-toubro-logo.svg | 1 + src/assets/levis.svg | 1 + src/assets/tata-motors.svg | 1 + src/components/AboutUs.tsx | 546 ++-- src/components/KautilyaFacility.tsx | 12 +- src/components/LearningFacilityNew.tsx | 2272 ++++++++++------- src/components/LogosSection.tsx | 98 +- src/components/Services.tsx | 278 +- src/components/services/CultureCompetence.tsx | 12 +- src/components/services/ExecutiveCoaching.tsx | 12 +- .../services/LeadershipDevelopment.tsx | 141 +- .../LeadershipPipelineDevelopment.tsx | 141 +- .../services/ManagementDevelopment.tsx | 10 +- src/imports/svg-kw7r0ellyk.ts | 3 + src/pages/HomePage.tsx | 4 +- 22 files changed, 2151 insertions(+), 1388 deletions(-) create mode 100644 src/assets/accenture.svg create mode 100644 src/assets/adani-logo.svg create mode 100644 src/assets/axis-bank.svg create mode 100644 src/assets/ceat-logo.svg create mode 100644 src/assets/flipkart.svg create mode 100644 src/assets/hsbc.svg create mode 100644 src/assets/idbi-bank-logo.svg create mode 100644 src/assets/larsen-toubro-logo.svg create mode 100644 src/assets/levis.svg create mode 100644 src/assets/tata-motors.svg create mode 100644 src/imports/svg-kw7r0ellyk.ts diff --git a/src/assets/accenture.svg b/src/assets/accenture.svg new file mode 100644 index 0000000..a4baf78 --- /dev/null +++ b/src/assets/accenture.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/adani-logo.svg b/src/assets/adani-logo.svg new file mode 100644 index 0000000..e256409 --- /dev/null +++ b/src/assets/adani-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/axis-bank.svg b/src/assets/axis-bank.svg new file mode 100644 index 0000000..705308b --- /dev/null +++ b/src/assets/axis-bank.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/ceat-logo.svg b/src/assets/ceat-logo.svg new file mode 100644 index 0000000..32841c1 --- /dev/null +++ b/src/assets/ceat-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/flipkart.svg b/src/assets/flipkart.svg new file mode 100644 index 0000000..89abbeb --- /dev/null +++ b/src/assets/flipkart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/hsbc.svg b/src/assets/hsbc.svg new file mode 100644 index 0000000..ac207d6 --- /dev/null +++ b/src/assets/hsbc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/idbi-bank-logo.svg b/src/assets/idbi-bank-logo.svg new file mode 100644 index 0000000..5703439 --- /dev/null +++ b/src/assets/idbi-bank-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/larsen-toubro-logo.svg b/src/assets/larsen-toubro-logo.svg new file mode 100644 index 0000000..88e6f33 --- /dev/null +++ b/src/assets/larsen-toubro-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/levis.svg b/src/assets/levis.svg new file mode 100644 index 0000000..4576cc8 --- /dev/null +++ b/src/assets/levis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/tata-motors.svg b/src/assets/tata-motors.svg new file mode 100644 index 0000000..aa8a233 --- /dev/null +++ b/src/assets/tata-motors.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/AboutUs.tsx b/src/components/AboutUs.tsx index 378ed24..fa79625 100644 --- a/src/components/AboutUs.tsx +++ b/src/components/AboutUs.tsx @@ -1,10 +1,10 @@ import { useState, useEffect } from 'react'; import { motion } from 'motion/react'; -import { - Target, - Users, - Globe, - Lightbulb, +import { + Target, + Users, + Globe, + Lightbulb, ArrowRight, CheckCircle, Star, @@ -27,6 +27,14 @@ import { TestimonialsSection } from './TestimonialsSection'; import { TeamMemberModal } from './TeamMemberModal'; import { navigateTo } from './Router'; import { Button } from './ui/button'; +import Ramkumar from '../assets/K-Ramkumar.png'; +import Muralidharan from '../assets/R-Muralidharan.png'; +import Aparna from '../assets/Aparna-Nair.png'; +import Swaminathan from '../assets/v-Swaminathan.jpg'; +import Balaji from '../assets/Balaji-Chandrakumar.jpeg'; +import Ramesh from '../assets/Ramesh-Padmanabhan.jpeg'; +import Diju from '../assets/Diju.jpeg'; +import svgPaths from '../imports/svg-kw7r0ellyk'; // Leadership Orientations Data const leadershipOrientations = [ @@ -80,126 +88,190 @@ 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' + image: Ramkumar, + experience: 'Over 40 years of experience in HR, Business, and Leadership Development.', + fullBio: `Mr. K. Ramkumar is the founder of Kautilya Leadership Centre, an organisation dedicated to building world-class thought and practice in leadership consulting, research and development. He retired as Executive Director on the Board of ICICI Bank and was also on the Boards of ICICI Prudential Life Insurance and ICICI Ventures. Prior to his retirement, he was President of ICICI Foundation, the CSR arm of ICICI Group. + +Over a 40-year career, Ram worked with HAL, Hindustan Unilever, ICI and ICICI Bank. His passion has always been leadership development, with a focus on enabling individuals to discover and expand their leadership resources. He played a key role in making ICICI Group a recognized Leadership Factory. + +He co-created the ICICI Manipal Academy for Banking and Insurance, which inducted over 12,000 young leaders, and envisioned the ICICI Academy for Skills, now skilling 35,000 youth annually across 23 centers.`, + expertise: [ + 'Leadership Development', + 'HR & Business Strategy', + 'Organizational Capability Building', + 'CSR Initiatives', + 'Talent Pipeline Development' ], - 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.' + education: 'Graduate in Science; further leadership and management exposure through senior executive roles.', + achievements: [ + 'Founded Kautilya Leadership Centre', + 'Executive Director on ICICI Bank Board', + 'Created ICICI Manipal Academy (12,000 leaders trained)', + 'Founded ICICI Academy for Skills (35,000+ youth skilled)', + 'Author of “Leveraging Human Capital” (McGraw Hill)' + ], + clientWork: 'Guided leadership development across ICICI Group and worked with Manipal Global Education to groom future banking leaders.', + boardRoles: 'Former Board Member of ICICI Prudential Life, ICICI Ventures; served on CSR and leadership committees.' }, { 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' + image: Muralidharan, + experience: 'Over 33 years in Banking, Financial Services, and Leadership roles.', + fullBio: `Muralidharan (Murali) has 33+ years of experience in BFSI. He has held top leadership roles including CEO/COO positions at ICICI Bank, Dhanlaxmi Bank, and L&T Financial Services. His experience spans corporate and retail banking, strategy, technology, operations, and transformational projects. + +At ICICI Bank, he was part of the founding team in 1994 and rose to become GM – Global Operations Group. His work at Dhanlaxmi Bank as COO won The Asian Banker Award (2012). At L&T Financial Services, he led operations, technology, credit, and CSR across retail, rural, and infrastructure finance.`, + expertise: [ + 'Banking & Financial Services', + 'Transformational Projects', + 'Customer Experience', + 'Leadership Development', + 'Strategy & Operations' ], - 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.' + education: 'B.Sc. (Mathematics, Statistics, Physics), M.A. in Economics (Gold Medallist), Executive Education at Wharton & Stanford GSB.', + achievements: [ + 'Helped set up ICICI Bank in 1994', + 'Asian Banker Award (2012) for transformation', + 'Group Head at L&T Financial Services', + 'Held Board and leadership committee roles', + 'Speaker at NIBM, TMTC, and industry fora' + ], + clientWork: 'Worked with public and private banks, financial services firms, and non-profits on leadership and customer service transformation.', + boardRoles: 'Held board positions in business and non-profits; Vice-Chair, Customer Service Excellence Foundation.' }, { 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' + image: Aparna, + experience: 'Over 25 years in leadership consulting, HR, and organizational development.', + fullBio: `Aparna is a founding member of Kautilya Leadership Centre and has been instrumental in building it since 2016. She advises Boards and Management Committees on leadership bench strength, designs CXO-level interventions, and consults on culture, performance, and talent management. + +She is certified in MBTI and OPQ, has applied Balanced Scorecard frameworks, and built proprietary psychometric tools for KLC. Her prior roles include ICICI Bank and Blue Dart-FedEx, and she has engaged with leading organizations across multiple industries.`, + expertise: [ + 'Leadership Consulting', + 'Psychometric Tools (MBTI, OPQ)', + 'Culture & Strategy Alignment', + 'Performance Management', + 'HR Mentorship' ], - 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.' + education: 'MBA in Marketing, Bachelor’s in Commerce; Accredited facilitator from SMR, Malaysia.', + achievements: [ + 'Co-founded KLC', + 'Developed proprietary psychometric tools', + 'Advised Boards across industries', + 'Mentored HR professionals', + 'Independent Director on a startup board' + ], + clientWork: 'Worked with Godrej & Boyce, ICICI Prudential, Citi WAI, WNS, ThyssenKrupp, and others across pharma, BFSI, retail, auto, and private equity.', + boardRoles: 'Independent Woman Director; held leadership 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' + image: Swaminathan, + experience: 'Over 31 years in BFSI and office automation; 26 years in leadership at Kotak Group.', + fullBio: `Swami spent 26 years at Kotak Group in leadership roles across consumer banking, investment banking, asset management, and asset finance. He has built businesses from concept to scale and handled P&L responsibilities across divisions. + +He stepped down as Joint President of Kotak Mahindra Bank in 2021 before joining KLC. He was on Kotak’s Management Committee and led strategic initiatives, talent development, and capability building across the group.`, + expertise: [ + 'Banking & Financial Services', + 'P&L Management', + 'Change Management', + 'Leadership Pipeline Development', + 'Business Strategy' ], - 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.' + education: 'PGDBM (Finance & Marketing), Gujarat University; Bachelor of Commerce; Senior Management programs at IIM Ahmedabad, IIM Bangalore, ISB Hyderabad.', + achievements: [ + 'Joint President at Kotak Mahindra Bank', + 'Built and scaled multiple Kotak business units', + 'Led strategic and leadership initiatives', + 'Mentored talent pipelines across Kotak', + 'Joined KLC as Practice Head in 2021' + ], + clientWork: 'Extensive work with BFSI organizations and leadership development initiatives at scale.', + boardRoles: 'Key member of Kotak’s Management Committee; contributor to strategic boards within Kotak divisions.' }, { 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' + image: Balaji, + experience: '25+ years across Sales, HR Consulting, and HR leadership in India and SE Asia.', + fullBio: `Balaji has led HR leadership across India and SE Asia, including roles at Etisalat (India) and Goodhope Asia Holdings (Singapore). He has expertise in organization design, succession management, change management, and policy development. + +Earlier, he worked in consulting with top Indian firms and began his HR journey with NIS Sparta after regional sales roles at Sandvik Asia.`, + expertise: [ + 'HR Leadership & Consulting', + 'Organization Design', + 'Succession Management', + 'Change Management', + 'Leadership Hiring' ], - 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.' + education: 'Bachelor’s in Engineering, Master’s in HR, Postgraduate in Management; Chartered Fellow of CIPD.', + achievements: [ + 'HR Leadership roles at Etisalat and Goodhope Asia', + 'Consulted for top Indian companies', + 'Built people and performance initiatives across industries', + 'Certified in multiple HR programs', + 'CIPD Chartered Fellow' + ], + clientWork: 'Worked with leading companies in telecom, food, and HR consulting sectors across India and SE Asia.', + boardRoles: 'Advisor in HR capability building across organizations.' }, { 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' + image: Ramesh, + experience: '30+ years in BFSI, with leadership roles at ICICI Bank, Dhanlaxmi Bank, and ADCB India.', + fullBio: `Ramesh has worked with SBI, ICICI Bank, Dhanlaxmi Bank, and ADCB India across corporate credit, retail banking, operations, and training. He has built leadership pipelines among branch and middle managers, and at ADCB India created products for NRIs and centralized operations. + +He has consistently worked on capability building and leadership development alongside business roles.`, + expertise: [ + 'Banking & Financial Services', + 'Leadership Development', + 'Capability Building', + 'Operations & Process Design', + 'Retail & Corporate Banking' ], - 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.' + education: 'Bachelor’s in Commerce; senior leadership roles provided extensive global exposure.', + achievements: [ + 'Built leadership pipelines in ICICI and ADCB', + 'Part of ICICI for 13 years', + 'Created NRI-focused products at ADCB India', + 'Set up centralized operations at ADCB', + '30 years in BFSI leadership' + ], + clientWork: 'Significant work in BFSI sector; tailored leadership development for managers and executives.', + boardRoles: 'Served on MANCOM and strategic boards in ICICI, Dhanlaxmi, and ADCB India.' }, { 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' + image: Diju, + experience: '15+ years in leadership development, banking, and people-centric initiatives.', + fullBio: `Diju began at ICICI Bank, leading initiatives in customer service, Six Sigma, workplace induction (SWIFT), and branch operations. She drove business growth, mentored teams, and implemented technology projects. + +After a career break, she joined KLC as Practice Head. She now co-creates leadership program designs with clients and manages knowledge business and learning facilities.`, + expertise: [ + 'Leadership Program Design', + 'Customer Experience', + 'Operational Excellence', + 'Women Leadership & Diversity', + 'Project Management' ], - 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.' + education: 'B.Com (Honours), Delhi University; MBA (Finance & Marketing), Symbiosis Institute of Management Studies.', + achievements: [ + 'Led Six Sigma rollout at ICICI Bank branches', + 'Part of SWIFT trainer team', + 'Head of Customer Service at ICICI', + 'Built leadership learning facility at KLC', + 'Special focus on diversity & inclusion' + ], + clientWork: 'Worked with BFSI clients and KLC partners to create custom leadership programs.', + boardRoles: 'Active in leadership forums and project management at KLC.' } ]; + export function AboutUs() { const [isVisible, setIsVisible] = useState(false); const [expandedValue, setExpandedValue] = useState('context'); @@ -232,27 +304,27 @@ export function AboutUs() { useEffect(() => { setIsVisible(true); - + // Timeline fill animation on scroll const handleScroll = () => { const timelineSection = document.querySelector('#timeline-fill-line'); const timelineContainer = timelineSection?.parentElement; - + 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 @@ -265,10 +337,10 @@ export function AboutUs() { // Add scroll listener window.addEventListener('scroll', handleScroll); - + // Initial call to set the initial state handleScroll(); - + // Cleanup return () => { window.removeEventListener('scroll', handleScroll); @@ -283,7 +355,7 @@ export function AboutUs() {
@@ -339,7 +411,7 @@ export function AboutUs() { className="text-center" > -

-
@@ -399,7 +471,7 @@ export function AboutUs() { className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100" >
-
@@ -422,7 +494,7 @@ export function AboutUs() { className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100" >
-
@@ -445,7 +517,7 @@ export function AboutUs() { className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100" >
-
@@ -483,22 +555,22 @@ export function AboutUs() { Who we are
- + {/* Right Side - Main Heading */}
-

- A global leadership development institution behind some of the world's most transformational leaders + A premier Indian leadership development institution shaping India's most transformational leaders

- + {/* Updated Statistics Grid */}
- CORPORATES
- - LEADERS
- - -
- + {/* Hover Overlay */}
-
- +

{member.name}

@@ -675,16 +747,16 @@ export function AboutUs() { {/* 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 dot positioned absolutely */} -
- + {/* Column 1: Phase Label */}
@@ -713,7 +785,7 @@ export function AboutUs() { Phase 1
- + {/* Column 2: Main Heading */}
Understanding & Assessment

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

Key Focus Areas:

- +
- +
- +
{/* Phase dot positioned absolutely */} -
- + {/* Column 1: Phase Label */}
@@ -802,7 +874,7 @@ export function AboutUs() { 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:

- +
- +
- +
{/* Phase dot positioned absolutely */} -
- + {/* Column 1: Phase Label */}
@@ -895,7 +967,7 @@ export function AboutUs() { Phase 3
- + {/* Column 2: Main Heading */}
Implementation & Mastery
- + {/* Column 3: Content - Description and Bullet Points */}

Mastery Framework:

- +
- +
- +
- - {/* 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" - /> - + {/* Our Philosophy - Full Width Figma Design */} +
+ {/* Phase dot positioned absolutely */} +
+ +
+ +
+
+ {/* Left Section: Heading */} +
+

Our Philosophy

+
+ + {/* Right Section: Content */} +
+ {/* Philosophy Description */} +

+ Our philosophy is that leadership begins with orientations — the inner drivers and behaviors that shape who we are. These orientations combine to create leadership abilities, which in turn lead to meaningful outcomes. At Kautilya Leadership Centre, we see leadership as a journey of connecting orientations to abilities and outcomes through structured development. +

+ + {/* Three Philosophy Items */} +
+ {/* Leadership Orientations */} +
+
+ + + + + + +
+
+

+ Leadership Orientations +

+

+ Who am I? (inner drivers & behaviors) +

+
+
+ + {/* Leadership Abilities */} +
+
+ + + + + + +
+
+

+ Leadership Abilities +

+

+ What I can do (competencies & skills) +

+
+
+ + {/* Leadership Outcomes */} +
+
+ + + + + + +
+
+

+ Leadership Outcomes +

+

+ What I deliver (results for self & organization) +

+
+
+
+
+
+
+ +
+
+ + + navigateTo('/contact')} + ariaLabel="Contact us to design your leadership journey" + className="cta-text-black" + /> + +
@@ -1031,7 +1171,7 @@ export function AboutUs() { {/* Testimonials Section */} - {/* Team Member Modal */} - {/* Framework Effectiveness */} -
+ {/*

Facility Excellence Metrics

@@ -750,7 +750,7 @@ export function KautilyaFacility() {

Repeat Booking Rate

-
+
*/}
@@ -862,11 +862,13 @@ export function KautilyaFacility() { >
-
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

+

{outcome.description}

-

{outcome.category}

+ {/*

{outcome.category}

*/} ))} diff --git a/src/components/LearningFacilityNew.tsx b/src/components/LearningFacilityNew.tsx index adcf93b..9152a92 100644 --- a/src/components/LearningFacilityNew.tsx +++ b/src/components/LearningFacilityNew.tsx @@ -1,29 +1,39 @@ import { - Bed, - BookOpen, - Briefcase, - Building, - Calendar, - Car, - CheckCircle, - ChevronLeft, - ChevronRight, - Coffee, - Dumbbell, - Heart, - Leaf, - Mail, - MapPin, - Monitor, - Network, - Phone, - Play, - Shield, - TreePine, - Users, - Utensils, - Wifi, - X + ArrowRight, + Bed, + BookOpen, + Briefcase, + Building, + Calendar, + Car, + CheckCircle, + ChevronDown, + ChevronLeft, + ChevronRight, + ChevronUp, + Coffee, + Compass, + Dumbbell, + Heart, + Home, + Leaf, + Mail, + MapPin, + Monitor, + Network, + Phone, + Play, + Settings, + Shield, + Star, + Target, + TreePine, + TrendingUp, + UserCheck, + Users, + Utensils, + Wifi, + X } from 'lucide-react'; import { motion } from 'motion/react'; import React, { useEffect, useRef, useState } from 'react'; @@ -41,902 +51,1430 @@ import { Label } from './ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select'; import { Textarea } from './ui/textarea'; -const facilityFeatures = [ - { - title: "Luxury Accommodation", - description: "Premium residential suites with hotel-standard amenities for extended stays", - icon: Bed, - image: "https://images.unsplash.com/photo-1664186771971-2eaca0576c6c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxsdXh1cnklMjBob3RlbCUyMGFjY29tbW9kYXRpb258ZW58MXx8fHwxNzU2ODk4OTA3fDA&ixlib=rb-4.1.0&q=80&w=1080", - 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 = [ - { - id: 'training-amphitheater', - title: 'Training Amphitheater', - description: 'Inspire your audience in our largest training space featuring tiered seating and state-of-the-art presentation technology.', - image: 'https://images.unsplash.com/photo-1526045004414-3e7ed02f9ca1?w=1080&h=720&fit=crop', - capacity: '80-120 attendees', - keyHighlight: 'Large-Scale Training Excellence', - zone: 1, - features: [ - 'Tiered amphitheater seating', - 'Professional stage', - 'Advanced acoustics', - 'Multiple screens', - 'Live streaming capability' - ] - }, - { - id: 'collaboration-suites', - title: 'Collaboration Suites', - description: 'Foster deep connections and intensive learning in our intimate spaces perfect for small group work and coaching sessions.', - image: 'https://images.unsplash.com/photo-1592565276431-c27e6ad5f46a?w=1080&h=720&fit=crop', - capacity: '4-8 participants', - keyHighlight: 'Intimate Learning Environment', - zone: 2, - features: [ - 'Comfortable seating', - 'Natural light', - 'Privacy glass', - 'Dedicated workspace', - 'Tea/coffee station' - ] - }, - { - id: 'outdoor-pavilion', - title: 'Outdoor Learning Pavilion', - description: 'Connect with nature while learning in our unique outdoor space that combines fresh air with professional learning environments.', - image: 'https://images.unsplash.com/photo-1571624436279-b272adf752b5?w=800&h=600&fit=crop', - capacity: '20-40 participants', - keyHighlight: 'Nature-Connected Learning', - zone: 3, - features: [ - 'Weather-protected pavilion', - 'Garden views', - 'Fresh air environment', - 'Flexible seating', - 'Natural acoustics' - ] - }, - { - id: 'residential-quarters', - title: 'Residential Quarters', - description: 'Extend your learning journey with comfortable accommodation for multi-day programs featuring hotel-standard amenities.', - image: 'https://images.unsplash.com/photo-1590490360182-c33d57733427?w=800&h=600&fit=crop', - capacity: '40 single occupancy rooms', - keyHighlight: 'Premium Residential Experience', - zone: 4, - features: [ - 'Private en-suite rooms', - 'Work desk and chair', - 'High-speed WiFi', - 'Air conditioning', - 'Garden/courtyard views' - ] - }, - { - id: 'executive-boardroom', - title: 'Executive Boardroom', - description: 'Host high-level strategic discussions in our sophisticated boardroom designed for executive leadership meetings.', - image: 'https://images.unsplash.com/photo-1497366216548-37526070297c?w=1080&h=720&fit=crop', - capacity: '12-16 executives', - keyHighlight: 'Strategic Leadership Hub', - zone: 5, - features: [ - 'Premium boardroom table', - 'Executive seating', - '4K presentation displays', - 'Secure video conferencing', - 'Integrated sound system' - ] - }, - { - id: 'innovation-lab', - title: 'Innovation Lab', - description: 'Spark creativity and innovation in our flexible workspace designed for design thinking and collaborative problem-solving.', - image: 'https://images.unsplash.com/photo-1497366412874-3415097a27e7?w=1080&h=720&fit=crop', - capacity: '15-25 participants', - keyHighlight: 'Creative Collaboration Space', - zone: 6, - features: [ - 'Modular furniture setup', - 'Whiteboard walls', - 'Breakout alcoves', - 'Technology integration', - 'Flexible lighting' - ] - }, - { - id: 'wellness-retreat', - title: 'Wellness & Reflection Area', - description: 'Recharge and reflect in our tranquil wellness space designed for mindfulness and personal development sessions.', - image: 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1080&h=720&fit=crop', - capacity: '8-15 participants', - keyHighlight: 'Mindful Leadership Development', - zone: 7, - features: [ - 'Meditation seating area', - 'Natural lighting', - 'Acoustic privacy', - 'Aromatherapy system', - 'Garden views' - ] - }, - { - id: 'digital-learning-studio', - title: 'Digital Learning Studio', - description: 'Experience cutting-edge digital learning with our high-tech studio equipped for virtual reality and interactive sessions.', - image: 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=1080&h=720&fit=crop', - capacity: '10-20 participants', - keyHighlight: 'Future of Learning Technology', - zone: 8, - features: [ - 'VR/AR capabilities', - 'Interactive displays', - 'Recording equipment', - 'Livestream setup', - 'Digital collaboration tools' - ] - } + { + id: 'training-amphitheater', + title: 'Training Amphitheater', + description: 'Inspire your audience in our largest training space featuring tiered seating and state-of-the-art presentation technology.', + image: 'https://images.unsplash.com/photo-1526045004414-3e7ed02f9ca1?w=1080&h=720&fit=crop', + capacity: '80-120 attendees', + keyHighlight: 'Large-Scale Training Excellence', + zone: 1, + features: [ + 'Tiered amphitheater seating', + 'Professional stage', + 'Advanced acoustics', + 'Multiple screens', + 'Live streaming capability' + ] + }, + { + id: 'collaboration-suites', + title: 'Collaboration Suites', + description: 'Foster deep connections and intensive learning in our intimate spaces perfect for small group work and coaching sessions.', + image: 'https://images.unsplash.com/photo-1592565276431-c27e6ad5f46a?w=1080&h=720&fit=crop', + capacity: '4-8 participants', + keyHighlight: 'Intimate Learning Environment', + zone: 2, + features: [ + 'Comfortable seating', + 'Natural light', + 'Privacy glass', + 'Dedicated workspace', + 'Tea/coffee station' + ] + }, + { + id: 'outdoor-pavilion', + title: 'Outdoor Learning Pavilion', + description: 'Connect with nature while learning in our unique outdoor space that combines fresh air with professional learning environments.', + image: 'https://images.unsplash.com/photo-1571624436279-b272adf752b5?w=800&h=600&fit=crop', + capacity: '20-40 participants', + keyHighlight: 'Nature-Connected Learning', + zone: 3, + features: [ + 'Weather-protected pavilion', + 'Garden views', + 'Fresh air environment', + 'Flexible seating', + 'Natural acoustics' + ] + }, + { + id: 'residential-quarters', + title: 'Residential Quarters', + description: 'Extend your learning journey with comfortable accommodation for multi-day programs featuring hotel-standard amenities.', + image: 'https://images.unsplash.com/photo-1590490360182-c33d57733427?w=800&h=600&fit=crop', + capacity: '40 single occupancy rooms', + keyHighlight: 'Premium Residential Experience', + zone: 4, + features: [ + 'Private en-suite rooms', + 'Work desk and chair', + 'High-speed WiFi', + 'Air conditioning', + 'Garden/courtyard views' + ] + }, + { + id: 'executive-boardroom', + title: 'Executive Boardroom', + description: 'Host high-level strategic discussions in our sophisticated boardroom designed for executive leadership meetings.', + image: 'https://images.unsplash.com/photo-1497366216548-37526070297c?w=1080&h=720&fit=crop', + capacity: '12-16 executives', + keyHighlight: 'Strategic Leadership Hub', + zone: 5, + features: [ + 'Premium boardroom table', + 'Executive seating', + '4K presentation displays', + 'Secure video conferencing', + 'Integrated sound system' + ] + }, + { + id: 'innovation-lab', + title: 'Innovation Lab', + description: 'Spark creativity and innovation in our flexible workspace designed for design thinking and collaborative problem-solving.', + image: 'https://images.unsplash.com/photo-1497366412874-3415097a27e7?w=1080&h=720&fit=crop', + capacity: '15-25 participants', + keyHighlight: 'Creative Collaboration Space', + zone: 6, + features: [ + 'Modular furniture setup', + 'Whiteboard walls', + 'Breakout alcoves', + 'Technology integration', + 'Flexible lighting' + ] + }, + { + id: 'wellness-retreat', + title: 'Wellness & Reflection Area', + description: 'Recharge and reflect in our tranquil wellness space designed for mindfulness and personal development sessions.', + image: 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1080&h=720&fit=crop', + capacity: '8-15 participants', + keyHighlight: 'Mindful Leadership Development', + zone: 7, + features: [ + 'Meditation seating area', + 'Natural lighting', + 'Acoustic privacy', + 'Aromatherapy system', + 'Garden views' + ] + }, + { + id: 'digital-learning-studio', + title: 'Digital Learning Studio', + description: 'Experience cutting-edge digital learning with our high-tech studio equipped for virtual reality and interactive sessions.', + image: 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=1080&h=720&fit=crop', + capacity: '10-20 participants', + keyHighlight: 'Future of Learning Technology', + zone: 8, + features: [ + 'VR/AR capabilities', + 'Interactive displays', + 'Recording equipment', + 'Livestream setup', + 'Digital collaboration tools' + ] + } ]; +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 = [ - { - id: 'learning-facility', - name: 'Learning Facility', - description: 'A purpose-built campus for immersive leadership learning. State-of-the-art facilities designed to foster transformation, collaboration, and growth.', - capacity: '80-120 people', - icon: Building, - features: [ - 'State-of-the-art training halls', - 'Advanced AV systems', - 'Flexible seating arrangements', - 'High-speed connectivity', - 'Professional learning environment' - ], - videoUrl: 'https://example.com/virtual-tour' - } + { + id: 'learning-facility', + name: 'Learning Facility', + description: 'A purpose-built campus for immersive leadership learning. State-of-the-art facilities designed to foster transformation, collaboration, and growth.', + capacity: '80-120 people', + icon: Building, + features: [ + 'State-of-the-art training halls', + 'Advanced AV systems', + 'Flexible seating arrangements', + 'High-speed connectivity', + 'Professional learning environment' + ], + videoUrl: 'https://example.com/virtual-tour' + } ]; // Booking Form Data Interface for BookingModal interface BookingFormData { - companyName: string; - contactName: string; - email: string; - phone: string; - role: string; - teamSize: string; - facilityType: string; - preferredDate: string; - additionalRequirements: string; + companyName: string; + contactName: string; + email: string; + phone: string; + role: string; + teamSize: string; + facilityType: string; + preferredDate: string; + additionalRequirements: string; } export function LearningFacilityNew() { - // Deluxe Living & Recreation Carousel state and functionality - const [currentSlide, setCurrentSlide] = useState(0); - const carouselRef = useRef(null); + // Deluxe Living & Recreation Carousel state and functionality + const [currentSlide, setCurrentSlide] = useState(0); + const carouselRef = useRef(null); - // Virtual Tour Carousel state and functionality - const [currentTourSlide, setCurrentTourSlide] = useState(0); - const tourCarouselRef = useRef(null); + // Virtual Tour Carousel state and functionality + const [currentTourSlide, setCurrentTourSlide] = useState(0); + const tourCarouselRef = useRef(null); - // Hero Background Image Carousel state and functionality - const [currentHeroBackground, setCurrentHeroBackground] = useState(0); + // Hero Background Image Carousel state and functionality + const [currentHeroBackground, setCurrentHeroBackground] = useState(0); - // Booking Modal state - const [isModalOpen, setIsModalOpen] = useState(false); - const [selectedFacility, setSelectedFacility] = useState(null); + // Booking Modal state + const [isModalOpen, setIsModalOpen] = useState(false); + const [selectedFacility, setSelectedFacility] = useState(null); - // 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", - 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", - 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", - 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", - 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", - alt: "Professional Workshop Venue" - } - ]; + // 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", + 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", + 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", + 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", + 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", + alt: "Professional Workshop Venue" + } + ]; - // Responsive carousel settings - const getCarouselSettings = () => { - if (typeof window !== 'undefined') { - if (window.innerWidth >= 1200) { - return { cardsPerView: 3, cardWidth: 33.333, slideWidth: 33.333 }; - } else if (window.innerWidth >= 768) { - return { cardsPerView: 2, cardWidth: 50, slideWidth: 50 }; - } else { - return { cardsPerView: 1, cardWidth: 100, slideWidth: 100 }; - } - } + // Responsive carousel settings + const getCarouselSettings = () => { + if (typeof window !== 'undefined') { + if (window.innerWidth >= 1200) { return { cardsPerView: 3, cardWidth: 33.333, slideWidth: 33.333 }; - }; + } else if (window.innerWidth >= 768) { + return { cardsPerView: 2, cardWidth: 50, slideWidth: 50 }; + } else { + return { cardsPerView: 1, cardWidth: 100, slideWidth: 100 }; + } + } + return { cardsPerView: 3, cardWidth: 33.333, slideWidth: 33.333 }; + }; - // Virtual tour carousel settings - const getTourCarouselSettings = () => { - if (typeof window !== 'undefined') { - if (window.innerWidth >= 1200) { - return { cardsPerView: 5, cardWidth: 20, slideWidth: 20 }; - } else if (window.innerWidth >= 768) { - return { cardsPerView: 3, cardWidth: 33.333, slideWidth: 33.333 }; - } else { - return { cardsPerView: 1, cardWidth: 100, slideWidth: 100 }; - } - } + // Virtual tour carousel settings + const getTourCarouselSettings = () => { + if (typeof window !== 'undefined') { + if (window.innerWidth >= 1200) { return { cardsPerView: 5, cardWidth: 20, slideWidth: 20 }; + } else if (window.innerWidth >= 768) { + return { cardsPerView: 3, cardWidth: 33.333, slideWidth: 33.333 }; + } else { + return { cardsPerView: 1, cardWidth: 100, slideWidth: 100 }; + } + } + return { cardsPerView: 5, cardWidth: 20, slideWidth: 20 }; + }; + + const [carouselSettings, setCarouselSettings] = useState(getCarouselSettings()); + const [tourCarouselSettings, setTourCarouselSettings] = useState(getTourCarouselSettings()); + const { cardsPerView, cardWidth, slideWidth } = carouselSettings; + const { cardsPerView: tourCardsPerView, cardWidth: tourCardWidth, slideWidth: tourSlideWidth } = tourCarouselSettings; + 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 = () => { + setCarouselSettings(getCarouselSettings()); + setTourCarouselSettings(getTourCarouselSettings()); + setCurrentSlide(0); // Reset to first slide on resize + setCurrentTourSlide(0); // Reset tour carousel on resize }; - const [carouselSettings, setCarouselSettings] = useState(getCarouselSettings()); - const [tourCarouselSettings, setTourCarouselSettings] = useState(getTourCarouselSettings()); - const { cardsPerView, cardWidth, slideWidth } = carouselSettings; - const { cardsPerView: tourCardsPerView, cardWidth: tourCardWidth, slideWidth: tourSlideWidth } = tourCarouselSettings; - const maxSlide = Math.max(0, facilityFeatures.length - cardsPerView); - const maxTourSlide = Math.max(0, virtualTourStops.length - tourCardsPerView); + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); - // Handle window resize - useEffect(() => { - const handleResize = () => { - setCarouselSettings(getCarouselSettings()); - setTourCarouselSettings(getTourCarouselSettings()); - setCurrentSlide(0); // Reset to first slide on resize - setCurrentTourSlide(0); // Reset tour carousel on resize - }; + const scrollLeft = () => { + if (currentSlide > 0) { + setCurrentSlide(currentSlide - 1); + } + }; - window.addEventListener('resize', handleResize); - return () => window.removeEventListener('resize', handleResize); - }, []); + const scrollRight = () => { + if (currentSlide < maxSlide) { + setCurrentSlide(currentSlide + 1); + } + }; - const scrollLeft = () => { - if (currentSlide > 0) { - setCurrentSlide(currentSlide - 1); - } + // Virtual Tour Carousel navigation + const scrollTourLeft = () => { + if (currentTourSlide > 0) { + setCurrentTourSlide(currentTourSlide - 1); + } + }; + + const scrollTourRight = () => { + if (currentTourSlide < maxTourSlide) { + setCurrentTourSlide(currentTourSlide + 1); + } + }; + const [currentTourStop, setCurrentTourStop] = useState(0); + const [isVirtualTourActive, setIsVirtualTourActive] = useState(false); + const [expandedTourCard, setExpandedTourCard] = useState(null); + + useEffect(() => { + console.log('LearningFacility component mounted'); // Debug log + window.scrollTo(0, 0); + + // Listen for custom booking modal event from CTAPopupModal + const handleOpenBookingModal = () => { + console.log('Custom booking modal event received'); // Debug log + handleBookNow(); }; - const scrollRight = () => { - if (currentSlide < maxSlide) { - setCurrentSlide(currentSlide + 1); - } + window.addEventListener('openBookingModal', handleOpenBookingModal); + + // Also check if we should auto-open the booking modal based on URL parameters + const urlParams = new URLSearchParams(window.location.search); + if (urlParams.get('autoBooking') === 'true') { + console.log('Auto-opening booking modal from URL parameter'); // Debug log + setTimeout(() => handleBookNow(), 100); + } + + return () => { + window.removeEventListener('openBookingModal', handleOpenBookingModal); }; + }, []); - // Virtual Tour Carousel navigation - const scrollTourLeft = () => { - if (currentTourSlide > 0) { - setCurrentTourSlide(currentTourSlide - 1); - } - }; + // Hero background image carousel auto-rotation effect + useEffect(() => { + const interval = setInterval(() => { + setCurrentHeroBackground((prev) => (prev + 1) % heroBackgroundImages.length); + }, 3000); // Change background image every 3 seconds - const scrollTourRight = () => { - if (currentTourSlide < maxTourSlide) { - setCurrentTourSlide(currentTourSlide + 1); - } - }; - const [currentTourStop, setCurrentTourStop] = useState(0); - const [isVirtualTourActive, setIsVirtualTourActive] = useState(false); - const [expandedTourCard, setExpandedTourCard] = useState(null); + return () => clearInterval(interval); + }, [heroBackgroundImages.length]); - useEffect(() => { - console.log('LearningFacility component mounted'); // Debug log - window.scrollTo(0, 0); + const handleStartTour = () => { + setIsVirtualTourActive(true); + setCurrentTourStop(0); + }; - // Listen for custom booking modal event from CTAPopupModal - const handleOpenBookingModal = () => { - console.log('Custom booking modal event received'); // Debug log - handleBookNow(); - }; + const handleNextStop = () => { + if (currentTourStop < virtualTourStops.length - 1) { + setCurrentTourStop(currentTourStop + 1); + } + }; - window.addEventListener('openBookingModal', handleOpenBookingModal); + const handlePrevStop = () => { + if (currentTourStop > 0) { + setCurrentTourStop(currentTourStop - 1); + } + }; - // Also check if we should auto-open the booking modal based on URL parameters - const urlParams = new URLSearchParams(window.location.search); - if (urlParams.get('autoBooking') === 'true') { - console.log('Auto-opening booking modal from URL parameter'); // Debug log - setTimeout(() => handleBookNow(), 100); - } + const handleJumpToStop = (index: number) => { + setCurrentTourStop(index); + }; - return () => { - window.removeEventListener('openBookingModal', handleOpenBookingModal); - }; - }, []); + const handleBookNow = () => { + // Set the first facility as default for booking + setSelectedFacility(facilities[0]); + setIsModalOpen(true); + }; - // Hero background image carousel auto-rotation effect - useEffect(() => { - const interval = setInterval(() => { - setCurrentHeroBackground((prev) => (prev + 1) % heroBackgroundImages.length); - }, 3000); // Change background image every 3 seconds + const handleCloseModal = () => { + setIsModalOpen(false); + setSelectedFacility(null); + }; - return () => clearInterval(interval); - }, [heroBackgroundImages.length]); - - const handleStartTour = () => { - setIsVirtualTourActive(true); - setCurrentTourStop(0); - }; - - const handleNextStop = () => { - if (currentTourStop < virtualTourStops.length - 1) { - setCurrentTourStop(currentTourStop + 1); - } - }; - - const handlePrevStop = () => { - if (currentTourStop > 0) { - setCurrentTourStop(currentTourStop - 1); - } - }; - - const handleJumpToStop = (index: number) => { - setCurrentTourStop(index); - }; - - const handleBookNow = () => { - // Set the first facility as default for booking - setSelectedFacility(facilities[0]); - setIsModalOpen(true); - }; - - const handleCloseModal = () => { - setIsModalOpen(false); - setSelectedFacility(null); - }; - - return ( -
- - {/* Hero Section */} - {/* Service-style hero: full-bleed rotating background images with dark gradient, centered content */} -
- {/* Rotating Background images + overlay */} -
- {heroBackgroundImages.map((image, index) => ( -
- -
- ))} -
-
- - {/* Centered content */} -
-
-
-
-
- World-Class Facility -
- -

Learning Facility

- -

- A purpose-built campus for immersive leadership learning. State-of-the-art facilities - designed to foster transformation, collaboration, and growth. -

- -
- - - -
-
-
-
- - {/* 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. -

- -
- -
-
-
- - {/* 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 */} -
- {/* Carousel Container */} -
-
- {facilityFeatures.map((feature, index) => { - const Icon = feature.icon; - return ( - - -
- -
- -

{feature.title}

- -

{feature.description}

- -
- {feature.details.map((detail, detailIndex) => ( -
- - {detail} -
- ))} -
- - - ); - })} -
-
-
-
-
- - {/* Booking Modal */} - - - {/* 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 */} - + return ( +
+ {/* Hero Section */} + {/* Service-style hero: full-bleed rotating background images with dark gradient, centered content */} +
+ {/* Rotating Background images + overlay */} +
+ {heroBackgroundImages.map((image, index) => ( +
+ +
+ ))} +
- ); + + {/* Centered content */} +
+
+
+
+
+ World-Class Facility +
+ +

Learning Facility

+ +

+ A purpose-built campus for immersive leadership learning. State-of-the-art facilities + designed to foster transformation, collaboration, and growth. +

+ +
+ + + +
+
+
+
+ + {/* Background Image Indicators */} +
+
+
+ {/* Current Image Label */} +
+

{heroBackgroundImages[currentHeroBackground]?.alt}

+

KLC Learning Spaces

+
+ + {/* Carousel Indicators */} +
+ {heroBackgroundImages.map((_, index) => ( +
+
+
+
+
+ + {/* 1. What Is This Service */} +
+
+
+
+ +

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. +

+
+

+ 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 +

+
+
+ +
+
+
+ +
+

+ 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 +

+
+
+
+
+
+
+ + {/* 2. Who Is It For */} +
+
+
+
+ +

Target Audience

+

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

+
+ +
+ {targetAudience.map((audience, index) => ( + + +
+
+ +
+
+

{audience.title}

+

{audience.description}

+
+

Common Challenges:

+
    + {audience.challenges.map((challenge, challengeIndex) => ( +
  • +
    + {challenge} +
    • + ))} +
+
+ + + ))} +
+
+
+
+ + {/* 3. When to Use It */} +
+
+
+
+ +

When Organizations Need Premium Learning Facilities

+

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

+
+ +
+ {useCases.map((useCase, index) => ( +
+ {/* Icon and Title */} +
+
+ +
+
+

+ {useCase.title} +

+

+ {useCase.description} +

+
+
+ + {/* Ideal For Indicator */} +
+
+ + {useCase.scenario} + +
+
+ ))} +
+
+
+
+ + {/* 4. Our Approach */} +
+
+
+
+
+ +

Integrated Learning Campus Experience

+

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

+
+ + {/* 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 +
+
+
+ + {/* Arrow 1→2 */} +
+
+ +
+ + {/* Services */} +
+
+ +
+

Service Excellence

+

+ Exceptional hospitality and dining experiences +

+
+
+ Gourmet Catering +
+
+ 24/7 Concierge +
+
+ Event Management +
+
+
+ + {/* Arrow 2→3 */} +
+
+ +
+ + {/* Technology */} +
+
+ +
+

Technology Infrastructure

+

+ Advanced technology for seamless learning delivery +

+
+
+ High-Speed Internet +
+
+ AV Equipment +
+
+ Tech Support +
+
+
+
+ + {/* Vertical Connector - Center Flow Down */} +
+
+
+ +
+
+ + {/* Row 2: Customization, Support */} +
+ {/* Customization */} +
+
+ +
+

Flexible Customization

+

+ Adaptable spaces configured to your program needs +

+
+
+ Room Configurations +
+
+ Custom Setups +
+
+ Branding Options +
+
+
+ + {/* Arrow 4→5 */} +
+
+ +
+ + {/* 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 +
+
+
+
+
+ + {/* Tablet & Mobile: Vertical Flowchart */} +
+ {/* Facilities */} +
+
+
+ +
+

Premium Facilities

+

+ World-class accommodations and learning environments +

+
+
+ Luxury Accommodations +
+
+ Learning Spaces +
+
+ Wellness Facilities +
+
+
+ {/* Connector Arrow */} +
+ +
+
+ + {/* Services */} +
+
+
+ +
+

Service Excellence

+

+ Exceptional hospitality and dining experiences +

+
+
+ Gourmet Catering +
+
+ 24/7 Concierge +
+
+ Event Management +
+
+
+ {/* Connector Arrow */} +
+ +
+
+ + {/* Technology */} +
+
+
+ +
+

Technology Infrastructure

+

+ Advanced technology for seamless learning delivery +

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

Flexible Customization

+

+ Adaptable spaces configured to your program needs +

+
+
+ Room Configurations +
+
+ Custom Setups +
+
+ Branding Options +
+
+
+ {/* Connector Arrow */} +
+ +
+
+ + {/* 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 +
+
+
+
+ + {/* Framework Effectiveness */} + {/*
+
+

Facility Excellence Metrics

+

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

+
+ +
+
+
+ +
+
96%
+

Guest Satisfaction Rating

+
+ +
+
+ +
+
92%
+

Program Effectiveness Increase

+
+ +
+
+ +
+
89%
+

Repeat Booking Rate

+
+
+
*/} +
+
+
+
+ + {/* 5. Sample Program Format */} +
+
+
+
+ +

Complete Campus Experience

+

+ A comprehensive facility experience designed to maximize learning outcomes and participant satisfaction. +

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

{feature.phase}

+
+ + {feature.duration} +
+
+
+
+ {expandedFeature === index ? ( + + ) : ( + + )} +
+
+ + {expandedFeature === index && ( +
+
+
+

Available Features

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

Experience Benefits

+
    + {feature.deliverables.map((deliverable, deliverableIndex) => ( +
  • + + {deliverable} +
    • + ))} +
+
+
+
+ )} + + + ))} +
+
+
+
+ + {/* 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

+
+
+ +

Strategic Location

+

Convenient location with peaceful, focused learning environment

+
+
+
+
+
+
+ + {/* Booking Modal */} + + + {/* 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 */} + + +
+ ); } // Utility functions for calendar const getDaysInMonth = (date: Date) => { - return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); + return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); }; const getFirstDayOfMonth = (date: Date) => { - return new Date(date.getFullYear(), date.getMonth(), 1).getDay(); + return new Date(date.getFullYear(), date.getMonth(), 1).getDay(); }; const isDateAvailable = (date: Date) => { - // Simple availability check - you can replace this with your actual logic - const today = new Date(); - today.setHours(0, 0, 0, 0); - return date >= today; + // Simple availability check - you can replace this with your actual logic + const today = new Date(); + today.setHours(0, 0, 0, 0); + return date >= today; }; const formatDate = (date: Date) => { - return date.toISOString().split('T')[0]; + return date.toISOString().split('T')[0]; }; // Modal Component for Virtual Tour and Booking diff --git a/src/components/LogosSection.tsx b/src/components/LogosSection.tsx index 539f7c3..e0cba23 100644 --- a/src/components/LogosSection.tsx +++ b/src/components/LogosSection.tsx @@ -1,27 +1,35 @@ import React from 'react'; -import imgImage36 from "figma:asset/6bdf8056f51bbdc6dd9dab9044a6579a254bd02c.png"; -import imgImage39 from "figma:asset/037c4659b7b0bf15b1dfdcd4868cb42e8257e838.png"; -import imgImage43 from "figma:asset/c57ec1f4466f68e607139a3cd6d52f7e2f372408.png"; -import imgImage45 from "figma:asset/4833274f0a593cd31fdefe553b70bb016de281af.png"; -import imgImage38 from "figma:asset/d5bab6ea4f3d8cef3b0425c45cfee7faea19fdbc.png"; -import imgImage47 from "figma:asset/e8fad960112d5eba554c3969d08891ebe4d4b9c7.png"; +import accenture from "../assets/accenture.svg"; +import adani from "../assets/adani-logo.svg"; +import axis from "../assets/axis-bank.svg"; +import ceat from "../assets/ceat-logo.svg"; +import hsbc from "../assets/hsbc.svg"; +import larsen from "../assets/larsen-toubro-logo.svg"; +import levis from "../assets/levis.svg"; +import tata from "../assets/tata-motors.svg"; import Frame1597884933 from "../imports/Frame1597884933-44-374"; // Logo data using Frame1597884944 logos with proper dimensions const logoData = [ - { src: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR - { src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock - { src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London - { src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract - { src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES - { src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS + { src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR + { src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock + { src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London + { src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract + { 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: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat) - { src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat) - { src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat) - { src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat) - { src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES (repeat) - { src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat) + { 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 + ]; // Top row logos - Original 6 unique logos @@ -40,7 +48,7 @@ function LogoItem({ logo, index, duplicate = false }: LogoItemProps) { // Scale down larger logos while maintaining aspect ratio const scaledWidth = logo.width > 250 ? Math.round(logo.width * 0.8) : logo.width; const displayWidth = Math.max(120, Math.min(scaledWidth, 250)); // Min 120px, Max 250px - + return (
{/* Logo Ticker - Two Rows */} -
{/* Top Row - Scrolling Left to Right */} -
-
{/* Create multiple sets for seamless infinite scroll */} {[1, 2, 3, 4].map((setNumber) => ( -
{topRowLogos.map((logo, index) => ( - 1} + 1} /> ))}
@@ -124,17 +132,17 @@ 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} + 1} /> ))}
diff --git a/src/components/Services.tsx b/src/components/Services.tsx index 593ac55..f1bae65 100644 --- a/src/components/Services.tsx +++ b/src/components/Services.tsx @@ -1,10 +1,10 @@ import { useState, useEffect } from 'react'; import { motion } from 'motion/react'; -import { - Users, - Target, - TrendingUp, - BookOpen, +import { + Users, + Target, + TrendingUp, + BookOpen, MessageCircle, CheckCircle, Download, @@ -16,14 +16,11 @@ import { UserCheck, ClipboardCheck, Users2, - Briefcase, - ArrowLeft + Briefcase } from 'lucide-react'; -import { BrandedTag } from './about/BrandedTag'; -import { PrimaryCTAButton } from './PrimaryCTAButton'; -import { CTABannerSection } from './CTABannerSection'; +import PrimaryCTAButton from './PrimaryCTAButton'; import { navigateTo } from './Router'; -import { Button } from './ui/button'; +import { CTABannerSection } from './CTABannerSection'; export function Services() { const [isVisible, setIsVisible] = useState(false); @@ -49,7 +46,7 @@ export function Services() { description: 'Knowing your leaders is the first step to shaping your future. KLC\'s assessment solutions — from 360-degree feedback to Development Centres — provide a clear view of leadership potential and performance. We don\'t just assess; we build actionable pathways for growth. Our pipeline development methods ensure succession is never left to chance, but actively cultivated to secure continuity and competitiveness.', ctaText: 'Learn More', downloadTitle: 'Case Study: Leadership Assessment & Succession Planning in a Top NBFC', - route: '/services/leadership-pipeline-development' + route: '/contact' }, { id: 'management-development', @@ -112,48 +109,48 @@ export function Services() { {/* Hero Section */}
-
-
+
-
-
-
- {/* Back Navigation */} - {/*
- -
*/} - -
-

- Building Leaders, Driving Impact +
+
+
+ +
+
+ Our Services +
+ +

+ Building Leadership Capacity
+ That Drives Results

-
+ +

+ At Kautilya Leadership Centre, we enable institutions and individuals to build leadership capacity, + align culture with strategy, and create enduring value. Our services span leadership development, + consulting, coaching, assessments, and digital learning — each designed with research, context, and practice at the core. +

-

- At Kautilya Leadership Centre, we enable institutions and individuals to build leadership capacity, align culture with strategy, and create enduring value. Our services span leadership development, consulting, coaching, assessments, and digital learning — each designed with research, context, and practice at the core. -

- -
- navigateTo('/contact?topic=management-development')} - ariaLabel="Talk to us about management development" - className="primary-cta-button-blue cta-text-white" - /> -
+
+ navigateTo('/contact')} + ariaLabel="Contact us to explore our services approach" + className="cta-text-white" + /> +
+

@@ -163,9 +160,9 @@ export function Services() {
- + {/* Services Grid */} -
+
{services.map((service, index) => ( -
- +
+ {/* Content Section */} -
- {/* Icon and Title - Side by Side */} -
-
+ {/* Icon and Title - Single Line (Figma Layout) */} +
+
- -

{service.title}

+

{service.title}

- - {/* Description */} -

- {service.description} + + {/* Brief Overview */} +

+ {service.description.split('.')[0]}.

+ {/* Service Preview Cards - Figma Layout */} +
+ {/* Preview Card 1: What It Is */} +
+
+
+ +
+

What It Is

+
+

+ {index === 0 && 'Customized leadership journeys combining business cases, reflective practice, and strategic frameworks'} + {index === 1 && '360-degree feedback, Development Centres, and pipeline strategies for succession planning'} + {index === 2 && 'Manager capability building through coaching, peer learning, and simulation workshops'} + {index === 3 && 'Culture assessment, competence frameworks, and values-in-action embedding strategies'} + {index === 4 && 'ICF-aligned coaching and mentoring for leadership transitions and influence building'} + {index === 5 && 'State-of-the-art campus for immersive leadership development and transformation'} +

+
+ + {/* Preview Card 2: Who It's For */} +
+
+
+ +
+

Who It's For

+
+

+ {index === 0 && 'Senior leaders, high-potential managers, and succession pipeline candidates'} + {index === 1 && 'HR teams, talent managers, and succession planning committees'} + {index === 2 && 'Mid-level managers, team leaders, and aspiring first-time leaders'} + {index === 3 && 'Leadership teams, HR leaders, and change management sponsors'} + {index === 4 && 'C-suite executives, senior leaders navigating transitions and complex challenges'} + {index === 5 && 'Organizations seeking transformative leadership retreats and immersive learning'} +

+
+ + {/* Preview Card 3: Expected Impact - Full Width */} +
+
+
+ +
+

Expected Impact

+
+
+
+ +

+ {index === 0 && 'Leaders who drive measurable business impact'} + {index === 1 && 'Clear succession pathways and readiness'} + {index === 2 && 'Confident managers delivering consistent results'} + {index === 3 && 'Culture-strategy alignment and synergy'} + {index === 4 && 'Enhanced leadership influence and presence'} + {index === 5 && 'Lasting transformation and connections'} +

+
+
+ +

+ {index === 0 && 'Long-term succession readiness'} + {index === 1 && 'Data-driven development plans'} + {index === 2 && 'Effective team leadership capability'} + {index === 3 && 'Values modeled by leadership'} + {index === 4 && 'Successful navigation of transitions'} + {index === 5 && 'Immersive learning environment'} +

+
+
+ +

+ {index === 0 && 'Accelerated leadership growth'} + {index === 1 && 'Proactive talent cultivation'} + {index === 2 && 'Growth into confident leaders'} + {index === 3 && 'Sustained competitive advantage'} + {index === 4 && 'Improved decision-making confidence'} + {index === 5 && 'Meaningful networking opportunities'} +

+
+
+
+
+ {/* CTA Button */} -
+
navigateTo(service.route)} - ariaLabel={`Contact us about ${service.title}`} + ariaLabel={`Learn more about ${service.title}`} className="cta-text-black" />
- - {/* Download Resource */} -
- {/* Image Section */} -
-
-
-
-
+ {/* Image Section - Positioned at Bottom Right (Figma Design) */} +
+
+
@@ -273,13 +329,13 @@ export function Services() {
Case Studies
- +

Real Impact, Real Results

- +

- Discover how we've helped organizations transform their leadership capabilities + Discover how we've helped organizations transform their leadership capabilities and drive sustainable business growth.

@@ -293,19 +349,19 @@ export function Services() { transition={{ duration: 0.6, delay: index * 0.1 }} viewport={{ once: true }} className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 hover:shadow-lg transition-shadow cursor-pointer" - onClick={() => {/* Handle case study view */ }} + onClick={() => {/* Handle case study view */}} >
- +

{caseStudy.title}

- +

{caseStudy.description}

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

Framework Effectiveness

@@ -745,7 +745,7 @@ export function CultureCompetence() {

Competency Development Impact

-
+
*/}
@@ -857,11 +857,13 @@ export function CultureCompetence() { >
-
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

+

{outcome.description}

-

{outcome.category}

+ {/*

{outcome.category}

*/} ))} diff --git a/src/components/services/ExecutiveCoaching.tsx b/src/components/services/ExecutiveCoaching.tsx index 1ae1694..4aa28f9 100644 --- a/src/components/services/ExecutiveCoaching.tsx +++ b/src/components/services/ExecutiveCoaching.tsx @@ -717,7 +717,7 @@ export function ExecutiveCoaching() {
{/* Framework Effectiveness */} -
+ {/*

Framework Effectiveness

@@ -750,7 +750,7 @@ export function ExecutiveCoaching() {

Career Advancement Success

-
+
*/}
@@ -862,11 +862,13 @@ export function ExecutiveCoaching() { >
-
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

+

{outcome.description}

-

{outcome.category}

+ {/*

{outcome.category}

*/} ))} diff --git a/src/components/services/LeadershipDevelopment.tsx b/src/components/services/LeadershipDevelopment.tsx index 5158f22..ba45f35 100644 --- a/src/components/services/LeadershipDevelopment.tsx +++ b/src/components/services/LeadershipDevelopment.tsx @@ -198,75 +198,75 @@ export function LeadershipDevelopment() { {/* 1. What Is This Service */}
-
-
- -

Executive Leadership Development

-
-

- Leadership Development is a comprehensive executive transformation program designed to elevate senior leaders' strategic thinking, executive presence, and organizational impact. Our approach combines proven leadership frameworks with real-world application to create visionary leaders who drive exceptional business results. +

+
+ +

Executive Leadership Development

+
+

+ Leadership Development is a comprehensive executive transformation program designed to elevate senior leaders' strategic thinking, executive presence, and organizational impact. Our approach combines proven leadership frameworks with real-world application to create visionary leaders who drive exceptional business results. +

+
+

+ The Business Problem It Solves: Many talented leaders struggle to reach their full potential due to lack of personalized guidance, limited feedback, and insufficient support during critical transitions. Traditional leadership training often fails to address the complex challenges executives face in today's dynamic business environment.

-
-

- The Business Problem It Solves: Many talented leaders struggle to reach their full potential due to lack of personalized guidance, limited feedback, and insufficient support during critical transitions. Traditional leadership training often fails to address the complex challenges executives face in today's dynamic business environment. -

-
-
-
- -
-
-
-
- -
-

- Executive Excellence -

-

- Comprehensive development for C-suite and senior leaders focused on strategic transformation -

-
-
- -
-
-
- -
-

- Strategic Impact -

-

- Focus on measurable business results and organizational performance improvements -

-
-
- -
-
-
- -
-

- 94% Success Rate -

-

- Proven track record with 94% of executives showing improved strategic leadership effectiveness -

-
+ +
+
+
+
+ +
+

+ Executive Excellence +

+

+ Comprehensive development for C-suite and senior leaders focused on strategic transformation +

+
+
+ +
+
+
+ +
+

+ Strategic Impact +

+

+ Focus on measurable business results and organizational performance improvements +

+
+
+ +
+
+
+ +
+

+ 94% Success Rate +

+

+ Proven track record with 94% of executives showing improved strategic leadership effectiveness +

+
+
+
+
@@ -712,7 +712,7 @@ export function LeadershipDevelopment() {
{/* Framework Effectiveness */} -
+ {/*

Framework Effectiveness

@@ -745,7 +745,7 @@ export function LeadershipDevelopment() {

Strategic Impact Improvement

-
+
*/}
@@ -857,11 +857,12 @@ export function LeadershipDevelopment() { >
-
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

{outcome.description}

-

{outcome.category}

+ {/*

{outcome.category}

*/} ))} diff --git a/src/components/services/LeadershipPipelineDevelopment.tsx b/src/components/services/LeadershipPipelineDevelopment.tsx index 08a13cf..9fdd58d 100644 --- a/src/components/services/LeadershipPipelineDevelopment.tsx +++ b/src/components/services/LeadershipPipelineDevelopment.tsx @@ -250,75 +250,75 @@ export function LeadershipPipelineDevelopment() { {/* 1. What Is This Service */}
-
-
- -

Comprehensive Leadership Pipeline System

-
-

- Leadership Pipeline Development is a systematic approach to building sustainable leadership capability across all organizational levels. Our methodology identifies, develops, and transitions high-potential talent through structured programs that create ready-now successors for critical roles. +

+
+ +

Comprehensive Leadership Pipeline System

+
+

+ Leadership Pipeline Development is a systematic approach to building sustainable leadership capability across all organizational levels. Our methodology identifies, develops, and transitions high-potential talent through structured programs that create ready-now successors for critical roles. +

+
+

+ The Business Problem It Solves: Most organizations face succession gaps where 40%+ of key positions lack identified successors, leading to costly external hiring, leadership disruption, and competitive disadvantage.

-
-

- The Business Problem It Solves: Most organizations face succession gaps where 40%+ of key positions lack identified successors, leading to costly external hiring, leadership disruption, and competitive disadvantage. -

-
-
-
- -
-
-
-
- -
-

- Multi-Level Pipeline -

-

- Systematic leadership development across all organizational tiers with clear progression pathways -

-
-
- -
-
-
- -
-

- Succession Readiness -

-

- Creates identified, development-ready successors for all critical leadership positions -

-
-
- -
-
-
- -
-

- 75% Hiring Reduction -

-

- Significantly reduces dependency on external leadership hiring through internal capability building -

-
+ +
+
+
+
+ +
+

+ Multi-Level Pipeline +

+

+ Systematic leadership development across all organizational tiers with clear progression pathways +

+
+
+ +
+
+
+ +
+

+ Succession Readiness +

+

+ Creates identified, development-ready successors for all critical leadership positions +

+
+
+ +
+
+
+ +
+

+ 75% Hiring Reduction +

+

+ Significantly reduces dependency on external leadership hiring through internal capability building +

+
+
+
+
@@ -765,7 +765,7 @@ export function LeadershipPipelineDevelopment() {
{/* Framework Effectiveness */} -
+ {/*

Framework Effectiveness

@@ -798,7 +798,7 @@ export function LeadershipPipelineDevelopment() {

Succession Planning Effectiveness

-
+
*/}
@@ -910,11 +910,12 @@ export function LeadershipPipelineDevelopment() { >
-
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

{outcome.description}

-

{outcome.category}

+ {/*

{outcome.category}

*/} ))} diff --git a/src/components/services/ManagementDevelopment.tsx b/src/components/services/ManagementDevelopment.tsx index 9c20dd0..a2a2a2f 100644 --- a/src/components/services/ManagementDevelopment.tsx +++ b/src/components/services/ManagementDevelopment.tsx @@ -711,7 +711,7 @@ export function ManagementDevelopment() {
{/* Framework Effectiveness */} -
+ {/*

Framework Effectiveness

@@ -744,7 +744,7 @@ export function ManagementDevelopment() {

Employee Engagement Growth

-
+
*/} @@ -856,11 +856,11 @@ export function ManagementDevelopment() { > -
+ {/*
{outcome.metric} -
+
*/} +

{outcome.category}

{outcome.description}

-

{outcome.category}

))} diff --git a/src/imports/svg-kw7r0ellyk.ts b/src/imports/svg-kw7r0ellyk.ts new file mode 100644 index 0000000..9d1957b --- /dev/null +++ b/src/imports/svg-kw7r0ellyk.ts @@ -0,0 +1,3 @@ +export default { +p2c1c9a80: "M8 3.33398L12.6667 8.00065L8 12.6673", +} \ No newline at end of file diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 8ae9cb1..b7f7172 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -82,9 +82,9 @@ const HomePage: React.FC = () => { - + {/* */} - + {/* */} );