Bob AI: Fix the runtime error in AvatarGroup.tsx by adding a null/un

Merge version_1 into main

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';
@@ -42,52 +42,29 @@ 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>
 

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>