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

add testimonial in kautilyafac

Browse Source
This commit is contained in:
priyanshuvish
2025-10-01 15:30:06 +05:30
parent 609edb06bf
commit f540b267f8
1 changed files with 91 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/components/KautilyaFacility.tsx
View File

@@ -42,6 +42,7 @@ import {
Coffee,
Wifi
} from 'lucide-react';
import { TestimonialsSection } from './TestimonialsSection';
const targetAudience = [
{
@@ -896,97 +897,11 @@ export function KautilyaFacility() {
</section>
{/* 7. Client Examples / Testimonials - Hero Section Design */}
<section
className="relative py-20 flex items-center"
style={{ backgroundColor: '#F7F7FD' }}
>
<div className="w-full section-margin-x">
{/* Branded Tag */}
<div className="flex justify-center mb-12">
<div className="inline-flex items-center gap-3 bg-[rgba(248,195,1,0.1)] px-4 py-2 rounded-lg">
<div className="w-[7px] h-[7px] bg-[#f8c301] rounded-full" />
<span className="text-[#26231a] text-lg lg:text-lg md:text-base sm:text-sm uppercase tracking-wider font-light">
Client Success Stories
</span>
</div>
</div>
{/* Main heading */}
<h2
className="text-h2 leading-tight mb-12 text-center"
style={{ color: 'var(--color-brand-primary)' }}
>
Kautilya Facility Success
</h2>
{/* Split Layout Container with Max Width */}
<div className="max-w-5xl mx-auto">
<div className="flex h-[400px] rounded-2xl overflow-hidden shadow-2xl">
{/* Left Side - Image */}
<div className="flex-1 relative">
<div className="relative w-full h-full overflow-hidden">
<ImageWithFallback
src="https://images.unsplash.com/photo-1566073771259-6a8506099945?w=600&h=800&fit=crop"
alt="Kautilya Facility Success"
className="w-full h-full object-cover"
<TestimonialsSection
title="Kautilya Facility Success"
subtitle=""
tagText="Client Success Stories"
/>
</div>
</div>
{/* Right Side - Quote Content with White Background */}
<div
className="flex-1 flex items-center justify-center p-8 relative"
style={{ backgroundColor: 'white' }}
>
{/* Large Opening Quotation Mark */}
<div
className="absolute top-4 left-4 text-3xl opacity-30"
style={{ color: 'var(--color-brand-primary)' }}
>
"
</div>
<div className="space-y-4 max-w-lg relative z-10">
{/* Quote */}
<blockquote
className="text-lg leading-relaxed font-medium"
style={{
fontFamily: 'var(--font-family-base)',
color: 'var(--color-brand-black)'
}}
>
Kautilya Facility exceeded our expectations for our senior leadership retreat. The combination of luxury accommodations, state-of-the-art learning spaces, and exceptional service created the perfect environment for strategic planning. Our team achieved breakthrough results.
</blockquote>
{/* Attribution */}
<div className="space-y-1 pt-3">
<div
className="text-base font-semibold"
style={{ color: 'var(--color-brand-primary)' }}
>
Multinational Corporation
</div>
<div
className="text-xs"
style={{ color: 'var(--color-brand-gray-muted)' }}
>
Senior Leadership Team • 5-day strategic retreat • 96% satisfaction rating
</div>
</div>
</div>
{/* Large Closing Quotation Mark */}
<div
className="absolute bottom-4 right-4 text-3xl opacity-30"
style={{ color: 'var(--color-brand-primary)' }}
>
"
</div>
</div>
</div>
</div>
</div>
</section>
{/* 8. CTA Section - Hero Section Design */}
<section className="relative h-[700px] overflow-hidden">