KLC/KLC-Website-Frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive and other changes

Browse Source
This commit is contained in:
priyanshuvish
2025-09-05 12:20:05 +05:30
parent 62cff29657
commit a43225db9b
18 changed files with 228 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/about/OurExpertise.tsx
View File

@@ -118,7 +118,7 @@ export function OurExpertise() {
</div>
<div className="relative z-10 flex-1 flex items-center">
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center max-w-5xl mx-auto">
<div className="branded-tag-system-white mb-8 justify-center">
<div className="dot"></div>
@@ -158,7 +158,7 @@ export function OurExpertise() {
{/* Statistics Section - Embedded in Hero */}
<div className="relative z-10 border-t border-white/20 backdrop-blur-sm bg-black/20">
<div className="container mx-auto section-margin-x py-8">
<div className="mx-auto section-margin-x py-8">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8 text-center max-w-5xl mx-auto">
<div>
<div className="text-h2-white mb-2">152+</div>
@@ -193,7 +193,7 @@ export function OurExpertise() {
{/* Expertise Overview - Clean Standard Design */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16">
<h2 className="text-h2 mb-6">Four Pillars of Excellence</h2>
<p className="text-body-lg text-muted max-w-3xl mx-auto leading-relaxed">
@@ -475,7 +475,7 @@ export function OurExpertise() {
{/* Consulting & Advisory Section - Reusable Carousel Design */}
<section id="consulting" className="py-24" style={{ backgroundColor: 'rgba(247, 247, 253, 0.3)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{/* Using the new reusable carousel component */}
<ConsultingServicesCarousel consultingServices={consultingServices} />
</div>
@@ -483,7 +483,7 @@ export function OurExpertise() {
{/* Leadership Development Section - Split Layout */}
<section id="leadership-development" className="py-24" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{/* Leadership Development Framework - Our Vision Style */}
<div className="max-w-7xl mx-auto mb-16">
<div className="grid lg:grid-cols-3 gap-16 items-start">
@@ -690,7 +690,7 @@ export function OurExpertise() {
{/* Platform Features Section - Redesigned Layout */}
<section id="platform-features" className="py-24" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{/* Header */}
<div className="text-center mb-20">
<Badge
@@ -981,7 +981,7 @@ export function OurExpertise() {
{/* Case Studies Section - Success Stories */}
<section id="case-studies" className="py-24" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16">
<Badge
className="mb-6 text-body px-4 py-2"

8
src/components/about/OurImpact.tsx
View File

@@ -283,7 +283,7 @@ export function OurImpact() {
</div>
<div className="relative z-10 flex-1 flex items-center">
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center max-w-5xl mx-auto">
<div className="branded-tag-system-white mb-8 justify-center">
<div className="dot"></div>
@@ -323,7 +323,7 @@ export function OurImpact() {
{/* Statistics Section - Embedded in Hero */}
<div className="relative z-10 border-t border-white/20 backdrop-blur-sm bg-black/20" ref={statsRef}>
<div className="container mx-auto section-margin-x py-12">
<div className="mx-auto section-margin-x py-12">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8 text-center max-w-5xl mx-auto">
<div>
<div className="text-h2-white mb-2">
@@ -364,7 +364,7 @@ export function OurImpact() {
{/* Partners Section - Redesigned According to JSON Config */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{/* Statistics Section - Landing Page Style */}
@@ -577,7 +577,7 @@ export function OurImpact() {
{/* Additional Metrics Section - Redesigned */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16">
<Badge
className="mb-6 text-body px-4 py-2"

10
src/components/about/OurVision.tsx
View File

@@ -176,7 +176,7 @@ export function OurVision() {
</div>
<div className="relative z-10 flex-1 flex items-center">
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center max-w-5xl mx-auto">
<div className="branded-tag-system-white mb-8 justify-center">
<div className="dot"></div>
@@ -216,7 +216,7 @@ export function OurVision() {
{/* Vision Statistics Section - Embedded in Hero */}
<div className="relative z-10 border-t border-white/20 backdrop-blur-sm bg-black/20">
<div className="container mx-auto section-margin-x py-8">
<div className="mx-auto section-margin-x py-8">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8 text-center max-w-5xl mx-auto">
<div>
<div className="text-h2-white mb-2">3</div>
@@ -241,7 +241,7 @@ export function OurVision() {
{/* Vision Pillars - Redesigned */}
<section id="vision-pillars" className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16">
<Badge
className="mb-6 text-body px-4 py-2"
@@ -396,7 +396,7 @@ export function OurVision() {
{/* How Our Work Aligns - Redesigned Interactive Timeline */}
<section className="py-20" style={{ background: 'linear-gradient(135deg, rgba(247, 247, 253, 0.3) 0%, rgba(248, 195, 1, 0.05) 100%)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16">
<Badge
className="mb-6 text-body px-4 py-2"
@@ -587,7 +587,7 @@ export function OurVision() {
{/* Leadership Framework CTA - Redesigned */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="max-w-7xl mx-auto">
<div className="grid lg:grid-cols-2 gap-16 items-center">
{/* Content Side */}