Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,14 +1,15 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Award, Clock, Croissant, Facebook, Instagram, Mail, Twitter, Users } from 'lucide-react';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 
 export default function LandingPage() {
   return (
@@ -24,36 +25,49 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
+       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+         <NavbarStyleApple
-          brandName="Sweet Haven"
+           brandName="Sweet Haven"
-          navItems={[
+           navItems={[
-            { name: "Home", id: "hero" },
+             { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
+             { name: "About", id: "about" },
-            { name: "Products", id: "products" },
+             { name: "Products", id: "products" },
-            { name: "Testimonials", id: "testimonials" },
+             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+             { name: "Contact", id: "contact" }
-          ]}
+           ]}
-          button={{
+           button={{
-            text: "Order Now",            href: "#contact"
+             text: "Order Now",            href: "#contact"
-          }}
+           }}
-        />
+         />
-      </div>
+       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroSplitDualMedia
-          title="Artisan Bakery Crafted with Love"
+          title="Handcrafted Goodness, Baked Fresh"
-          description="Experience the warmth and freshness of handmade breads, pastries, and desserts. Every bite tells a story of passion and tradition."
+          description="Discover our artisanal selection of breads, pastries, and custom cakes made with premium ingredients and time-honored techniques."
-          tag="Fresh Daily"
+          background={{ variant: "radial-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
+          tag="Baked Daily"
-          imageAlt="Fresh bakery products and warm interior"
+          tagIcon={Star}
-          textPosition="bottom-left"
+          tagAnimation="pulse"
-          showBlur={true}
-          showDimOverlay={true}
           buttons={[
-            { text: "Order Online", href: "#contact" },
+            { text: "Order Now", href: "#contact", dataWebildId: "hero_order_btn" },
-            { text: "Learn More", href: "#about" }
+            { text: "View Menu", href: "#menu", dataWebildId: "hero_menu_btn" }
           ]}
+          buttonAnimation="slide"
+          mediaItems={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg",
+              imageAlt: "Artisan bread selection"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
+              imageAlt: "Fresh pastries and desserts"
+            }
+          ]}
+          mediaAnimation="fade"
+          rating={4.9}
+          ratingText="Loved by 500+ customers"
+          ariaLabel="Sweet Haven bakery hero section"
         />
       </div>