2 Commits

2 changed files with 60 additions and 1 deletions

View File

@@ -10,6 +10,7 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Users, Clock, Heart, Sparkles, Star, Home, Wheat } from 'lucide-react';
import Link from 'next/link';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function HomePage() {
return (
@@ -68,6 +69,64 @@ export default function HomePage() {
/>
</div>
<div id="testimonialcardsixteen" data-section="testimonialcardsixteen">
<TestimonialCardSixteen
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
role: "Regular Customer",
company: "Coffee Enthusiast",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "Sarah Mitchell"
},
{
id: "2",
name: "James Chen",
role: "Frequent Visitor",
company: "Local Business Owner",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "James Chen"
},
{
id: "3",
name: "Emma Rodriguez",
role: "Community Member",
company: "Cozy Corner Fan",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "Emma Rodriguez"
}
]}
kpiItems={[
{ value: "4.9★", label: "Average Rating" },
{ value: "2.5K+", label: "Happy Customers" },
{ value: "5 Years", label: "Trusted Service" }
]}
carouselMode="auto"
animationType="scale"
title="What Our Customers Say"
titleSegments={[
{ text: "What Our", color: "text-gray-900" },
{ text: "Customers", color: "text-amber-700" },
{ text: "Say", color: "text-gray-900" }
]}
description="Join thousands of satisfied customers who have made Cozy Corner Cafe their favorite spot for great coffee, pastries, and warm hospitality."
tag="Customer Reviews"
buttons={[
{ label: "Visit Us Today", href: "#contact", dataWebildId: "btn_visit_cafe" },
{ label: "View Menu", href: "#menu", dataWebildId: "btn_view_menu" }
]}
buttonAnimation="fade"
textboxLayout="bottom"
useInvertedBackground={false}
className="py-16"
containerClassName="max-w-6xl mx-auto"
/>
</div>
<div id="about-section" data-section="about-section">
<AboutMetric
title="Our Coffee Shop Story"

View File

@@ -64,7 +64,7 @@ const AvatarGroup = ({
alt={avatar.alt}
fill
className="w-full h-full object-cover"
unoptimized={avatar.src.startsWith('http') || avatar.src.startsWith('//')}
unoptimized={avatar.src?.startsWith('http') || avatar.src?.startsWith('//')}
/>
</div>
</div>