Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
   return (
@@ -26,290 +26,80 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Hem", id: "hero" },
-          name: "Hem",
+        { name: "Meny", id: "menu" },
-          id: "hero",
+        { name: "Om Oss", id: "about" },
-        },
+        { name: "Kontakt", id: "contact" },
-        {
-          name: "Meny",
-          id: "menu",
-        },
-        {
-          name: "Om Oss",
-          id: "about",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="2BASCO"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
+      <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
       title="Burgare på riktigt."
       description="Saftiga, perfekt stekta burgare. Grym service. En upplevelse du vill tillbaka till."
-      buttons={[
+      buttons={[{ text: "Beställ nu", href: "#" }, { text: "Se meny", href: "#menu" }]}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=1"
-          text: "Beställ nu",
+      background={{ variant: "plain" }}
-          href: "#",
-        },
-        {
-          text: "Se meny",
-          href: "#menu",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=1",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=2",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=3",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=4",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=5",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=6",
-        },
-      ]}
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
-      <TestimonialCardTen
+      <TestimonialCardSixteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Bästa burgaren",
-          quote: "Bästa burgaren jag ätit",
-          name: "Erik Svensson",
-          role: "Gäst",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          title: "10/10",
-          quote: "Servicen var 10/10",
-          name: "Maria Lind",
-          role: "Gäst",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-eating-donut-with-chocolate-icing_158595-1691.jpg",
-        },
-        {
-          id: "t3",
-          title: "Bra pris",
-          quote: "Otroligt bra mat för priset",
-          name: "Johan P.",
-          role: "Gäst",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          title: "Grym vibe",
-          quote: "Personalen gör hela upplevelsen",
-          name: "Sofia K.",
-          role: "Gäst",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
-        },
-        {
-          id: "t5",
-          title: "Toppen",
-          quote: "Kommer garanterat tillbaka",
-          name: "Lars O.",
-          role: "Gäst",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243039.jpg",
-        },
-      ]}
       title="Älskat av våra gäster"
       description="4.8 / 5 | 256 recensioner"
+      kpiItems={[{ value: "4.8", label: "Betyg" }, { value: "256", label: "Recensioner" }, { value: "100%", label: "Nöjda" }]}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "t1", name: "Erik Svensson", role: "Gäst", company: "Västerås", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=1" },
+        { id: "t2", name: "Maria Lind", role: "Gäst", company: "Västerås", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-eating-donut-with-chocolate-icing_158595-1691.jpg" }
+      ]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
+      <ProductCatalog
-      animationType="slide-up"
+      layout="section"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "2Basco Classic", price: "145 kr", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=1" },
-          id: "p1",
+        { id: "p2", name: "Cheese Supreme", price: "155 kr", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=2" }
-          brand: "Signature",
-          name: "2Basco Classic",
-          price: "145 kr",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          brand: "Signature",
-          name: "Cheese Supreme",
-          price: "155 kr",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "Sides",
-          name: "Popcorn Fries",
-          price: "65 kr",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          brand: "Sides",
-          name: "Sweet Potato",
-          price: "75 kr",
-          rating: 4,
-          reviewCount: "62",
-          imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          brand: "Drinks",
-          name: "Vanilla Shake",
-          price: "55 kr",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-creamy-milkshake_23-2147836739.jpg?_wi=1",
-        },
-        {
-          id: "p6",
-          brand: "Drinks",
-          name: "Choco Dream",
-          price: "55 kr",
-          rating: 5,
-          reviewCount: "140",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-creamy-milkshake_23-2147836739.jpg?_wi=2",
-        },
       ]}
-      title="Signature Food"
-      description="Perfekt stekyta. Saftigt. Krispigt. Balanserat."
     />
   </div>
 
   <div id="about" data-section="about">
-      <FeatureCardSeven
+      <FeatureCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Kvalitet",
-          description: "Vällagade burgare med perfekt balans och fräscha råvaror",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=3",
-        },
-        {
-          title: "Service",
-          description: "Personal som faktiskt bryr sig – varje gång",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=3",
-        },
-        {
-          title: "Värde",
-          description: "Mycket mat. Rätt pris. Inga kompromisser",
-          imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=3",
-        },
-      ]}
       title="Varför 2Basco?"
       description="Här kommer du inte bara för maten. Du kommer för känslan."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        { title: "Kvalitet", description: "Vällagade burgare med perfekt balans", imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=3" },
+        { title: "Service", description: "Personal som faktiskt bryr sig", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=3" }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kom och häng"
       title="Redo att testa Västerås bästa burgare?"
       description="Vi finns på Stora Gatan 12. Öppet alla dagar 11-21."
-      buttons={[
+      tag="Kontakt"
-        {
+      background={{ variant: "plain" }}
-          text: "Beställ nu",
+      useInvertedBackground={false}
-          href: "#",
-        },
-        {
-          text: "Besök oss",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="2BASCO"
-      columns={[
+      leftLink={{ text: "Meny", href: "#menu" }}
-        {
+      rightLink={{ text: "Om oss", href: "#about" }}
-          title: "Sidor",
-          items: [
-            {
-              label: "Meny",
-              href: "#menu",
-            },
-            {
-              label: "Om oss",
-              href: "#about",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Integritet",
-              href: "#",
-            },
-            {
-              label: "Cookies",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Socialt",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "TikTok",
-              href: "#",
-            },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>