Add src/app/products/page.tsx

2026-03-09 17:14:29 +00:00
parent f49138fefe
commit c2d8d770b2
1 changed files with 120 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/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",              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"
+            },
+            {
+              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"
+            },
+            {
+              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"
+            }
+          ]}
+          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>
+  );
+}