import { Head } from '@inertiajs/react'; import Layout from '@/Components/Layout'; import TestimonialCard from '@/Components/TestimonialCard'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Sparkles, MessageCircleHeart, Star, Quote, Users, ArrowRight, Heart, ThumbsUp, Award, Smile, TrendingUp, CheckCircle2, Shield, Headphones, Trophy } from 'lucide-react'; interface Testimonial { id: number; client_name: string; designation?: string; company?: string; photo?: string; message: string; rating?: number; featured?: boolean; } interface Props { testimonials: Testimonial[]; settings?: any; } const trustReasons = [ { icon: Award, title: 'Award-Winning Quality', description: 'Every project is held to the same rigorous standards that earn our reputation. No shortcuts, ever.', color: 'from-amber-500 to-orange-500' }, { icon: Headphones, title: 'Always-On Support', description: 'Real engineers — not ticket queues. Reach us by Slack, email, or call when you need a hand.', color: 'from-purple-500 to-pink-500' }, { icon: Shield, title: 'Trustworthy Delivery', description: 'Clear estimates, honest timelines, no surprise invoices. We say what we will do, then do it.', color: 'from-blue-500 to-cyan-500' }, { icon: Heart, title: 'Genuine Partnership', description: 'We invest in your outcome. Long-term relationships matter more than one-off project wins.', color: 'from-emerald-500 to-green-500' } ]; export default function TestimonialsIndex({ testimonials, settings }: Props) { const featuredTestimonials = testimonials.filter(t => t.featured); const regularTestimonials = testimonials.filter(t => !t.featured); const totalTestimonials = testimonials.length; const ratingsSum = testimonials.reduce((sum, t) => sum + (t.rating ?? 5), 0); const avgRating = totalTestimonials > 0 ? (ratingsSum / totalTestimonials).toFixed(1) : '5.0'; const fiveStarCount = testimonials.filter(t => (t.rating ?? 5) >= 5).length; return ( {/* Hero Section - Light Modern Style */}

{/* Subtle Mesh Gradient Background */}

{/* Grid Pattern - very subtle */}

{/* Left: Text Content */}

Loved by Clients Worldwide

What Our Clients{' '} Say About Us

Real stories from real partners. Hear how teams across industries describe what it's like to work with HomeTech — in their own words.

{totalTestimonials}+ Reviews

{avgRating} Avg Rating

98% Recommend

{/* Right: Testimonial Showcase Animation */}

{/* Background Grid */}

{/* Scanning Line */}

{/* Floating Elements */}

{/* Mini Testimonial Card 1 - Top Left */}

A

{[1, 2, 3, 4, 5].map(i => ( ))}

{/* Mini Testimonial Card 2 - Top Right */}

{[1, 2, 3, 4, 5].map(i => ( ))}

{/* Center Featured Card */}

Featured

{[1, 2, 3, 4, 5].map(i => ( ))}

S

{/* Mini Testimonial Card 3 - Bottom Left */}

{[1, 2, 3, 4, 5].map(i => ( ))}

{/* Mini Testimonial Card 4 - Bottom Right */}

M

{[1, 2, 3, 4, 5].map(i => ( ))}

{/* Floating Heart Particles */}

{/* Connection Lines */} {/* Live Stats - Top Left */}

5-STAR

Avg: {avgRating} / 5

{/* Live Stats - Bottom Right */}

Reviews: {totalTestimonials}+

Recommend: 98%

{/* Floating Badge - Top Right */}

{avgRating}

Avg Rating

{/* Floating Badge - Bottom Left */}

{totalTestimonials}+

Happy Clients

{/* Stats Bar */}

{totalTestimonials}+

Happy Clients

{avgRating}

Average Rating

{fiveStarCount}

5-Star Reviews

98%

Recommend Us

{/* Featured Testimonials Spotlight */} {featuredTestimonials.length > 0 && (

Featured Voices

Stories from Our{' '} Closest Partners

The clients we've worked with longest — and their honest take on the experience.

{featuredTestimonials.map(testimonial => ( ))}

)} {/* All Testimonials Grid */}

All Reviews

Voices from Every Industry

Browse all the kind words from clients we've had the privilege of partnering with.

{regularTestimonials.length > 0 ? (

{regularTestimonials.map(testimonial => ( ))}

) : (

No testimonials yet

Check back soon — fresh stories incoming.

)}

{/* Why Clients Trust Us */}

Why Clients Choose Us

The Reasons Behind the{' '} Glowing Reviews

What our clients consistently praise — and what we keep doubling down on.

{trustReasons.map((reason, index) => { const Icon = reason.icon; return (

{reason.title}

{reason.description}

); })}

{/* Social Proof Trust Banner */}

Trust Score

Rated {avgRating}/5 by clients across {totalTestimonials}+ reviews

Our clients aren't just satisfied — they keep coming back. {fiveStarCount} of {totalTestimonials} reviews are five-star, and 98% would recommend HomeTech to a peer.

{[1, 2, 3, 4, 5].map((i) => ( ))} {avgRating}

{totalTestimonials}+

Total Reviews

{fiveStarCount}

Five-Star Reviews

98%

Would Recommend

10+

Industry Awards

{/* CTA Section - Dark Elegant */}

Ready to Be Our Next Success Story?

Join {totalTestimonials}+ teams who chose HomeTech as their long-term technology partner. Let's start with a no-pressure conversation.

{totalTestimonials}+

Happy Clients

{avgRating}

Avg Rating

98%

Recommend Us

24/7

Support

); }