pagination added in artical and other changes
This commit is contained in:
priyanshuvish
@@ -198,7 +198,6 @@ export function LeadershipDevelopment() {
|
||||
{/* 1. What Is This Service */}
|
||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="w-full section-margin-x">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
@@ -268,7 +267,6 @@ export function LeadershipDevelopment() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -370,7 +368,7 @@ export function LeadershipDevelopment() {
|
||||
{/* 4. Our Approach */}
|
||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#F9F9F9' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="w-full section-margin-x">
|
||||
<div className="w-full">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-16">
|
||||
<BrandedTag text="Our Approach" />
|
||||
@@ -380,116 +378,371 @@ export function LeadershipDevelopment() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-start">
|
||||
{/* Left Column - Core Frameworks */}
|
||||
<div>
|
||||
<h3 className="text-h3 mb-8 text-[#26231A]">Core Frameworks & Methodologies</h3>
|
||||
<div className="space-y-8">
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Eye className="w-5 h-5 text-white" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="text-h4 mb-3 text-[#26231A]">360-Degree Leadership Assessment</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Comprehensive evaluation of leadership capabilities, strategic readiness, and executive presence
|
||||
{/* Flowchart Container with Connecting Lines */}
|
||||
<div className="relative mb-16 flex flex-col items-center">
|
||||
{/* Desktop: Horizontal Flowchart */}
|
||||
<div className="hidden lg:block w-full max-w-5xl">
|
||||
<div className="relative">
|
||||
{/* Row 1: Frameworks, Pedagogy, Delivery */}
|
||||
<div className="grid grid-cols-3 gap-8 mb-12 relative w-full">
|
||||
{/* Frameworks */}
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300 relative z-10">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<Lightbulb className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Strategic Frameworks</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Executive leadership models and strategic thinking frameworks
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Models
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Thinking
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Vision Creation
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Arrow 1→2 */}
|
||||
<div className="absolute top-1/2 left-[calc(33.33%-2rem)] -translate-y-1/2 z-0 flex items-center">
|
||||
<div className="w-16 h-0.5 bg-[#F8C301]"></div>
|
||||
<ArrowRight className="w-6 h-6 text-[#F8C301] -ml-1" />
|
||||
</div>
|
||||
|
||||
{/* Pedagogy */}
|
||||
<div className="bg-white border-2 border-[#F8C301] rounded-xl p-6 hover:shadow-lg transition-all duration-300 relative z-10">
|
||||
<div className="w-12 h-12 bg-[#F8C301] rounded-lg flex items-center justify-center mb-4">
|
||||
<Brain className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Learning Pedagogy</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Executive development through experiential and action learning
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Experiential Learning
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Action Learning
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Peer Learning
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Arrow 2→3 */}
|
||||
<div className="absolute top-1/2 left-[calc(66.66%-2rem)] -translate-y-1/2 z-0 flex items-center">
|
||||
<div className="w-16 h-0.5 bg-[#04045B]"></div>
|
||||
<ArrowRight className="w-6 h-6 text-[#04045B] -ml-1" />
|
||||
</div>
|
||||
|
||||
{/* Delivery Modes */}
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300 relative z-10">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<Settings className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Delivery Modes</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Flexible formats designed for executive schedules
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Executive Workshops
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Simulations
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Projects
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Brain className="w-5 h-5 text-white" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="text-h4 mb-3 text-[#26231A]">Strategic Leadership Development</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Frameworks for strategic thinking, vision creation, and organizational transformation
|
||||
</p>
|
||||
{/* Vertical Connector - Center Flow Down */}
|
||||
<div className="flex justify-center mb-6">
|
||||
<div className="flex flex-col items-center">
|
||||
<div className="w-0.5 h-12 bg-[#F8C301]"></div>
|
||||
<ArrowRight className="w-6 h-6 text-[#F8C301] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Network className="w-5 h-5 text-white" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="text-h4 mb-3 text-[#26231A]">Executive Coaching Integration</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
One-on-one coaching support with experienced executive coaches throughout the journey
|
||||
{/* Row 2: Assessment, Coaching */}
|
||||
<div className="grid grid-cols-2 gap-8 w-full max-w-3xl mx-auto mb-12 relative">
|
||||
{/* Assessment Integration */}
|
||||
<div className="bg-white border-2 border-[#F8C301] rounded-xl p-6 hover:shadow-lg transition-all duration-300 relative z-10">
|
||||
<div className="w-12 h-12 bg-[#F8C301] rounded-lg flex items-center justify-center mb-4">
|
||||
<BarChart3 className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Assessment Integration</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Comprehensive evaluation to measure executive readiness
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
360° Feedback
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Assessment
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Impact Measurement
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Arrow 4→5 */}
|
||||
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-0 flex items-center">
|
||||
<div className="w-16 h-0.5 bg-[#04045B]"></div>
|
||||
<ArrowRight className="w-6 h-6 text-[#04045B] -ml-1" />
|
||||
</div>
|
||||
|
||||
{/* Coaching Integration */}
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300 relative z-10">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<UserCheck className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Coaching Integration</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Personalized executive coaching throughout development
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Executive Coaching
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Advisement
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Peer Coaching
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<BarChart3 className="w-5 h-5 text-white" />
|
||||
{/* Final Vertical Connector - Center Flow Down to Outcome */}
|
||||
<div className="flex justify-center mb-6">
|
||||
<div className="flex flex-col items-center">
|
||||
<div className="w-0.5 h-12 bg-[#04045B]"></div>
|
||||
<ArrowRight className="w-6 h-6 text-[#04045B] rotate-90" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="text-h4 mb-3 text-[#26231A]">Real-World Application</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Strategic projects and business challenges that drive immediate organizational impact
|
||||
</div>
|
||||
|
||||
{/* Row 3: Expected Outcome - Centered */}
|
||||
<div className="flex justify-center w-full">
|
||||
<div className="bg-[#04045B] text-white rounded-xl p-8 w-full max-w-2xl border-4 border-[#F8C301] shadow-xl">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<TrendingUp className="w-10 h-10 text-[#F8C301]" />
|
||||
<h3 className="text-h4 text-white">Expected Outcome</h3>
|
||||
</div>
|
||||
<p className="text-body text-white mb-4">
|
||||
Transformational executive leaders with strategic capability, executive presence, and proven business impact.
|
||||
</p>
|
||||
<div className="flex items-center gap-2 text-[#F8C301]">
|
||||
<CheckCircle className="w-6 h-6" />
|
||||
<span className="text-body text-white">Enhanced Leadership Effectiveness</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column - Delivery Modes */}
|
||||
<div className="bg-white border border-gray-200 rounded-xl p-8">
|
||||
<h4 className="text-h4 mb-8 text-[#26231A]">Delivery Modes & Assessments</h4>
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-start gap-4 pb-6 border-b border-gray-100 last:border-b-0 last:pb-0">
|
||||
<div className="w-2 h-2 rounded-full bg-[#04045B] mt-2 flex-shrink-0"></div>
|
||||
<div className="flex-1">
|
||||
<h5 className="text-body font-semibold mb-2 text-[#26231A]">Executive Workshops</h5>
|
||||
<p className="text-small text-[#6F6F6F] leading-relaxed">
|
||||
Intensive strategic leadership workshops with peer learning and expert facilitation
|
||||
</p>
|
||||
{/* Tablet & Mobile: Vertical Flowchart */}
|
||||
<div className="lg:hidden space-y-8">
|
||||
{/* Frameworks */}
|
||||
<div className="relative">
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<Lightbulb className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Strategic Frameworks</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Executive leadership models and strategic thinking frameworks
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Models
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Thinking
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Vision Creation
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Connector Arrow */}
|
||||
<div className="flex justify-center my-4">
|
||||
<ArrowRight className="w-8 h-8 text-[#F8C301] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4 pb-6 border-b border-gray-100 last:border-b-0 last:pb-0">
|
||||
<div className="w-2 h-2 rounded-full bg-[#F8C301] mt-2 flex-shrink-0"></div>
|
||||
<div className="flex-1">
|
||||
<h5 className="text-body font-semibold mb-2 text-[#26231A]">Leadership Simulations</h5>
|
||||
<p className="text-small text-[#6F6F6F] leading-relaxed">
|
||||
Business simulations and strategic decision-making exercises for practical application
|
||||
</p>
|
||||
{/* Pedagogy */}
|
||||
<div className="relative">
|
||||
<div className="bg-white border-2 border-[#F8C301] rounded-xl p-6 hover:shadow-lg transition-all duration-300">
|
||||
<div className="w-12 h-12 bg-[#F8C301] rounded-lg flex items-center justify-center mb-4">
|
||||
<Brain className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Learning Pedagogy</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Executive development through experiential and action learning
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Experiential Learning
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Action Learning
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Peer Learning
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Connector Arrow */}
|
||||
<div className="flex justify-center my-4">
|
||||
<ArrowRight className="w-8 h-8 text-[#04045B] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4 pb-6 border-b border-gray-100 last:border-b-0 last:pb-0">
|
||||
<div className="w-2 h-2 rounded-full bg-[#04045B] mt-2 flex-shrink-0"></div>
|
||||
<div className="flex-1">
|
||||
<h5 className="text-body font-semibold mb-2 text-[#26231A]">Executive Coaching</h5>
|
||||
<p className="text-small text-[#6F6F6F] leading-relaxed">
|
||||
Individual coaching sessions with experienced executive coaches for personalized development
|
||||
</p>
|
||||
{/* Delivery Modes */}
|
||||
<div className="relative">
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<Settings className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Delivery Modes</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Flexible formats designed for executive schedules
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Executive Workshops
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Simulations
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Projects
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Connector Arrow */}
|
||||
<div className="flex justify-center my-4">
|
||||
<ArrowRight className="w-8 h-8 text-[#F8C301] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4 pb-6 border-b border-gray-100 last:border-b-0 last:pb-0">
|
||||
<div className="w-2 h-2 rounded-full bg-[#F8C301] mt-2 flex-shrink-0"></div>
|
||||
<div className="flex-1">
|
||||
<h5 className="text-body font-semibold mb-2 text-[#26231A]">Impact Measurement</h5>
|
||||
<p className="text-small text-[#6F6F6F] leading-relaxed">
|
||||
Ongoing assessment and measurement of leadership effectiveness and business impact
|
||||
</p>
|
||||
{/* Assessment Integration */}
|
||||
<div className="relative">
|
||||
<div className="bg-white border-2 border-[#F8C301] rounded-xl p-6 hover:shadow-lg transition-all duration-300">
|
||||
<div className="w-12 h-12 bg-[#F8C301] rounded-lg flex items-center justify-center mb-4">
|
||||
<BarChart3 className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Assessment Integration</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Comprehensive evaluation to measure executive readiness
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
360° Feedback
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Leadership Assessment
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Impact Measurement
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Connector Arrow */}
|
||||
<div className="flex justify-center my-4">
|
||||
<ArrowRight className="w-8 h-8 text-[#04045B] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Coaching Integration */}
|
||||
<div className="relative">
|
||||
<div className="bg-white border-2 border-[#04045B] rounded-xl p-6 hover:shadow-lg transition-all duration-300">
|
||||
<div className="w-12 h-12 bg-[#04045B] rounded-lg flex items-center justify-center mb-4">
|
||||
<UserCheck className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<h3 className="text-h4 text-[#26231A] mb-3">Coaching Integration</h3>
|
||||
<p className="text-body text-[#6F6F6F] mb-4">
|
||||
Personalized executive coaching throughout development
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Executive Coaching
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Strategic Advisement
|
||||
</div>
|
||||
<div className="text-small text-[#6F6F6F] bg-gray-50 px-3 py-2 rounded-lg">
|
||||
Peer Coaching
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Connector Arrow */}
|
||||
<div className="flex justify-center my-4">
|
||||
<ArrowRight className="w-8 h-8 text-[#F8C301] rotate-90" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Expected Outcome */}
|
||||
<div className="bg-[#04045B] text-white rounded-xl p-8 border-4 border-[#F8C301] shadow-xl">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<TrendingUp className="w-10 h-10 text-[#F8C301]" />
|
||||
<h3 className="text-h4 text-white">Expected Outcome</h3>
|
||||
</div>
|
||||
<p className="text-body text-white mb-4">
|
||||
Transformational executive leaders with strategic capability, executive presence, and proven business impact.
|
||||
</p>
|
||||
<div className="flex items-center gap-2 text-[#F8C301]">
|
||||
<CheckCircle className="w-6 h-6" />
|
||||
<span className="text-body text-white">Enhanced Leadership Effectiveness</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Framework Effectiveness */}
|
||||
<div className="bg-gray-50 rounded-xl p-8">
|
||||
<div className="text-center mb-8">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||
Our systematic approach delivers measurable results across key leadership development metrics.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div className="text-center bg-white rounded-lg p-6">
|
||||
<div className="w-14 h-14 bg-[#04045B] rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||
<Target className="w-7 h-7 text-white" />
|
||||
</div>
|
||||
<div className="text-h2 text-[#04045B] mb-2">92%</div>
|
||||
<p className="text-body text-[#6F6F6F]">Leadership Effectiveness Increase</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center bg-white rounded-lg p-6">
|
||||
<div className="w-14 h-14 bg-[#F8C301] rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||
<Users className="w-7 h-7 text-white" />
|
||||
</div>
|
||||
<div className="text-h2 text-[#04045B] mb-2">88%</div>
|
||||
<p className="text-body text-[#6F6F6F]">Executive Presence Enhancement</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center bg-white rounded-lg p-6">
|
||||
<div className="w-14 h-14 bg-[#04045B] rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||
<TrendingUp className="w-7 h-7 text-white" />
|
||||
</div>
|
||||
<div className="text-h2 text-[#04045B] mb-2">85%</div>
|
||||
<p className="text-body text-[#6F6F6F]">Strategic Impact Improvement</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user