diff --git a/src/assets/Aparna-Nair.png b/src/assets/Aparna-Nair.png new file mode 100644 index 0000000..2cd8476 Binary files /dev/null and b/src/assets/Aparna-Nair.png differ diff --git a/src/assets/Balaji-Chandrakumar.jpeg b/src/assets/Balaji-Chandrakumar.jpeg new file mode 100644 index 0000000..dbb7fc8 Binary files /dev/null and b/src/assets/Balaji-Chandrakumar.jpeg differ diff --git a/src/assets/Diju.jpeg b/src/assets/Diju.jpeg new file mode 100644 index 0000000..88038cf Binary files /dev/null and b/src/assets/Diju.jpeg differ diff --git a/src/assets/K-Ramkumar.png b/src/assets/K-Ramkumar.png new file mode 100644 index 0000000..52fa042 Binary files /dev/null and b/src/assets/K-Ramkumar.png differ diff --git a/src/assets/R-Muralidharan.png b/src/assets/R-Muralidharan.png new file mode 100644 index 0000000..a3fdebe Binary files /dev/null and b/src/assets/R-Muralidharan.png differ diff --git a/src/assets/Ramesh-Padmanabhan.jpeg b/src/assets/Ramesh-Padmanabhan.jpeg new file mode 100644 index 0000000..a8552c5 Binary files /dev/null and b/src/assets/Ramesh-Padmanabhan.jpeg differ diff --git a/src/assets/v-Swaminathan.jpg b/src/assets/v-Swaminathan.jpg new file mode 100644 index 0000000..44fd394 Binary files /dev/null and b/src/assets/v-Swaminathan.jpg differ diff --git a/src/components/AboutUs.tsx b/src/components/AboutUs.tsx index 4451d25..96fff8a 100644 --- a/src/components/AboutUs.tsx +++ b/src/components/AboutUs.tsx @@ -1,1498 +1,1581 @@ import { useState, useEffect } from 'react'; import { motion } from 'motion/react'; -import { - Target, - Users, - Globe, - Lightbulb, - ArrowRight, - CheckCircle, - Star, - Award, - Brain, - TrendingUp, - Shield, - Heart, - Zap, - Eye, - BookOpen, - Puzzle, - Building +import { + Target, + Users, + Globe, + Lightbulb, + ArrowRight, + CheckCircle, + Star, + Award, + Brain, + TrendingUp, + Shield, + Heart, + Zap, + Eye, + BookOpen, + Puzzle, + Building } from 'lucide-react'; import { BrandedTag } from './about/BrandedTag'; import { PrimaryCTAButton } from './PrimaryCTAButton'; import { CTABannerSection } from './CTABannerSection'; import { TestimonialsSection } from './TestimonialsSection'; -// import { TeamMemberModal } from './TeamMemberModal'; import { navigateTo } from './Router'; +import { TeamMemberModal } from './TeamMemberModal'; +import ramkumarImage from "../assets/K-Ramkumar.png" +import aparnaImage from "../assets/Aparna-Nair.png" +import swaminathanImage from "../assets/v-Swaminathan.jpg" +import balajiImage from "../assets/Balaji-Chandrakumar.jpeg" +import muralidharanImage from "../assets/R-Muralidharan.png" +import rameshImage from "../assets/Ramesh-Padmanabhan.jpeg" +import dijuImage from "../assets/Diju.jpeg" + // Leadership Orientations Data const leadershipOrientations = [ - { name: 'Thinking', icon: Brain, description: 'Strategic and analytical mindset' }, - { name: 'Risk Appetite', icon: TrendingUp, description: 'Calculated risk-taking approach' }, - { name: 'Power', icon: Shield, description: 'Authority and influence dynamics' }, - { name: 'Interpersonal/Political', icon: Users, description: 'Relationship and network building' }, - { name: 'Ambition', icon: Target, description: 'Drive for achievement and growth' }, - { name: 'Trust', icon: Heart, description: 'Building confidence and reliability' }, - { name: 'Learning', icon: BookOpen, description: 'Continuous development mindset' }, - { name: 'Nurturance', icon: Heart, description: 'Supporting and developing others' }, - { name: 'Result/Closure', icon: CheckCircle, description: 'Focus on outcomes and completion' } + { name: 'Thinking', icon: Brain, description: 'Strategic and analytical mindset' }, + { name: 'Risk Appetite', icon: TrendingUp, description: 'Calculated risk-taking approach' }, + { name: 'Power', icon: Shield, description: 'Authority and influence dynamics' }, + { name: 'Interpersonal/Political', icon: Users, description: 'Relationship and network building' }, + { name: 'Ambition', icon: Target, description: 'Drive for achievement and growth' }, + { name: 'Trust', icon: Heart, description: 'Building confidence and reliability' }, + { name: 'Learning', icon: BookOpen, description: 'Continuous development mindset' }, + { name: 'Nurturance', icon: Heart, description: 'Supporting and developing others' }, + { name: 'Result/Closure', icon: CheckCircle, description: 'Focus on outcomes and completion' } ]; // Our Uniqueness Data const uniquenessPoints = [ - { - icon: Target, - title: 'Context & Strategy Alignment', - description: 'We align our work to the client\'s specific context & strategy' - }, - { - icon: BookOpen, - title: 'Research-Anchored Approach', - description: 'Our work is anchored on research and work of scholars' - }, - { - icon: Users, - title: 'Client-Specific Needs', - description: 'We blend this with the specific needs of the client' - }, - { - icon: Puzzle, - title: 'Co-Creation Process', - description: 'We co-create the design with our clients' - } + { + icon: Target, + title: 'Context & Strategy Alignment', + description: 'We align our work to the client\'s specific context & strategy' + }, + { + icon: BookOpen, + title: 'Research-Anchored Approach', + description: 'Our work is anchored on research and work of scholars' + }, + { + icon: Users, + title: 'Client-Specific Needs', + description: 'We blend this with the specific needs of the client' + }, + { + icon: Puzzle, + title: 'Co-Creation Process', + description: 'We co-create the design with our clients' + } ]; // Benefits Data const benefits = [ - 'We use proprietary exercises, custom written cases, curated films and proprietary tools', - 'Facilitate insights on the connect between one\'s leadership orientations and their leadership abilities', - 'We create learning at an individual level and at a group level', - 'Our designs focus on application and practice', - 'We bring in the connect of the learning to the Business contexts', - 'We recommend that the Leadership intervention is designed for a period of 12-15 months with multiple touch points which can constitute a combination of classroom, fire side chats, one-on-one sessions, address by an expert, use of profilers, accessing online content on concepts and accomplished leaders\' experiences' + 'We use proprietary exercises, custom written cases, curated films and proprietary tools', + 'Facilitate insights on the connect between one\'s leadership orientations and their leadership abilities', + 'We create learning at an individual level and at a group level', + 'Our designs focus on application and practice', + 'We bring in the connect of the learning to the Business contexts', + 'We recommend that the Leadership intervention is designed for a period of 12-15 months with multiple touch points which can constitute a combination of classroom, fire side chats, one-on-one sessions, address by an expert, use of profilers, accessing online content on concepts and accomplished leaders\' experiences' ]; // Team Members Data with Full Profiles const teamMembers = [ - { - name: 'Mr. K Ramkumar', - role: 'Managing Director', - image: 'https://images.unsplash.com/photo-1584940120505-117038d90b05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBidXNpbmVzc21hbiUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA3OXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Over 25 years of leadership experience in building and scaling organizations.', - fullBio: 'K Ramkumar is the Managing Director and founder of Kautilya Leadership Centre, bringing over two and a half decades of extensive leadership experience. He has been instrumental in building the institution from its inception in 2016, establishing it as a premier leadership development center.\n\nHis vision and strategic direction have guided KLC to become a trusted partner for organizations seeking to develop their leadership capabilities. Under his leadership, KLC has worked with numerous Fortune 500 companies and emerging organizations across various industries.\n\nRamkumar is passionate about developing leaders who can navigate complex business environments and drive sustainable growth. His approach combines traditional leadership wisdom with modern business practices.', - expertise: ['Strategic Leadership', 'Organizational Development', 'Executive Coaching', 'Business Strategy', 'Leadership Assessment'], - education: 'MBA in Strategic Management and Bachelor\'s degree in Engineering', - achievements: [ - 'Founded and scaled Kautilya Leadership Centre to become a leading institution', - 'Developed proprietary leadership assessment and development frameworks', - 'Successfully coached over 200 senior executives across industries', - 'Built strategic partnerships with leading business schools and consulting firms' - ], - clientWork: 'Has worked extensively with Fortune 500 companies, family businesses, and emerging startups across industries including technology, healthcare, manufacturing, and financial services.', - boardRoles: 'Serves as an advisor to multiple startups and family businesses. Active member of leadership development forums and industry associations.' - }, - { - name: 'Mr. R. Muralidharan', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1584940121258-c2553b66a739?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW5pb3IlMjBidXNpbmVzcyUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA5MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Two decades of experience in leadership development and organizational transformation.', - fullBio: 'R. Muralidharan is a seasoned leadership development professional with over 20 years of experience in designing and implementing leadership programs for organizations across various industries. He specializes in creating transformational learning experiences that drive sustainable behavioral change.\n\nHis expertise lies in understanding the nuances of leadership in different cultural and organizational contexts. He has successfully designed and facilitated leadership programs for multinational corporations, helping them develop culturally aware and globally effective leaders.\n\nMuralidharan is known for his innovative approach to leadership development, combining experiential learning with deep psychological insights to create lasting impact.', - expertise: ['Leadership Program Design', 'Cross-cultural Leadership', 'Behavioral Change', 'Team Dynamics', 'Organizational Psychology'], - education: 'Master\'s in Organizational Psychology and Bachelor\'s degree in Management', - achievements: [ - 'Designed leadership programs for over 50 organizations', - 'Certified in multiple leadership assessment tools', - 'Published research on cross-cultural leadership effectiveness', - 'Trained over 1000 leaders across Asia-Pacific region' - ], - clientWork: 'Extensive experience with multinational corporations, government organizations, and NGOs across India, Southeast Asia, and the Middle East.', - boardRoles: 'Member of leadership development councils and advisory committees for business schools and professional associations.' - }, - { - name: 'Ms. Aparna Nair', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1567849859756-79bf6a9d62f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzc3dvbWFuJTIwcHJvZmVzc2lvbmFsJTIwZXhlY3V0aXZlfGVufDF8fHx8MTc1NjgyNDA4NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Founding member with over two-and-a-half decades of experience in leadership development and organizational consulting.', - fullBio: 'Aparna is a founding member of the Kautilya Leadership Centre with over two-and-a-half decades of experience. She has built the institution since its inception in 2016 by nurturing client relationships, developing content, and building organisational capabilities.\n\nAparna advises and consults Boards and Management Committees on strengthening their leadership bench strength. She designs and facilitates custom interventions for executives at the CXO and other leadership levels across industries. She also advises client organisations on aligning culture with business strategy, and on policies and processes related to performance management, talent assessment, compensation management, and rewards & recognition.\n\nShe has built proprietary psychometric tools for both clients and the institution. She mentors Human Resource professionals in deepening domain expertise and leading people processes within their organisations. She has created content from first principles and developed the knowledge management system for the institution. She is an accredited facilitator from SMR, Malaysia, with extensive experience in using the OPQ (Occupational Personality Questionnaire developed by Saville and Holdsworth Ltd.) and applying the Balanced Scorecard (BSC) framework to businesses. She is also a certified Myers-Briggs Type Indicator (MBTI) practitioner with deep experience supporting both individuals and groups.\n\nAparna brings value through her experience as a first-generation entrepreneur, having successfully engaged with reputed organisations across industries. Her business understanding is grounded in her hands-on roles in field sales, team management, credit operations, project management, and branch operations in large institutions. She has also worked in the areas of learning and development, performance management, human resource planning, and instructional design for e-learning.\n\nShe has held key positions at ICICI Bank and the erstwhile Blue Dart-FedEx before starting her consulting practice. She has worked with organisations such as Godrej & Boyce, National Collateral Management Services Ltd. (NCML), ICICI Prudential, Citi WAI, Wealth Advisors (I) Pvt. Ltd., WNS, I-mint (erstwhile), and ThyssenKrupp.\n\nAt the Kautilya Leadership Centre, she has worked across diverse industries, including pharmaceuticals, banking, insurance and financial services, manufacturing, retail, electronic payments, auto, start-ups, and private equity. Her client list includes industry leaders in each of these sectors.', - expertise: ['Psychometric Assessment', 'Leadership Development', 'Organizational Culture', 'Performance Management', 'Talent Assessment', 'MBTI Certification', 'OPQ Assessment', 'Balanced Scorecard'], - education: 'MBA in Marketing and Bachelor\'s degree in Commerce', - achievements: [ - 'Co-founded and built Kautilya Leadership Centre from inception', - 'Developed proprietary psychometric tools and assessment frameworks', - 'Created comprehensive knowledge management systems', - 'Successfully engaged with Fortune 500 companies across multiple industries', - 'Certified in multiple global assessment tools (MBTI, OPQ, BSC)', - 'Built leadership development programs for over 100 organizations' - ], - clientWork: 'Extensive client portfolio includes Godrej & Boyce, ICICI Prudential, Citi WAI, WNS, ThyssenKrupp, and many other industry leaders across pharmaceuticals, banking, insurance, manufacturing, retail, auto, and private equity sectors.', - boardRoles: 'Serves as an Independent Woman Director on the board of a start-up. Previously held key positions at ICICI Bank and Blue Dart-FedEx.' - }, - { - name: 'Mr. V. Swaminathan', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1742119971773-57e0131095b0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBsZWFkZXJzaGlwJTIwdGVhbSUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQwOTd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Over 22 years in corporate leadership and human capital development.', - fullBio: 'V. Swaminathan brings over two decades of experience in corporate leadership and human capital development. He has spent significant time in building high-performance teams and developing leadership capabilities across various organizational levels.\n\nHis expertise spans across strategic leadership, change management, and organizational effectiveness. He has been instrumental in driving major transformation initiatives and has a proven track record of developing leaders who can navigate complex business challenges.\n\nSwaminathan is particularly known for his work in succession planning and leadership pipeline development, helping organizations build sustainable leadership capabilities for the future.', - expertise: ['Strategic Leadership', 'Change Management', 'Succession Planning', 'Organizational Effectiveness', 'Leadership Pipeline Development'], - education: 'Master\'s in Human Resources and Bachelor\'s degree in Business Administration', - achievements: [ - 'Led major organizational transformation initiatives', - 'Developed leadership pipeline programs for multiple corporations', - 'Successfully coached over 150 senior leaders', - 'Implemented succession planning frameworks for Fortune 500 companies' - ], - clientWork: 'Has worked with leading corporations in technology, manufacturing, and services sectors, focusing on leadership development and organizational transformation.', - boardRoles: 'Advisor to several corporate boards on leadership and human capital matters.' - }, - { - name: 'Mr. Balaji Chandrakumar', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1610631066894-62452ccb927c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMG1hbmFnZXIlMjBwb3J0cmFpdCUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQxMDN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Two decades of experience in leadership coaching and executive development.', - fullBio: 'Balaji Chandrakumar is an accomplished leadership coach and executive development specialist with over 20 years of experience. He has worked extensively with C-suite executives and senior leadership teams, helping them enhance their leadership effectiveness and drive organizational performance.\n\nHis approach combines behavioral psychology with practical business applications, creating leadership development experiences that are both insightful and immediately applicable. He is particularly skilled in working with leaders during critical transitions and challenging business situations.\n\nBalaji has a strong background in executive coaching and has helped numerous leaders navigate complex organizational challenges while developing their authentic leadership style.', - expertise: ['Executive Coaching', 'Leadership Transitions', 'Behavioral Psychology', 'Emotional Intelligence', 'Leadership Effectiveness'], - education: 'Master\'s in Psychology and Bachelor\'s degree in Engineering', - achievements: [ - 'Coached over 200 C-suite executives', - 'Developed leadership transition programs', - 'Certified executive coach with international credentials', - 'Successfully facilitated leadership team effectiveness initiatives' - ], - clientWork: 'Extensive experience with technology companies, financial services, and healthcare organizations, focusing on executive coaching and leadership team development.', - boardRoles: 'Advisory positions with technology startups and scale-up companies.' - }, - { - name: 'Mr. Ramesh Padmanabhan', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1736939681295-bb2e6759dddc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBjb25zdWx0YW50JTIwYnVzaW5lc3MlMjBwb3J0cmFpdHxlbnwxfHx8fDE3NTY4MjQxMTN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Over 18 years in organizational consulting and leadership development across multiple industries.', - fullBio: 'Ramesh Padmanabhan is a seasoned organizational consultant and leadership development expert with over 18 years of experience. He specializes in helping organizations build leadership capabilities that align with their strategic objectives and cultural values.\n\nHis expertise lies in designing comprehensive leadership development programs that combine assessment, development, and measurement components. He has worked extensively with family businesses and professionally managed companies, understanding the unique challenges each faces.\n\nRamesh is known for his ability to translate complex leadership concepts into practical, actionable development plans that drive measurable business results.', - expertise: ['Organizational Consulting', 'Leadership Assessment', 'Program Design', 'Family Business Dynamics', 'Strategic Alignment'], - education: 'Master\'s in Organizational Development and Bachelor\'s degree in Commerce', - achievements: [ - 'Designed leadership programs for over 60 organizations', - 'Specialized expertise in family business leadership dynamics', - 'Developed assessment frameworks for leadership potential', - 'Facilitated leadership alignment initiatives for complex organizations' - ], - clientWork: 'Significant experience with family businesses, professionally managed companies, and emerging organizations across manufacturing, services, and technology sectors.', - boardRoles: 'Serves on advisory boards of family businesses and consulting organizations.' - }, - { - name: 'Ms. Diju S', - role: 'Practice Head – Leadership Development', - image: 'https://images.unsplash.com/photo-1701463387028-3947648f1337?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBkaXJlY3RvciUyMGJ1c2luZXNzJTIwcG9ydHJhaXR8ZW58MXx8fHwxNzU2ODI0MTE4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral', - experience: 'Over 15 years in leadership development with a focus on women leaders and diversity initiatives.', - fullBio: 'Diju S brings over 15 years of specialized experience in leadership development with a particular focus on developing women leaders and driving diversity and inclusion initiatives. She has been instrumental in creating programs that help organizations build more inclusive leadership cultures.\n\nHer work spans across leadership coaching, mentoring programs, and organizational culture transformation. She has helped numerous organizations develop their women leadership pipeline and create environments where diverse leadership can thrive.\n\nDiju is passionate about developing authentic leaders who can drive positive change in their organizations and communities. Her approach emphasizes emotional intelligence, inclusive leadership, and sustainable development practices.', - expertise: ['Women Leadership Development', 'Diversity & Inclusion', 'Inclusive Leadership', 'Mentoring Programs', 'Culture Transformation'], - education: 'Master\'s in Human Resources and Bachelor\'s degree in Psychology', - achievements: [ - 'Pioneered women leadership development programs', - 'Developed diversity and inclusion frameworks for major corporations', - 'Mentored over 100 women leaders across industries', - 'Created inclusive leadership assessment tools' - ], - clientWork: 'Extensive work with corporations seeking to build diverse leadership pipelines, particularly in technology, healthcare, and financial services sectors.', - boardRoles: 'Active member of women leadership forums and diversity councils in corporate and non-profit sectors.' - } + { + name: "Mr. K Ramkumar", + role: "Managing Director", + image: ramkumarImage, + experience: + "Over 40 years across HR, Business, and Leadership Development, including senior leadership roles at ICICI Bank and founding Kautilya Leadership Centre.", + fullBio: `Mr. K. Ramkumar is the founder of Kautilya Leadership Centre, an organisation dedicated to building world class thought and practise in the domain of Leadership Consulting, Research and Development. Kautilya Leadership Centre rejects the exclusively style and skill based approach to understanding and developing leaders. It has its proprietary model on Leadership Development which believes that Leadership is a personal resource which we all have. It is by making individuals aware of their leadership resources and the enablement or limitations it places on their leadership abilities, we can develop leadership abilities. This is a personalised model. + +Mr. K. Ramkumar retired as the Executive Director on the Board of ICICI Bank. He was on the Boards of ICICI Prudential Life Insurance and ICICI Ventures. Prior to his retirement he was the President of ICICI Foundation, ICICI Group’s CSR arm. + +Ram, as he likes to be called, has worked for Hindustan Aeronautics Ltd, Hindustan Unilever Ltd and ICI prior to his 15 years long innings at ICICI Bank. + +Ram’s work over the last 40 years has been across a wide range of roles in HR and Business; yet his passion has been leadership development — specifically how to help individuals expand their leadership capabilities and organisations strengthen their leadership pipeline. + +He led this mission at ICICI Group which is widely recognised as the “Leadership Factory” for building a world class leadership pipeline. Ram jointly envisioned with Manipal Global Education and established the ICICI Manipal Academy for Banking and Insurance — a project centred on discovering and grooming young leaders from tier three and beyond towns and villages of India. During 8 years, ICICI Bank inducted 12,000 young leaders through this program. + +Ram also envisioned and established the ICICI Academy for Skills, an ICICI CSR initiative for skill development. The academy is now present in 23 locations and has skilled 35,000 youth across 15 disciplines. + +Ram has published his first book titled “Leveraging Human Capital: A Practitioner’s Perspective” (McGraw Hill Education Pvt Ltd). He also writes at https://www.leadershipcentre.in/blog/ and invites contributions from others.`, + expertise: [ + "Leadership Development", + "Human Capital Strategy", + "Executive Coaching", + "Organizational Transformation", + "CSR and Skills Development", + ], + education: + "Graduate of Madras University with extensive leadership development and HR expertise; published author on human capital.", + achievements: [ + "Founded Kautilya Leadership Centre", + "Executive Director, ICICI Bank", + "President, ICICI Foundation (CSR arm)", + "Established ICICI Manipal Academy (12,000 leaders trained)", + "Established ICICI Academy for Skills (35,000 youth skilled)", + "Authored 'Leveraging Human Capital: A Practitioner’s Perspective'", + ], + clientWork: + "Extensive work with ICICI Group and partner institutions, building leadership pipelines and skill development initiatives across India.", + boardRoles: + "Former Board Member of ICICI Prudential Life Insurance, ICICI Ventures; advisor to leadership forums.", + }, + { + name: "Mr. Muralidharan", + role: "Director", + image: muralidharanImage, + experience: + "Over 30 years in HR, talent management, and business leadership across multiple industries.", + fullBio: `Mr. Muralidharan is a seasoned professional with over three decades of experience in Human Resources, talent development, and organizational leadership. He has partnered with leading organizations to design and implement strategies for talent acquisition, employee engagement, and succession planning. His work reflects a deep understanding of business needs and the human side of organizational growth. + +As a leadership consultant, he has contributed to shaping strong leadership pipelines, aligning people strategies with business goals, and enabling sustainable growth in diverse environments.`, + expertise: [ + "Talent Management", + "Human Resources Strategy", + "Succession Planning", + "Leadership Consulting", + "Business Transformation", + ], + education: + "Graduate in HR and Business Management with advanced training in leadership consulting.", + achievements: [ + "Designed and implemented talent management frameworks", + "Supported succession planning for large organizations", + "Over 30 years of HR and leadership experience", + ], + clientWork: + "Partnered with organizations across industries to build HR and talent management systems aligned with growth.", + boardRoles: "Advisor to HR and leadership forums.", + }, + { + name: "Ms. Aparna", + role: "Director", + image: aparnaImage, + experience: + "20+ years in HR, leadership development, and consulting across corporate and academic sectors.", + fullBio: `Ms. Aparna brings two decades of expertise in HR, organizational development, and leadership consulting. She has worked extensively with corporates and academic institutions to design leadership programs and support capability-building initiatives. Aparna’s strength lies in aligning leadership models with organizational strategy and enabling leaders to unlock their potential. + +She is deeply passionate about empowering individuals, particularly young professionals and emerging leaders, to recognize their leadership resources and drive meaningful impact.`, + expertise: [ + "HR Consulting", + "Leadership Development", + "Organizational Strategy", + "Talent Development", + "Coaching Emerging Leaders", + ], + education: + "Postgraduate in Human Resources and Organizational Development.", + achievements: [ + "20+ years of HR consulting experience", + "Developed leadership programs for corporates and academic institutions", + "Coach and mentor for emerging leaders", + ], + clientWork: + "Worked with corporates and institutions to create leadership development journeys.", + boardRoles: "Advisor to HR and academic councils.", + }, + { + name: "Mr. Swaminathan", + role: "Director", + image: swaminathanImage, + experience: + "Over 25 years in HR, leadership, and business transformation across multiple industries.", + fullBio: `Mr. Swaminathan is an HR and leadership expert with more than 25 years of experience. His career has spanned diverse industries, where he has held key leadership roles in HR and consulting. Swaminathan specializes in enabling organizations to navigate change, transform leadership pipelines, and build robust people strategies. + +His approach combines deep analytical insights with human-centered leadership models to deliver impactful outcomes.`, + expertise: [ + "HR Leadership", + "Change Management", + "Leadership Consulting", + "Business Transformation", + "Organizational Effectiveness", + ], + education: "Graduate in HR and Business Administration.", + achievements: [ + "25+ years in HR and consulting", + "Built leadership pipelines for multiple industries", + "Expert in organizational transformation", + ], + clientWork: + "Advised organizations on leadership pipelines, people strategy, and change management.", + boardRoles: "Advisor to business and HR boards.", + }, + { + name: "Mr. Balaji", + role: "Director", + image: balajiImage, + experience: + "Over 20 years of experience in leadership consulting and organizational capability building.", + fullBio: `Mr. Balaji is a leadership consultant with over 20 years of experience in shaping organizational capability and supporting leadership transformation. His career includes significant contributions to leadership programs that align with business strategy and drive measurable results. + +He focuses on enabling organizations to build leadership strength across levels, fostering resilience and adaptability in dynamic business contexts.`, + expertise: [ + "Leadership Development", + "Capability Building", + "Organizational Transformation", + "Consulting", + "Executive Coaching", + ], + education: "Postgraduate in Leadership and Business Strategy.", + achievements: [ + "20+ years in leadership consulting", + "Developed leadership frameworks for large organizations", + "Coach for mid-level and senior leaders", + ], + clientWork: + "Partnered with corporates to design and deliver leadership interventions.", + boardRoles: "Advisor to leadership forums and organizations.", + }, + { + name: "Mr. Ramesh", + role: "Director", + image: rameshImage, + experience: + "30 years in HR, organizational strategy, and leadership consulting across industries.", + fullBio: `Mr. Ramesh has three decades of experience in HR leadership and organizational consulting. He has supported organizations in aligning business and people strategies, building succession pipelines, and driving employee engagement. His leadership philosophy emphasizes empowering individuals to recognize and grow their leadership potential.`, + expertise: [ + "HR Leadership", + "Organizational Strategy", + "Succession Planning", + "Leadership Consulting", + "Employee Engagement", + ], + education: "Graduate in HR and Organizational Studies.", + achievements: [ + "30 years in HR leadership and consulting", + "Developed succession planning frameworks", + "Led employee engagement initiatives across industries", + ], + clientWork: + "Consulted organizations on HR leadership and organizational growth strategies.", + boardRoles: "Advisor to HR and strategy councils.", + }, + { + name: "Mr. Diju", + role: "Director", + image: dijuImage, + experience: + "20+ years in HR, leadership consulting, and capability building with a focus on emerging leaders.", + fullBio: `Mr. Diju is a leadership and HR consultant with over two decades of experience. He specializes in developing leadership capabilities for emerging leaders and designing organizational frameworks to support long-term growth. His consulting style is practical and people-centered, helping organizations discover and nurture talent.`, + expertise: [ + "Leadership Consulting", + "HR Strategy", + "Emerging Leaders Development", + "Organizational Capability Building", + "Executive Coaching", + ], + education: "Graduate in HR and Leadership Studies.", + achievements: [ + "20+ years in HR and leadership consulting", + "Specialist in emerging leader development", + "Coach and mentor for leadership programs", + ], + clientWork: + "Worked with corporates and institutions to develop leadership and talent management frameworks.", + boardRoles: "Advisor to HR development councils.", + }, ]; + export function AboutUs() { - const [isVisible, setIsVisible] = useState(false); - const [expandedValue, setExpandedValue] = useState('context'); - const [selectedMember, setSelectedMember] = useState(null); - const [isModalOpen, setIsModalOpen] = useState(false); + const [isVisible, setIsVisible] = useState(false); + const [expandedValue, setExpandedValue] = useState('context'); + const [selectedMember, setSelectedMember] = useState(null); + const [isModalOpen, setIsModalOpen] = useState(false); - const handleMemberClick = (member: typeof teamMembers[0]) => { - setSelectedMember(member); - setIsModalOpen(true); + const handleMemberClick = (member: typeof teamMembers[0]) => { + setSelectedMember(member); + setIsModalOpen(true); + }; + + const handleCloseModal = () => { + setIsModalOpen(false); + setSelectedMember(null); + }; + + // Prevent background scroll when modal is open + useEffect(() => { + if (isModalOpen) { + document.body.style.overflow = 'hidden'; + } else { + document.body.style.overflow = ''; + } + + // Cleanup on unmount + return () => { + document.body.style.overflow = ''; + }; + }, [isModalOpen]); + + useEffect(() => { + setIsVisible(true); + + // Timeline fill animation on scroll + const handleScroll = () => { + const timelineSection = 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 + timelineSection.style.height = maxFillHeight; + } else { + // Progressive fill up to 90% of the way + timelineSection.style.height = `${scrollProgress * 90}%`; + } }; - const handleCloseModal = () => { - setIsModalOpen(false); - setSelectedMember(null); + // Add scroll listener + window.addEventListener('scroll', handleScroll); + + // Initial call to set the initial state + handleScroll(); + + // Cleanup + return () => { + window.removeEventListener('scroll', handleScroll); }; + }, []); - // Prevent background scroll when modal is open - useEffect(() => { - if (isModalOpen) { - document.body.style.overflow = 'hidden'; - } else { - document.body.style.overflow = ''; - } + return ( +
+ {/* Hero Section - Our Vision Page Style */} +
+
+
+
+
- // Cleanup on unmount - return () => { - document.body.style.overflow = ''; - }; - }, [isModalOpen]); - - useEffect(() => { - setIsVisible(true); - - // Timeline fill animation on scroll - const handleScroll = () => { - const timelineSection: any = document.querySelector('#timeline-fill-line'); - const timelineContainer = timelineSection?.parentElement as HTMLElement; - - if (!timelineSection || !timelineContainer) return; - - const rect = timelineContainer.getBoundingClientRect(); - const windowHeight = window.innerHeight; - - // Calculate how much of the timeline is visible - const sectionTop = rect.top; - const sectionHeight = rect.height; - const visibleTop = Math.max(0, windowHeight - sectionTop); - const visibleHeight = Math.min(visibleTop, sectionHeight); - const scrollProgress = Math.max(0, Math.min(1, visibleHeight / sectionHeight)); - - // Calculate the exact position to end at Phase 3 dot - const maxFillHeight = 'calc(100% - 1rem)'; // Match the background line limit - - // Apply progressive fill that respects the maximum height constraint - if (scrollProgress >= 0.9) { - // When nearly complete, set to exact end position - timelineSection.style.height = maxFillHeight; - } else { - // Progressive fill up to 90% of the way - timelineSection.style.height = `${scrollProgress * 90}%`; - } - }; - - // Add scroll listener - window.addEventListener('scroll', handleScroll); - - // Initial call to set the initial state - handleScroll(); - - // Cleanup - return () => { - window.removeEventListener('scroll', handleScroll); - }; - }, []); - - return ( -
- {/* Hero Section - Our Vision Page Style */} -
-
-
-
+
+
+
+ +
+
+ About Kautilya Leadership Centre
+ +

+ Transforming Leadership Through
Research and Practice +

+ +

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

-
-
-
- -
-
- About Kautilya Leadership Centre -
- -

- Transforming Leadership Through
Research and Practice -

- -

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

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

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

-
-
- - {/* Statistics Grid */} -
- -
- 27,187 -
-
-
- LEADERS DEVELOPED -
- - - -
- 15,510 -
-
-
- CLIENTS -
- - - -
- 1,240 -
-
-
- PROGRAMS CONDUCTED -
- -
- -
+ {/* Who We Are Section */} +
+
+
+ + {/* Split Layout - Left: Eyebrow Text, Right: Main Heading */} +
+ {/* Left Side - Eyebrow Text */} +
+
+
+ Who we are +
-
- - {/* Our Vision Section */} -
-
-
- {/* Centered Header Section */} - - -

Our Vision

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

World Class Institution

-
- -

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

- - - {/* Partner Institutions */} - -
-
- -
-

Partner Institutions

-
- -

- Partner institutions to build Leadership Capacity and Capability -

- - - {/* Facilitate Individuals */} - -
-
- -
-

Facilitate Individuals

-
- -

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

- -
-
+ + {/* Right Side - Main Heading */} +
+

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

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

Our Vision

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

Our Uniqueness

-

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

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

Explore Our Approach

-

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

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

Context & Strategy Alignment

-
-

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

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

Research-Anchored Approach

-
-

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

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

Client-Specific Needs

-
-

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

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

Co-Creation Process

-
-

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

-
- - Collaborative Partnership -
- - )} -
- -
-
- -
+ style={{ + backgroundColor: isActive ? 'var(--color-primary)' : undefined, + color: isActive ? 'white' : 'var(--color-black)' + }} + > + + {tab.label} + + ); + })}
-
- {/* Leadership Orientations Section */} -
-
-
- - -

Leadership Orientations

-
-

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

-

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

-
- + {/* Main Content Area */} +
+ + {/* Left Panel - Static Content */} + + +

Our Uniqueness

+

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

+ + {/* CTA Button under subtext */} +
+ navigateTo('/contact')} + ariaLabel="Contact us to design your leadership journey" + className="cta-text-black" + /> +
+ -
- {leadershipOrientations.map((orientation, index) => ( - -
-
- -
-
-

{orientation.name}

-

{orientation.description}

-
-
- - ))} + {/* Right Panel - Dynamic Content Widget */} + +
+ {/* Default Content when no tab is active */} + {!expandedValue && ( +
+
+ +
+

Explore Our Approach

+

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

+ )} + {/* Context Tab Content */} + {expandedValue === 'context' && ( - navigateTo('/contact')} - ariaLabel="Contact us to learn more about leadership orientations" - className="cta-text-black" - /> +
+
+ +
+

Context & Strategy Alignment

+
+

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

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

Research-Anchored Approach

+
+

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

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

Client-Specific Needs

+
+

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

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

Co-Creation Process

+
+

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

+
+ + Collaborative Partnership +
+ + )}
+
-
+
+ +
+
+
- {/* Our Facilitation Approach Section */} -
-
-
- - -

Our Facilitation Approach

- + {/* Leadership Orientations Section */} +
+
+
+ + +

Leadership Orientations

+
+

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

+

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

+
+ - {/* Vertical Timeline Container */} -
- {/* Vertical Line Background - Gray - Ends exactly at Phase 3 dot */} +
+ {leadershipOrientations.map((orientation, index) => ( + +
+
+ +
+
+

{orientation.name}

+

{orientation.description}

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

Our Facilitation Approach

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

Understanding & Assessment

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

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

+ +
+

Key Focus Areas:

+ +
+
- - {/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */} + + Leadership orientations (typical behaviors) assessment. + +
+ +
+ + Action-consequence model application. + +
+ +
+
+ + Context alignment and strategy integration. + +
+
+
+ +
+
+
- {/* Phase 1 - Understanding & Assessment */} -
-
- {/* Phase dot positioned absolutely */} -
+ {/* Phase 2 - Development & Practice */} +
+
+ {/* Phase dot positioned absolutely */} +
+ + {/* Column 1: Phase Label */} +
+
+
+ Phase 2 +
+
+ + {/* Column 2: Main Heading */} +
+ +

Development & Practice

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

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

+ +

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

- {/* Column 1: Phase Label */} -
-
-
- Phase 1 -
-
+
+

Development Process:

+ +
+
+
+ + Self-awareness and insight facilitation. + +
+ +
+
+ + Leadership potential discovery sessions. + +
+ +
+
+ + Organizational capacity building. + +
+
+
+ +
+
+
- {/* Column 2: Main Heading */} -
- -

Understanding & Assessment

- -
+ {/* Phase 3 - Implementation & Mastery */} +
+
+ {/* Phase dot positioned absolutely */} +
+ + {/* Column 1: Phase Label */} +
+
+
+ Phase 3 +
+
+ + {/* Column 2: Main Heading */} +
+ +

Implementation & Mastery

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

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

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

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

- -
-

Key Focus Areas:

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

Development & Practice

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

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

- -

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

- -
-

Development Process:

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

Implementation & Mastery

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

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

- -
-

Mastery Framework:

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

Leadership Process Flow

-

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

- -
-
-
- -
- Leadership Orientations -
-
-
- -
- Leadership Abilities -
-
-
- -
- Leadership Outcomes -
-
-
-
- -
-
-
+
+

Mastery Framework:

+ +
+
+
+ + Orientation Toning process implementation. + +
+ +
+
+ + Context-responsive leadership adaptation. + +
+ +
+
+ + Sustainable behavior change integration. + +
- - navigateTo('/contact')} - ariaLabel="Contact us to design your leadership journey" - className="cta-text-black" - /> - -
-
-
- - {/* Benefits Section */} -
-
-
- - -

Benefits to Learners and Institutions

-

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

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

For Individual Learners

-
- Personal Growth -
-
-
-

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

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

- {benefit} -

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

For Organizations

-
- Institutional Impact -
-
-
-

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

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

- {benefit} -

-
- - {/* Success Indicator */} -
-
- -
-
-
-
- - ))} -
- +

Leadership Process Flow

+

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

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

Our Team

-
-

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

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

{member.name}

-

- {member.role} -

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

Benefits to Learners and Institutions

+

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

+ - {/* Team Member Modal */} - {/* + + {/* Benefits Categories */} +
+ + {/* Learner Benefits Section */} + +
+
+
+ +
+
+

For Individual Learners

+
+ Personal Growth +
+
+
+

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

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

+ {benefit} +

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

For Organizations

+
+ Institutional Impact +
+
+
+

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

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

+ {benefit} +

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

Our Team

+
+

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

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

{member.name}

+

+ {member.role} +

+
+ + ))} +
+
+
+
+ + {/* Testimonials Section */} + + + {/* CTA Banner Section */} + + + {/* Team Member Modal */} + */} - - ); + /> + + ); } \ No newline at end of file diff --git a/src/components/TeamMemberModal.tsx b/src/components/TeamMemberModal.tsx new file mode 100644 index 0000000..1b0470a --- /dev/null +++ b/src/components/TeamMemberModal.tsx @@ -0,0 +1,344 @@ +import React, { useEffect } from 'react'; +import { motion, AnimatePresence } from 'motion/react'; +import { X } from 'lucide-react'; + +interface TeamMember { + name: string; + role: string; + image: string; + fullBio?: string; + experience?: string; + expertise?: string[]; + education?: string; + achievements?: string[]; + clientWork?: string; + boardRoles?: string; +} + +interface TeamMemberModalProps { + member: TeamMember | null; + isOpen: boolean; + onClose: () => void; +} + +export function TeamMemberModal({ member, isOpen, onClose }: TeamMemberModalProps) { + // Prevent background scroll when modal is open + useEffect(() => { + if (isOpen) { + // Disable body scroll + document.body.style.overflow = 'hidden'; + document.body.style.height = '100%'; + } else { + // Re-enable body scroll + document.body.style.overflow = ''; + document.body.style.height = ''; + } + + // Cleanup function to restore scroll on unmount + return () => { + document.body.style.overflow = ''; + document.body.style.height = ''; + }; + }, [isOpen]); + + // Handle escape key press + useEffect(() => { + const handleEscape = (e: KeyboardEvent) => { + if (e.key === 'Escape' && isOpen) { + onClose(); + } + }; + + if (isOpen) { + document.addEventListener('keydown', handleEscape); + } + + return () => { + document.removeEventListener('keydown', handleEscape); + }; + }, [isOpen, onClose]); + + if (!member) return null; + + return ( + + {isOpen && ( + <> + {/* Overlay */} + + + {/* Modal */} +
+ e.stopPropagation()} + > + {/* Modal Content */} +
+ {/* Close Button */} + + +
+ {/* Header Section */} +
+
+ {/* Profile Image */} +
+
+ {member.name} +
+
+ + {/* Basic Info */} +
+

+ {member.name} +

+

+ {member.role} +

+ + {member.experience && ( +
+

+ Experience Overview +

+

+ {member.experience} +

+
+ )} +
+
+
+ + {/* Detailed Content */} +
+ {/* Full Bio */} + {member.fullBio && ( +
+

+ Professional Background +

+
+ {member.fullBio.split('\n\n').map((paragraph, index) => ( +

{paragraph}

+ ))} +
+
+ )} + + {/* Expertise Areas */} + {member.expertise && member.expertise.length > 0 && ( +
+

+ Areas of Expertise +

+
+ {member.expertise.map((skill, index) => ( + + {skill} + + ))} +
+
+ )} + + {/* Achievements */} + {member.achievements && member.achievements.length > 0 && ( +
+

+ Key Achievements +

+
+ {member.achievements.map((achievement, index) => ( +
+
+

+ {achievement} +

+
+ ))} +
+
+ )} + + {/* Client Work */} + {member.clientWork && ( +
+

+ Client Portfolio +

+

+ {member.clientWork} +

+
+ )} + + {/* Board Roles */} + {member.boardRoles && ( +
+

+ Board Positions & Leadership Roles +

+

+ {member.boardRoles} +

+
+ )} + + {/* Education */} + {member.education && ( +
+

+ Education & Qualifications +

+

+ {member.education} +

+
+ )} +
+
+
+ +
+ + )} + + ); +} \ No newline at end of file