Update src/app/products/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
             { name: "Story", id: "story" },
             { name: "Find Us", id: "location" },
             { name: "Catering", id: "catering" },
-            { name: "Order", id: "order" }
+            { name: "Products", id: "/products" }
           ]}
           brandName="Lalo's Tacos"
           bottomLeftText="Phoenix, AZ"
@@ -104,22 +104,22 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "Signature",              name: "Birria Tacos",              price: "$6.50",              rating: 5,
-              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-plate_23-2148629354.jpg",              imageAlt: "Birria tacos with crispy tortilla and dipping consommé"
+              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-plate_23-2148629354.jpg?_wi=1",              imageAlt: "Birria tacos with crispy tortilla and dipping consommé"
             },
             {
               id: "2",              brand: "Signature",              name: "Carne Asada",              price: "$5.50",              rating: 5,
-              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-with-sauce-arrangement_23-2148629320.jpg",              imageAlt: "Char-grilled steak tacos with onions and cilantro"
+              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-with-sauce-arrangement_23-2148629320.jpg?_wi=1",              imageAlt: "Char-grilled steak tacos with onions and cilantro"
             },
             {
               id: "3",              brand: "Signature",              name: "Al Pastor",              price: "$5.00",              rating: 5,
-              reviewCount: "1.5k",              imageSrc: "http://img.b2bpic.net/free-photo/burritos_23-2148024799.jpg",              imageAlt: "Marinated pork tacos with pineapple and salsa"
+              reviewCount: "1.5k",              imageSrc: "http://img.b2bpic.net/free-photo/burritos_23-2148024799.jpg?_wi=1",              imageAlt: "Marinated pork tacos with pineapple and salsa"
             },
             {
               id: "4",              brand: "Premium",              name: "Quesabirria",              price: "$7.00",              rating: 5,
-              reviewCount: "1.9k",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tomato-soup-cooked-from-fresh-red-tomatoes-dark-background-tomato-soup-dish-sauce-meal_140725-96777.jpg",              imageAlt: "Cheese-crusted taco served with rich dipping broth"
+              reviewCount: "1.9k",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tomato-soup-cooked-from-fresh-red-tomatoes-dark-background-tomato-soup-dish-sauce-meal_140725-96777.jpg?_wi=1",              imageAlt: "Cheese-crusted taco served with rich dipping broth"
             }
           ]}
-          buttons={[{ text: "See Full Menu", href: "#" }]}
+          buttons={[{ text: "See Full Menu", href: "/products" }]}
         />
       </div>
 
@@ -131,7 +131,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           showBorder={true}
-          buttons={[{ text: "Order Pickup", href: "#" }]}
+          buttons={[{ text: "Order Pickup", href: "/products" }]}
         />
       </div>
 
@@ -230,7 +230,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Explore",              items: [
-                { label: "Menu", href: "#menu" },
+                { label: "Menu", href: "/products" },
                 { label: "Our Story", href: "#story" },
                 { label: "Catering", href: "#catering" }
               ]
@@ -255,4 +255,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,120 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Utensils } from 'lucide-react';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="none"
+      cardStyle="inset"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Menu", id: "menu" },
+            { name: "Story", id: "/" },
+            { name: "Find Us", id: "/" },
+            { name: "Catering", id: "/" },
+            { name: "Products", id: "/products" }
+          ]}
+          brandName="Lalo's Tacos"
+          bottomLeftText="Phoenix, AZ"
+          bottomRightText="info@lalos-tacos.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Our Full Menu"
+          description="Explore every taco, quesadilla, and specialty item. Fresh ingredients. Authentic flavors. Your next favorite."
+          tag="Complete Menu"
+          tagIcon={Utensils}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiRlB591Fok0v3ub7QN09QHKun/uploaded-1773076413701-etwv1xdo.png"
+          imageAlt="Lalo's Tacos Full Menu"
+          buttons={[
+            { text: "Order Now", href: "#" },
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardTwo
+          title="Signature Tacos"
+          description="The tacos everyone lines up for. Each one crafted with fire, flavor, and family tradition."
+          tag="Signature Items"
+          tagIcon={Utensils}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
+          products={[
+            {
+              id: "1",              brand: "Signature",              name: "Birria Tacos",              price: "$6.50",              rating: 5,
+              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-plate_23-2148629354.jpg?_wi=2",              imageAlt: "Birria tacos with crispy tortilla and dipping consommé"
+            },
+            {
+              id: "2",              brand: "Signature",              name: "Carne Asada",              price: "$5.50",              rating: 5,
+              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-with-sauce-arrangement_23-2148629320.jpg?_wi=2",              imageAlt: "Char-grilled steak tacos with onions and cilantro"
+            },
+            {
+              id: "3",              brand: "Signature",              name: "Al Pastor",              price: "$5.00",              rating: 5,
+              reviewCount: "1.5k",              imageSrc: "http://img.b2bpic.net/free-photo/burritos_23-2148024799.jpg?_wi=2",              imageAlt: "Marinated pork tacos with pineapple and salsa"
+            },
+            {
+              id: "4",              brand: "Premium",              name: "Quesabirria",              price: "$7.00",              rating: 5,
+              reviewCount: "1.9k",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tomato-soup-cooked-from-fresh-red-tomatoes-dark-background-tomato-soup-dish-sauce-meal_140725-96777.jpg?_wi=2",              imageAlt: "Cheese-crusted taco served with rich dipping broth"
+            }
+          ]}
+          buttons={[{ text: "Explore More", href: "#" }]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Explore",              items: [
+                { label: "Menu", href: "/products" },
+                { label: "Our Story", href: "/" },
+                { label: "Catering", href: "/" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Email", href: "mailto:info@lalos-tacos.com" },
+                { label: "Find Us", href: "/" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Lalo's Tacos | Phoenix, Arizona"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #060000;
-  --card: #1d0d0d;
-  --foreground: #ffe6e6;
-  --primary-cta: #ff3d4a;
+  --background: #111111;
+  --card: #1a1a1a;
+  --foreground: #F5E6C8;
+  --primary-cta: #d38d43;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1f0a0a;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffe6e6;
-  --accent: #7b2d2d;
-  --background-accent: #b8111f;
+  --accent: #9E9E9E;
+  --background-accent: #8BC34A;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);