add testimonial in kautilyafac
This commit is contained in:
priyanshuvish
@@ -42,6 +42,7 @@ import {
|
||||
Coffee,
|
||||
Wifi
|
||||
} from 'lucide-react';
|
||||
import { TestimonialsSection } from './TestimonialsSection';
|
||||
|
||||
const targetAudience = [
|
||||
{
|
||||
@@ -203,74 +204,74 @@ export function KautilyaFacility() {
|
||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Premium Learning Campus & Residential Programs</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
||||
Kautilya Facility is a world-class residential learning campus designed specifically for executive education and leadership development programs. Our premium facility combines luxury accommodations, state-of-the-art learning spaces, and comprehensive amenities to create an immersive environment that maximizes learning outcomes and program engagement.
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Premium Learning Campus & Residential Programs</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
||||
Kautilya Facility is a world-class residential learning campus designed specifically for executive education and leadership development programs. Our premium facility combines luxury accommodations, state-of-the-art learning spaces, and comprehensive amenities to create an immersive environment that maximizes learning outcomes and program engagement.
|
||||
</p>
|
||||
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
||||
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
||||
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Many organizations struggle to find appropriate venues that combine professional learning environments with quality accommodations for residential programs. Standard hotels lack the specialized learning infrastructure, while conference centers often compromise on accommodation quality. Our facility eliminates these compromises by providing an integrated solution designed specifically for executive learning.
|
||||
</p>
|
||||
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
||||
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
||||
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Many organizations struggle to find appropriate venues that combine professional learning environments with quality accommodations for residential programs. Standard hotels lack the specialized learning infrastructure, while conference centers often compromise on accommodation quality. Our facility eliminates these compromises by providing an integrated solution designed specifically for executive learning.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Building className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
Premium Campus
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
World-class residential learning campus with luxury amenities and sophisticated infrastructure
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<BookOpen className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
Learning-Focused Design
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Specialized spaces designed for optimal learning and development with cutting-edge technology
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Heart className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
96% Satisfaction Rate
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Exceptional client satisfaction with facility quality, service excellence, and learning outcomes
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Building className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
Premium Campus
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
World-class residential learning campus with luxury amenities and sophisticated infrastructure
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<BookOpen className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
Learning-Focused Design
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Specialized spaces designed for optimal learning and development with cutting-edge technology
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||
style={{ backgroundColor: '#04045B' }}
|
||||
>
|
||||
<Heart className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||
96% Satisfaction Rate
|
||||
</h4>
|
||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||
Exceptional client satisfaction with facility quality, service excellence, and learning outcomes
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</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>
|
||||
<TestimonialsSection
|
||||
title="Kautilya Facility Success"
|
||||
subtitle=""
|
||||
tagText="Client Success Stories"
|
||||
/>
|
||||
|
||||
{/* 8. CTA Section - Hero Section Design */}
|
||||
<section className="relative h-[700px] overflow-hidden">
|
||||
|
||||
Reference in New Issue
Block a user