Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
+import { BentoGlobe } from '@/components/bento/BentoGlobe';
 
 export default function LandingPage() {
   return (
@@ -29,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "menu"},
-          id: "menu",
-        },
         {
-          name: "Order",
+          name: "Order",          id: "order"},
-          id: "order",
-        },
       ]}
       brandName="Pupuseria Express"
     />
@@ -55,38 +48,30 @@ export default function LandingPage() {
       description="Handcrafted pupusas prepared daily with traditional recipes. Order online for pickup or delivery and taste the difference."
       buttons={[
         {
-          text: "Order Now",
+          text: "Order Now",          href: "#order"},
-          href: "#order",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoT3fl9mw8X4tiyEYmInANcxtM/uploaded-1775671162655-60kuqq37.png"
       imageAlt="Pupuseria Express Logo"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",
+          src: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/various-salads-table_140725-9758.jpg",
+          src: "http://img.b2bpic.net/free-photo/various-salads-table_140725-9758.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086080.jpg",
+          src: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086080.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-view_23-2149455085.jpg",
+          src: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-view_23-2149455085.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg",
+          src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       avatarText="Join 5,000+ happy customers"
     />
   </div>
 
+  <div className="py-12 px-6 flex justify-center">
+      <BentoGlobe className="w-full max-w-4xl" />
+  </div>
+
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
@@ -95,17 +80,11 @@ export default function LandingPage() {
       description="At Pupuseria Express, we are dedicated to bringing the authentic flavors of Central American cuisine to your table. Every pupusa is handmade using fresh, high-quality ingredients following time-honored traditional recipes."
       bulletPoints={[
         {
-          title: "Traditional Recipes",
+          title: "Traditional Recipes",          description: "Generations-old methods for an authentic taste."},
-          description: "Generations-old methods for an authentic taste.",
-        },
         {
-          title: "Fresh Ingredients",
+          title: "Fresh Ingredients",          description: "Locally sourced produce and high-quality meats."},
-          description: "Locally sourced produce and high-quality meats.",
-        },
         {
-          title: "Fast & Convenient",
+          title: "Fast & Convenient",          description: "Quick prep for your busy schedule."},
-          description: "Quick prep for your busy schedule.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
       imageAlt="Authentic cooking preparation"
@@ -121,53 +100,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Cheese & Bean",          price: "$3.50",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",          imageAlt: "Cheese and bean pupusa"},
-          name: "Cheese & Bean",
-          price: "$3.50",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",
-          imageAlt: "Cheese and bean pupusa",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Pork & Cheese",          price: "$3.75",          variant: "Popular",          imageSrc: "http://img.b2bpic.net/free-photo/various-salads-table_140725-9758.jpg",          imageAlt: "Pork and cheese pupusa"},
-          name: "Pork & Cheese",
-          price: "$3.75",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-salads-table_140725-9758.jpg",
-          imageAlt: "Pork and cheese pupusa",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Spinach & Cheese",          price: "$3.75",          variant: "Healthy",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086080.jpg",          imageAlt: "Spinach and cheese pupusa"},
-          name: "Spinach & Cheese",
-          price: "$3.75",
-          variant: "Healthy",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086080.jpg",
-          imageAlt: "Spinach and cheese pupusa",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Loroco & Cheese",          price: "$4.00",          variant: "Authentic",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-view_23-2149455085.jpg",          imageAlt: "Loroco and cheese pupusa"},
-          name: "Loroco & Cheese",
-          price: "$4.00",
-          variant: "Authentic",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-view_23-2149455085.jpg",
-          imageAlt: "Loroco and cheese pupusa",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Mixed Special",          price: "$4.25",          variant: "Full Loaded",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg?_wi=1",          imageAlt: "Mixed pupusa"},
-          name: "Mixed Special",
-          price: "$4.25",
-          variant: "Full Loaded",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg?_wi=1",
-          imageAlt: "Mixed pupusa",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Vegetable Delight",          price: "$3.50",          variant: "Veggie",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-sliced-whole-vegetables-white-background-color-healthy-life-diet-meal-salad_140725-98239.jpg",          imageAlt: "Vegetable pupusa"},
-          name: "Vegetable Delight",
-          price: "$3.50",
-          variant: "Veggie",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-sliced-whole-vegetables-white-background-color-healthy-life-diet-meal-salad_140725-98239.jpg",
-          imageAlt: "Vegetable pupusa",
-        },
       ]}
       title="Our Signature Pupusas"
       description="Explore our menu of handmade pupusas, served with traditional curtido and fresh salsa."
@@ -186,20 +129,11 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you offer delivery?",          content: "Yes, we deliver within a 5-mile radius of our location."},
-          title: "Do you offer delivery?",
-          content: "Yes, we deliver within a 5-mile radius of our location.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are your ingredients fresh?",          content: "We take pride in using only fresh, locally sourced ingredients every day."},
-          title: "Are your ingredients fresh?",
-          content: "We take pride in using only fresh, locally sourced ingredients every day.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you have vegetarian options?",          content: "Absolutely! We offer several delicious vegetarian and vegan-friendly pupusa choices."},
-          title: "Do you have vegetarian options?",
-          content: "Absolutely! We offer several delicious vegetarian and vegan-friendly pupusa choices.",
-        },
       ]}
     />
   </div>
@@ -208,8 +142,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Get in touch"
       title="Visit or Order Today"
       description="Located in the heart of the city, ready to serve your cravings."
@@ -223,42 +156,27 @@ export default function LandingPage() {
       logoText="Pupuseria Express"
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Menu",
+              label: "Menu",              href: "#menu"},
-              href: "#menu",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Orders",
+          title: "Orders",          items: [
-          items: [
             {
-              label: "Order Now",
+              label: "Order Now",              href: "#order"},
-              href: "#order",
-            },
             {
-              label: "Delivery Info",
+              label: "Delivery Info",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -268,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}