Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Cake, Coffee, Cog, Heart, Home, Smile, Sparkles, Star, Wifi } from "lucide-react";
+import { Coffee, Heart, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -52,21 +52,11 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroSplitKpi
+      <HeroLogoBillboard
       background={{
         variant: "radial-gradient"}}
-      title="Your Daily Escape to Deliciousness"
+      logoText="Cafe Bazaar"
       description="Discover Cafe Bazaar, Brooklyn's cozy corner for exceptional coffee, fresh pastries, and friendly smiles. A perfect spot to relax, work, or catch up with friends."
-      kpis={[
-        {
-          value: "4.9/5",          label: "Average Rating"},
-        {
-          value: "36+",          label: "Happy Reviews"},
-        {
-          value: "100%",          label: "Freshly Baked"},
-      ]}
-      enableKpiAnimation={true}
-      tag="Welcome to Cafe Bazaar"
       buttons={[
         {
           text: "Order Online",          href: "#"},
@@ -76,37 +66,7 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEv9KAQUsqhLqoA3HhRE04ikoM/uploaded-1779757202687-4czshi3y.jpg"
       imageAlt="Cozy cafe interior with coffee and pastries"
       mediaAnimation="blur-reveal"
-      tagIcon={Sparkles}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg",          alt: "Smiling young person at a cafe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/satisfied-smiling-asian-businesswoman-recommending-mobile-phone-app-website-company-smartphone-showing-screen-okay-sign-pink-background_1258-98562.jpg",          alt: "Happy customer profile"},
-        {
-          src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",          alt: "Person enjoying coffee"},
-        {
-          src: "http://img.b2bpic.net/free-photo/you-get-it-it's-so-funny_329181-2916.jpg",          alt: "Friendly cafe visitor"},
-        {
-          src: "http://img.b2bpic.net/free-photo/glad-young-woman-with-paper-cup-room_23-2148180656.jpg",          alt: "Customer smiling with coffee"},
-      ]}
-      avatarText="Join our 10,000+ happy customers!"
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "Freshly Brewed",          icon: Coffee,
-        },
-        {
-          type: "text-icon",          text: "Handcrafted Pastries",          icon: Cake,
-        },
-        {
-          type: "text-icon",          text: "Cozy Atmosphere",          icon: Home,
-        },
-        {
-          type: "text-icon",          text: "Friendly Staff",          icon: Smile,
-        },
-        {
-          type: "text-icon",          text: "Free Wi-Fi",          icon: Wifi,
-        },
-      ]}
+      buttonAnimation="blur-reveal"
     />
   </div>
 
@@ -121,20 +81,20 @@ export default function LandingPage() {
   </div>
 
   <div id="menu" data-section="menu">
-      <FeatureHoverPattern
+      <FeatureCardTwelve
       animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          icon: Coffee,
-          title: "Artisanal Coffee & Lattes",          description: "Expertly brewed coffee, espresso drinks, and lattes crafted with passion."},
+          id: "f1",          label: "Artisanal Coffee & Lattes",          title: "Artisanal Coffee & Lattes",          items: ["Expertly brewed coffee, espresso drinks, and lattes crafted with passion."],
+        },
         {
-          icon: Cake,
-          title: "Freshly Baked Pastries",          description: "Indulge in our selection of muffins, cakes, croissants, and other delightful treats."},
+          id: "f2",          label: "Freshly Baked Pastries",          title: "Freshly Baked Pastries",          items: ["Indulge in our selection of muffins, cakes, croissants, and other delightful treats."],
+        },
         {
-          icon: Cog,
-          title: "Refreshing Smoothies",          description: "Healthy and delicious fruit smoothies, perfect for a quick energy boost."},
+          id: "f3",          label: "Refreshing Smoothies",          title: "Refreshing Smoothies",          items: ["Healthy and delicious fruit smoothies, perfect for a quick energy boost."],
+        },
       ]}
       title="Taste the Craft: Our Signature Offerings"
       description="Explore a delightful range of beverages and baked goods, meticulously prepared to brighten your day. Whether you crave a rich coffee or a sweet treat, we have something special for everyone."