Update src/app/menu/page.tsx

Merge version_1 into main

src/app/menu/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/#about" },
+                { name: "Portfolio", id: "/#portfolio" },
+                { name: "Menu", id: "/menu" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="PixelStudio"
+            />
+        </div>
+
+        <div className="pt-32 pb-20 px-6">
+            <FeatureCardNineteen
+                textboxLayout="default"
+                useInvertedBackground={false}
+                title="Our Street Kitchen Menu"
+                description="Experience authentic, bold street food flavors crafted with passion. From our signature tacos to hand-crafted desserts."
+                features={[
+                    { tag: "Appetizers", title: "Street Nachos", subtitle: "$12", description: "House-made corn chips, pico de gallo, guacamole, and queso fresco.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-nachos-with-guacamole-pico-de-gallo_23-2148766432.jpg" },
+                    { tag: "Tacos", title: "Al Pastor Tacos", subtitle: "$14", description: "Marinated pork, roasted pineapple, cilantro, and onions.", imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-marinated-pork_23-2148443729.jpg" },
+                    { tag: "Mains", title: "Burrito Bowl", subtitle: "$16", description: "Cilantro lime rice, black beans, choice of protein, and salsa.", imageSrc: "http://img.b2bpic.net/free-photo/burrito-bowl-with-vegetables-meat_23-2148443734.jpg" },
+                    { tag: "Beverages", title: "Fresh Horchata", subtitle: "$6", description: "Traditional rice milk drink with cinnamon and vanilla.", imageSrc: "http://img.b2bpic.net/free-photo/horchata-traditional-drink_23-2148443741.jpg" },
+                    { tag: "Desserts", title: "Churros & Chocolate", subtitle: "$9", description: "Crispy fried dough dusted in cinnamon sugar, served with ganache.", imageSrc: "http://img.b2bpic.net/free-photo/churros-with-chocolate-sauce_23-2148443748.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+                { title: "Kitchen", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
+                { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 PixelStudio Kitchen. Taste the Streets."
+            bottomRightText="All rights reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,13 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
@@ -30,271 +27,72 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "Our Story",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Portfolio",
+          name: "Contact",          id: "contact"},
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      brandName="PixelStudio"
+      brandName="Tacos Lopez"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Authentic Tacos, Crafted with Love"
-      title="Empowering Next-Gen Gaming Experiences"
+      description="Experience the true taste of tradition at Tacos Lopez. Fresh ingredients, handmade tortillas, and recipes passed down through generations."
-      description="We architect immersive worlds, develop seamless gameplay, and drive innovation for global gaming studios. Partner with the experts who live and breathe game tech."
       buttons={[
         {
-          text: "Our Portfolio",
+          text: "Our Story",          href: "#about"},
-          href: "#portfolio",
-        },
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182534.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/tacos-with-meat-vegetables-wooden-table_23-2148197779.jpg"
-      imageAlt="Futuristic gaming studio visual"
+      imageAlt="Delicious handmade tacos"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
-          alt: "Alex Mercer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
-          alt: "Sarah Chen",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
-          alt: "Marcus Thorne",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-photographer-woman-sitting-her-desk_23-2148424432.jpg",
-          alt: "Elena Rodriguez",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/marketing-company-employee-sitting-desk-developing-management-plan-while-using-work-computer-office-worker-with-financial-knowledge-seeking-business-recovery-solution-while-using-desktop-pc_482257-40314.jpg",
-          alt: "Jordan P.",
-        },
-      ]}
-      avatarText="Trusted by 50+ industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Unity",
-        },
-        {
-          type: "text",
-          text: "Unreal Engine",
-        },
-        {
-          type: "text",
-          text: "WebAssembly",
-        },
-        {
-          type: "text",
-          text: "React Three Fiber",
-        },
-        {
-          type: "text",
-          text: "Godot",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={true}
-      title="Proven Innovation, Pixel by Pixel"
+      title="The Tacos Lopez Story"
-      description="With over a decade in game engine integration and interactive web development, we translate complex gaming visions into high-performance digital realities for players and developers."
+      description="What started in a small home kitchen over 30 years ago has become a local tradition. Our mission is to bring family-owned, authentic flavors to the community with sustainability and pride."
       metrics={[
         {
-          value: "150+",
+          value: "30+",          title: "Years of Flavor"},
-          title: "Projects Completed",
-        },
         {
-          value: "12+",
+          value: "100%",          title: "Locally Sourced"},
-          title: "Game Engines Mastered",
-        },
         {
-          value: "99%",
+          value: "∞",          title: "Passionate Cooks"},
-          title: "Client Retention",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-working-office_23-2149370554.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-food-kitchen_23-2148281140.jpg"
-      imageAlt="Game development team in action"
+      imageAlt="Chef preparing fresh ingredients"
       mediaAnimation="slide-up"
       metricsAnimation="blur-reveal"
     />
   </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Engineering",
-          title: "Engine Architecture",
-          subtitle: "Built for scale",
-          description: "High-performance codebases optimized for AAA and indie projects.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148212565.jpg",
-        },
-        {
-          tag: "Creative",
-          title: "Interactive Design",
-          subtitle: "Visually stunning",
-          description: "Immersive UI/UX that keeps players engaged from the first screen.",
-          imageSrc: "http://img.b2bpic.net/free-vector/circuit-blue-background-with-lines-dots_1035-4516.jpg",
-        },
-        {
-          tag: "Performance",
-          title: "Optimization & Tech",
-          subtitle: "Seamless speed",
-          description: "Deep engine optimizations to ensure smooth gameplay across all platforms.",
-          imageSrc: "http://img.b2bpic.net/free-vector/performance-meter-cog_78370-8338.jpg",
-        },
-      ]}
-      title="Custom Development Services"
-      description="Comprehensive technical solutions tailored for modern gaming studios."
-    />
-  </div>
-
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "Studio A",
-          name: "Nebula Runner",
-          price: "Action Game",
-          rating: 5,
-          reviewCount: "1200",
-          imageSrc: "http://img.b2bpic.net/free-photo/king-with-crown-digital-art_23-2151715158.jpg",
-        },
-        {
-          id: "2",
-          brand: "Studio B",
-          name: "Cyber Sentinel",
-          price: "Sci-Fi 3D",
-          rating: 5,
-          reviewCount: "890",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-half-rhino-with-futuristic-robotic-parts_23-2151742124.jpg",
-        },
-        {
-          id: "3",
-          brand: "Studio C",
-          name: "Mystic Realms",
-          price: "Strategy Web",
-          rating: 5,
-          reviewCount: "2100",
-          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-magic-landscape_23-2151502947.jpg",
-        },
-      ]}
-      title="Selected Studio Works"
-      description="A glimpse into our recent interactive web & game development portfolio."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Mercer",
-          handle: "@mercer_dev",
-          testimonial: "Exceptional work on our core engine. Professional and highly technical.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          handle: "@chen_art",
-          testimonial: "Their UI work is truly industry-leading. Beautiful, performant design.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          handle: "@mthorne_studio",
-          testimonial: "The best technical partners we've had in years. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Rodriguez",
-          handle: "@elena_mgr",
-          testimonial: "Fast, agile, and always ahead of the curve. True gaming experts.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-photographer-woman-sitting-her-desk_23-2148424432.jpg",
-        },
-        {
-          id: "5",
-          name: "Jordan P.",
-          handle: "@j_dev",
-          testimonial: "Seamless execution on our latest release. Simply incredible results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/marketing-company-employee-sitting-desk-developing-management-plan-while-using-work-computer-office-worker-with-financial-knowledge-seeking-business-recovery-solution-while-using-desktop-pc_482257-40314.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Voices from the Gaming Community"
-      description="See why studios trust our team with their most ambitious projects."
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Start Your Project"
+      title="Visit Us or Reach Out"
-      description="Let's build something iconic together. Send us a message to discuss your next big gaming title."
+      description="Have questions or want to host an event? We'd love to hear from you. Drop us a note or swing by for a taco."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Work Email",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Your inquiry or feedback",        rows: 4,
-        placeholder: "Tell us about your game idea",
-        rows: 4,
         required: true,
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/people-working-office_23-2149370554.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/interior-traditional-mexican-restaurant_23-2148281134.jpg"
     />
   </div>
 
@@ -302,33 +100,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "Tacos Lopez",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "Our Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Portfolio",
+              label: "Location",              href: "#contact"},
-              href: "#portfolio",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 PixelStudio. Built for Gamers."
+      bottomLeftText="© 2024 Tacos Lopez. Authentic goodness."
       bottomRightText="All rights reserved."
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #030128;
+  --background: #fbf8f2;
-  --card: #241f48;
+  --card: #ffffff;
-  --foreground: #ffffff;
+  --foreground: #3d2b1f;
-  --primary-cta: #ffffff;
+  --primary-cta: #d9480f;
   --primary-cta-text: #030128;
-  --secondary-cta: #131136;
+  --secondary-cta: #fdf7e3;
   --secondary-cta-text: #d5d4f6;
-  --accent: #44358a;
+  --accent: #fbc02d;
-  --background-accent: #b597fe;
+  --background-accent: #fdf7e3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);