Bob AI: [Block: testimonial-card-sixteen|Testimonial Card ...

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
@@ -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 (
@@ -42,52 +43,87 @@ export default function HomePage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboardDashboard
-          title="Welcome to Our Cozy Corner"
-          description="Where every cup tells a story. Experience the perfect blend of quality coffee and warm community in our inviting space."
-          background={{ variant: 'radial-gradient' }}
-          tag="Artisan Roasted Daily"
+        <HeroSplit
+          title="Discover Our Signature Blends"
+          description="Handcrafted coffee experiences made with passion. From single-origin beans to our house specialty blends, every cup is a journey of flavor and warmth."
+          background={{ variant: "radial-gradient" }}
+          tag="Freshly Roasted"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Explore Our Menu", href: "/menu" },
-            { text: "Visit Us Today", href: "/contact" }
+            { text: "Order Now", href: "/menu", dataWebildId: "hero-split-order-btn" },
+            { text: "Learn More", href: "/about", dataWebildId: "hero-split-learn-btn" }
           ]}
           buttonAnimation="slide-up"
-          dashboard={{
-            title: "Daily Specials",
-            stats: [
-              { title: "Organic", values: [100, 100, 100], valuePrefix: "", valueSuffix: "%", description: "Organic Beans" },
-              { title: "Fresh Brew", values: [24, 24, 24], valuePrefix: "", valueSuffix: "/7", description: "Fresh Brew" },
-              { title: "Rating", values: [5, 5, 5], valuePrefix: "", valueSuffix: "★", description: "Community Rating" }
-            ],
-            logoIcon: Coffee,
-            imageSrc: "http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",
-            buttons: [{ text: "View Events", href: "/about" }],
-            sidebarItems: [
-              { icon: Clock, active: true },
-              { icon: Users },
-              { icon: Coffee }
-            ],
-            listItems: [
-              { icon: Coffee, title: "Single Origin Ethiopian", status: "Bright, floral notes with hints of citrus" },
-              { icon: Coffee, title: "House Blend Medium Roast", status: "Smooth and balanced with caramel undertones" },
-              { icon: Coffee, title: "Cold Brew Concentrate", status: "Rich and smooth, perfect for iced drinks" }
-            ],
-            searchPlaceholder: "Search our menu...",
-            chartTitle: "Weekly Customer Traffic",
-            chartData: [
-              { value: 45 },
-              { value: 52 },
-              { value: 48 },
-              { value: 60 },
-              { value: 75 },
-              { value: 90 },
-              { value: 80 }
-            ],
-            listTitle: "Featured Drinks",
-            imageAlt: "Cozy interior of our coffee shop with warm lighting and comfortable seating"
-          }}
+          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+          imageAlt="Cozy Corner Cafe Coffee"
+          mediaAnimation="fade-in"
+          imagePosition="right"
+          avatars={[
+            { name: "Sarah", initials: "SJ", color: "bg-amber-500" },
+            { name: "Mike", initials: "MC", color: "bg-orange-500" },
+            { name: "Emma", initials: "EL", color: "bg-yellow-600" }
+          ]}
+          avatarText="Join 500+ coffee lovers"
+          ariaLabel="Cozy Corner Cafe hero section with coffee imagery"
+        />
+      </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>
 

src/components/shared/AvatarGroup.tsx

@@ -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>