Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -30,10 +30,15 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="Catch Me If U Can"
           navItems={[
-            { name: "Menu", id: "products" },
+            { name: "Wings", id: "wings" },
+            { name: "Fries", id: "fries" },
+            { name: "Seafood", id: "seafood" },
+            { name: "Sides", id: "sides" },
+            { name: "Drinks", id: "drinks" },
+            { name: "Sauces", id: "sauces" },
+            { name: "Desserts", id: "desserts" },
             { name: "About", id: "about" },
-            { name: "Hours", id: "contact" },
-            { name: "Location", id: "contact" }
+            { name: "Hours", id: "contact" }
           ]}
           button={{ text: "Order Now", href: "https://example.com/order" }}
           animateOnLoad={true}
@@ -74,10 +79,10 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="products" data-section="products">
+      <div id="wings" data-section="products">
         <ProductCardOne
-          title="Complete Restaurant Menu"
-          description="Browse our full selection of fresh, made-to-order items organized by category"
+          title="Wings"
+          description="Our signature wings, prepared fresh and tossed in your choice of bold flavors"
           tag="Customer Favorites"
           tagIcon={Star}
           textboxLayout="default"
@@ -96,7 +101,22 @@ export default function LandingPage() {
             },
             {
               id: "4",              name: "Garlic Parmesan Wings",              price: "$12.99",              imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=4",              imageAlt: "Garlic parmesan wings"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="fries" data-section="products">
+        <ProductCardOne
+          title="Fries"
+          description="Crispy, golden fries in signature and loaded varieties"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "5",              name: "Buffalo Chicken Fries",              price: "$10.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=1",              imageAlt: "Buffalo chicken fries"
             },
@@ -108,7 +128,22 @@ export default function LandingPage() {
             },
             {
               id: "8",              name: "Truffle Parmesan Fries",              price: "$10.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=4",              imageAlt: "Truffle parmesan fries"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="seafood" data-section="products">
+        <ProductCardOne
+          title="Seafood"
+          description="Fresh, crispy seafood baskets and tacos prepared daily"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "9",              name: "Whiting Fish & Fries",              price: "$13.99",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=1",              imageAlt: "Crispy fried whiting fish basket"
             },
@@ -120,7 +155,22 @@ export default function LandingPage() {
             },
             {
               id: "12",              name: "Combination Seafood Basket",              price: "$15.99",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=4",              imageAlt: "Combination seafood basket"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="seafood-tacos" data-section="products">
+        <ProductCardOne
+          title="Tacos"
+          description="Fresh, flavorful tacos with your choice of protein"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "13",              name: "Chicken Tacos (3)",              price: "$9.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=1",              imageAlt: "Chicken tacos"
             },
@@ -132,7 +182,22 @@ export default function LandingPage() {
             },
             {
               id: "16",              name: "Salmon Tacos (3)",              price: "$12.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=4",              imageAlt: "Salmon tacos"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="sides" data-section="products">
+        <ProductCardOne
+          title="Sides & Salads"
+          description="Fresh vegetables and classic sides to complete your meal"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "17",              name: "Garden Salad",              price: "$7.99",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=5",              imageAlt: "Garden salad"
             },
@@ -156,7 +221,22 @@ export default function LandingPage() {
             },
             {
               id: "24",              name: "Coleslaw",              price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=8",              imageAlt: "Coleslaw"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="drinks" data-section="products">
+        <ProductCardOne
+          title="Drinks"
+          description="Refreshing beverages to quench your thirst"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "25",              name: "Soft Drink (12 oz)",              price: "$2.49",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=9",              imageAlt: "Soft drink"
             },
@@ -168,7 +248,22 @@ export default function LandingPage() {
             },
             {
               id: "28",              name: "Water (12 oz)",              price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=12",              imageAlt: "Water"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="sauces" data-section="products">
+        <ProductCardOne
+          title="Sauces & Condiments"
+          description="Specialty sauces to enhance your favorite dishes"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "29",              name: "Spicy Honey Sauce",              price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=13",              imageAlt: "Spicy honey sauce"
             },
@@ -180,7 +275,22 @@ export default function LandingPage() {
             },
             {
               id: "32",              name: "Garlic Aioli",              price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=16",              imageAlt: "Garlic aioli"
-            },
+            }
+          ]}
+        />
+      </div>
+
+      <div id="desserts" data-section="products">
+        <ProductCardOne
+          title="Desserts"
+          description="Sweet treats to end your meal perfectly"
+          tag="Customer Favorites"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
             {
               id: "33",              name: "Chocolate Cake",              price: "$5.99",              imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=17",              imageAlt: "Chocolate cake"
             },