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

Merge branch 'main' of http://git.wdipl.com/PriyanshuVishwakarma/KLC-Website into parth-dev

Browse Source
This commit is contained in:
Parth Ramani
2025-09-05 12:55:58 +05:30
parent f31dc15ef4 a43225db9b
commit 339bc27d4e
21 changed files with 2023 additions and 1878 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/services/Consulting.tsx
View File

@@ -198,7 +198,7 @@ export function Consulting() {
</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>
@@ -237,7 +237,7 @@ export function Consulting() {
</div>
<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">96%</div>
@@ -265,7 +265,7 @@ export function Consulting() {
{/* Who It's For Section */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="grid lg:grid-cols-2 gap-16 items-start max-w-7xl mx-auto">
<div className="lg:pr-8">
<h2 className="text-h2 mb-6 text-black leading-tight">
@@ -326,7 +326,7 @@ export function Consulting() {
{/* Expected Outcomes Section */}
<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 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
Expected <span className="text-primary">Outcomes</span>
@@ -532,7 +532,7 @@ export function Consulting() {
{/* Our Approach Section - Carousel 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start max-w-7xl mx-auto">
{/* Left Side - Title, Description & Navigation */}

10
src/components/services/CultureCompetence.tsx
View File

@@ -202,7 +202,7 @@ export function CultureCompetence() {
</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>
@@ -241,7 +241,7 @@ export function CultureCompetence() {
</div>
<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">87%</div>
@@ -269,7 +269,7 @@ export function CultureCompetence() {
{/* Who It's For Section */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="grid lg:grid-cols-2 gap-16 items-start max-w-7xl mx-auto">
<div className="lg:pr-8">
<h2 className="text-h2 mb-6 text-black leading-tight">
@@ -330,7 +330,7 @@ export function CultureCompetence() {
{/* Expected Outcomes Section */}
<section className="py-20" style={{ backgroundColor: 'rgba(247, 247, 253, 0.5)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
Expected <span className="text-primary">Outcomes</span>
@@ -536,7 +536,7 @@ export function CultureCompetence() {
{/* Our Approach Section - Carousel 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start max-w-7xl mx-auto">
{/* Left Side - Title, Description & Navigation */}

10
src/components/services/ExecutiveCoaching.tsx
View File

@@ -198,7 +198,7 @@ export function ExecutiveCoaching() {
</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>
@@ -237,7 +237,7 @@ export function ExecutiveCoaching() {
</div>
<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">91%</div>
@@ -265,7 +265,7 @@ export function ExecutiveCoaching() {
{/* Who It's For Section */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="grid lg:grid-cols-2 gap-16 items-start max-w-7xl mx-auto">
<div className="lg:pr-8">
<h2 className="text-h2 mb-6 text-black leading-tight">
@@ -326,7 +326,7 @@ export function ExecutiveCoaching() {
{/* Expected Outcomes Section */}
<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 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
Expected <span className="text-primary">Outcomes</span>
@@ -532,7 +532,7 @@ export function ExecutiveCoaching() {
{/* Our Approach Section - Carousel 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start max-w-7xl mx-auto">
{/* Left Side - Title, Description & Navigation */}

10
src/components/services/LeadershipDevelopment.tsx
View File

@@ -202,7 +202,7 @@ export function LeadershipDevelopment() {
</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>
@@ -241,7 +241,7 @@ export function LeadershipDevelopment() {
</div>
<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">94%</div>
@@ -269,7 +269,7 @@ export function LeadershipDevelopment() {
{/* Who It's For Section */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="grid lg:grid-cols-2 gap-16 items-start max-w-7xl mx-auto">
<div className="lg:pr-8">
<h2 className="text-h2 mb-6 text-black leading-tight">
@@ -330,7 +330,7 @@ export function LeadershipDevelopment() {
{/* Expected Outcomes Section */}
<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 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
Expected <span className="text-primary">Outcomes</span>
@@ -536,7 +536,7 @@ export function LeadershipDevelopment() {
{/* Our Approach Section - Carousel 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start max-w-7xl mx-auto">
{/* Left Side - Title, Description & Navigation */}

14
src/components/services/LearningFacility.tsx
View File

@@ -517,7 +517,7 @@ export function LearningFacility() {
{/* Centered content */}
<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>
@@ -562,7 +562,7 @@ export function LearningFacility() {
{/* Stat strip */}
<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-3 gap-8 text-center max-w-4xl mx-auto">
<div>
<div className="text-h2-white mb-2">2 Acres</div>
@@ -583,7 +583,7 @@ export function LearningFacility() {
{/* What We Offer Section */}
<section className="py-20" style={{ backgroundColor: 'var(--color-bg-white)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
What We <span className="text-primary">Offer</span>
@@ -662,7 +662,7 @@ export function LearningFacility() {
{/* Who It's For Section - match Services page (left intro + right accordion list) */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{/* Our Expertise "Our Services" style - horizontal carousel cards */}
<div className="max-w-7xl mx-auto">
{/* Header with eyebrow and controls */}
@@ -812,7 +812,7 @@ export function LearningFacility() {
{/* Facility Features Section */}
<section className="py-20" style={{ backgroundColor: 'var(--color-bg-white)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="mb-12 relative max-w-7xl mx-auto">
<div className="flex-1 max-w-3xl">
<BrandedTag text="FACILITY FEATURES" />
@@ -916,7 +916,7 @@ export function LearningFacility() {
{/* Amenities Section */}
<section className="py-20" style={{ backgroundColor: 'rgba(0, 0, 0, 0.03)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
World-Class <span className="text-primary">Amenities</span>
@@ -988,7 +988,7 @@ export function LearningFacility() {
{/* Virtual Tour Section */}
<section className="py-20" style={{ backgroundColor: 'var(--color-bg-white)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
{!isVirtualTourActive ? (
/* Tour Preview */
<div className="max-w-7xl mx-auto space-y-12">

10
src/components/services/ManagementDevelopment.tsx
View File

@@ -199,7 +199,7 @@ export function ManagementDevelopment() {
</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>
@@ -238,7 +238,7 @@ export function ManagementDevelopment() {
</div>
<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">85%</div>
@@ -266,7 +266,7 @@ export function ManagementDevelopment() {
{/* Who It's For Section */}
<section className="py-20" style={{ backgroundColor: '#FFFFFF' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="grid lg:grid-cols-2 gap-16 items-start max-w-7xl mx-auto">
<div className="lg:pr-8">
<h2 className="text-h2 mb-6 text-black leading-tight">
@@ -327,7 +327,7 @@ export function ManagementDevelopment() {
{/* Expected Outcomes Section - Redesigned to Match Reference */}
<section className="py-20" style={{ backgroundColor: 'rgba(247, 247, 253, 0.5)' }}>
<div className="container mx-auto section-margin-x">
<div className="mx-auto section-margin-x">
<div className="text-center mb-16 max-w-4xl mx-auto">
<h2 className="text-h2 mb-6">
Expected <span className="text-primary">Outcomes</span>
@@ -533,7 +533,7 @@ export function ManagementDevelopment() {
{/* Our Approach Section - Carousel 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start max-w-7xl mx-auto">
{/* Left Side - Title, Description & Navigation */}