Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -30,100 +30,31 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Menu",
-          id: "products",
-        },
+          name: "Menu",          id: "products"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Affordable Fish Lovers"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      <HeroBillboardRotatedCarousel
       title="Fresh, Ocean-Caught Tilapia Delivered Hot."
       description="The freshest fish in town, grilled to perfection and delivered directly to your door. Automating your taste experience, from our kitchen to your table via Glovo."
-      kpis={[
-        {
-          value: "15min",
-          label: "Fast Delivery",
-        },
-        {
-          value: "4.8",
-          label: "Customer Rating",
-        },
-        {
-          value: "100+",
-          label: "Daily Orders",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg"
-      imageAlt="Fresh grilled tilapia dish"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Join 500+ happy fish lovers"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Locally Sourced",
-          icon: Fish,
-        },
-        {
-          type: "text-icon",
-          text: "Daily Fresh Catch",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Sustainable Seafood",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Fast Delivery",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Family Owned",
-          icon: Home,
-        },
+      background={{
+        variant: "rotated-rays-static"}}
+      carouselItems={[
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg" },
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-vegetables-lemon-slices_140725-6207.jpg?_wi=1" },
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg?_wi=1" },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg?_wi=1" },
+        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg?_wi=1" },
+        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg?_wi=1" },
       ]}
     />
   </div>
@@ -136,47 +67,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Signature Grilled Tilapia",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-vegetables-lemon-slices_140725-6207.jpg",
-          imageAlt: "Grilled Tilapia",
-        },
+          id: "p1",          name: "Signature Grilled Tilapia",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-psd/food-menu-restaurant-social-media-banner-instagram-post-template_120329-4845.jpg?id=238043896",          imageAlt: "Grilled Tilapia"},
         {
-          id: "p2",
-          name: "Fresh Garden Side Salad",
-          price: "$5.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg",
-          imageAlt: "Fresh Garden Salad",
-        },
+          id: "p2",          name: "Fresh Garden Side Salad",          price: "$5.00",          imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg?_wi=2",          imageAlt: "Fresh Garden Salad"},
         {
-          id: "p3",
-          name: "Crispy Fried Plantains",
-          price: "$6.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg",
-          imageAlt: "Fried Plantains",
-        },
+          id: "p3",          name: "Crispy Fried Plantains",          price: "$6.00",          imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg?_wi=2",          imageAlt: "Fried Plantains"},
         {
-          id: "p4",
-          name: "Tilapia Rice Platter",
-          price: "$15.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg",
-          imageAlt: "Tilapia Rice Platter",
-        },
+          id: "p4",          name: "Tilapia Rice Platter",          price: "$15.00",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg?_wi=2",          imageAlt: "Tilapia Rice Platter"},
         {
-          id: "p5",
-          name: "Traditional Cassava Side",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg",
-          imageAlt: "Traditional Cassava",
-        },
+          id: "p5",          name: "Traditional Cassava Side",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg?_wi=2",          imageAlt: "Traditional Cassava"},
         {
-          id: "p6",
-          name: "Zesty Lemon-Herb Fish",
-          price: "$13.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg",
-          imageAlt: "Zesty Lemon-Herb Fish",
-        },
+          id: "p6",          name: "Zesty Lemon-Herb Fish",          price: "$13.50",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg",          imageAlt: "Zesty Lemon-Herb Fish"},
       ]}
       title="Our Signature Dishes"
       description="Choose from our fresh, locally sourced menu items. Every order is printed instantly for fast preparation."
@@ -189,9 +90,7 @@ export default function LandingPage() {
       title="Quality You Can Taste, Speed You Can Rely On."
       buttons={[
         {
-          text: "Learn More",
-          href: "#",
-        },
+          text: "Learn More",          href: "#"},
       ]}
     />
   </div>
@@ -203,45 +102,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Alex River",
-          handle: "@alexriver",
-          testimonial: "The best fish I've had in the neighborhood. Perfectly grilled!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg",
-        },
+          id: "t1",          name: "Alex River",          handle: "@alexriver",          testimonial: "The best fish I've had in the neighborhood. Perfectly grilled!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg"},
         {
-          id: "t2",
-          name: "Sam Smith",
-          handle: "@samsmith",
-          testimonial: "Fast delivery through Glovo and food always arrives piping hot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
+          id: "t2",          name: "Sam Smith",          handle: "@samsmith",          testimonial: "Fast delivery through Glovo and food always arrives piping hot.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
         {
-          id: "t3",
-          name: "Jordan Lee",
-          handle: "@jordanlee",
-          testimonial: "Love the freshness and the packaging. Definitely recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg",
-        },
+          id: "t3",          name: "Jordan Lee",          handle: "@jordanlee",          testimonial: "Love the freshness and the packaging. Definitely recommend!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg"},
         {
-          id: "t4",
-          name: "Casey Blue",
-          handle: "@caseyblue",
-          testimonial: "A staple for our Friday night family dinners. Consistent and fresh.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg",
-        },
+          id: "t4",          name: "Casey Blue",          handle: "@caseyblue",          testimonial: "A staple for our Friday night family dinners. Consistent and fresh.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg"},
         {
-          id: "t5",
-          name: "Taylor Ray",
-          handle: "@taylorray",
-          testimonial: "The tilapia platter is legendary. So much flavor!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg",
-        },
+          id: "t5",          name: "Taylor Ray",          handle: "@taylorray",          testimonial: "The tilapia platter is legendary. So much flavor!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg"},
       ]}
       showRating={true}
       title="Loved by Fish Lovers"
@@ -254,20 +128,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "How do I order online?",
-          content: "You can order through our online store which connects to our POS.",
-        },
+          id: "faq1",          title: "How do I order online?",          content: "You can order through our online store which connects to our POS."},
         {
-          id: "faq2",
-          title: "Is delivery really that fast?",
-          content: "Yes! Our integration with Glovo ensures your fish is prioritized.",
-        },
+          id: "faq2",          title: "Is delivery really that fast?",          content: "Yes! Our integration with Glovo ensures your fish is prioritized."},
         {
-          id: "faq3",
-          title: "Is the fish fresh?",
-          content: "We source our Tilapia fresh daily to ensure the highest quality.",
-        },
+          id: "faq3",          title: "Is the fish fresh?",          content: "We source our Tilapia fresh daily to ensure the highest quality."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="We're here to answer your questions about our fresh catches and ordering process."
@@ -280,33 +145,21 @@ export default function LandingPage() {
       logoText="Affordable Fish Lovers"
       columns={[
         {
-          title: "Store",
-          items: [
+          title: "Store",          items: [
             {
-              label: "Menu",
-              href: "#products",
-            },
+              label: "Menu",              href: "#products"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -316,4 +169,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}