Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -18,32 +18,24 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="small"
         sizing="largeSmall"
-        background="circleGradient"
+        background="noise"
-        cardStyle="inset"
+        cardStyle="glass-depth"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Menu",
+          name: "Menu",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="SUPER TACO"
     />
@@ -52,12 +44,10 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroOverlay
       title="SUPER TACO"
-      description="Plainfield’s most addictive steak tacos. Juicy. Loaded. Worth every bite."
+      description="Plainfield’s most addictive street-style steak tacos. Gritty. Authentic. Loaded. Worth every bite."
       buttons={[
         {
-          text: "Order Now",
+          text: "Order Now",          href: "tel:18152548800"},
-          href: "tel:18152548800",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-taco-frame-with-copy-space_23-2148750467.jpg"
       imageAlt="Gourmet mexican steak taco close up"
@@ -71,45 +61,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Best steak tacos hands down. Always tender and flavorful.",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=1"},
-          handle: "@sarahj",
-          testimonial: "Best steak tacos hands down. Always tender and flavorful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "They don’t skimp. Every taco is packed with meat.",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza_23-2151231308.jpg"},
-          handle: "@mchen",
-          testimonial: "They don’t skimp. Every taco is packed with meat.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza_23-2151231308.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          handle: "@emilyrod",          testimonial: "We order here all the time. Always fresh and delicious.",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-sitting-cafe_23-2148219019.jpg"},
-          handle: "@emilyrod",
-          testimonial: "We order here all the time. Always fresh and delicious.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-sitting-cafe_23-2148219019.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "The flavor is unmatched. My go-to spot in Plainfield.",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-food-festival_23-2149500432.jpg"},
-          handle: "@dkim",
-          testimonial: "The flavor is unmatched. My go-to spot in Plainfield.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-food-festival_23-2149500432.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica Lee",          handle: "@jesslee",          testimonial: "Authentic, quick, and super friendly staff. Five stars!",          rating: 5,
-          name: "Jessica Lee",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=2"},
-          handle: "@jesslee",
-          testimonial: "Authentic, quick, and super friendly staff. Five stars!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=2",
-        },
       ]}
       showRating={true}
       title="Why Everyone Keeps Coming Back"
@@ -125,26 +90,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Steak Tacos",          price: "$12.00",          variant: "Best Seller",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-arrangement_23-2150799559.jpg"},
-          name: "Steak Tacos",
-          price: "$12.00",
-          variant: "Best Seller",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-arrangement_23-2150799559.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Giant Quesadilla",          price: "$14.00",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-901.jpg"},
-          name: "Giant Quesadilla",
-          price: "$14.00",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-901.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Torta",          price: "$13.00",          variant: "Local Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-traditional-mexican-food_23-2148329169.jpg"},
-          name: "Torta",
-          price: "$13.00",
-          variant: "Local Favorite",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-traditional-mexican-food_23-2148329169.jpg",
-        },
       ]}
       title="Signature Favorites"
       description="Juicy, loaded, and crafted with passion. Discover our menu highlights."
@@ -157,9 +107,7 @@ export default function LandingPage() {
       title="Not Fast Food. Not Fancy. Just Done Right."
       buttons={[
         {
-          text: "Call to Order",
+          text: "Call to Order",          href: "tel:18152548800"},
-          href: "tel:18152548800",
-        },
       ]}
     />
   </div>
@@ -171,22 +119,14 @@ export default function LandingPage() {
       description="7158 Caton Farm Rd, Plainfield, IL. Open Daily: 11AM – 9PM."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Name",          required: true,
-          type: "text",
-          placeholder: "Name",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Your Order/Comments",        rows: 3,
-        placeholder: "Your Order/Comments",
-        rows: 3,
         required: false,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg"
@@ -200,21 +140,15 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Call: 815-254-8800",
+              label: "Call: 815-254-8800",              href: "tel:18152548800"},
-              href: "tel:18152548800",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0B0B0B;
+  --background: #0b0b0b;
-  --card: #111111;
+  --card: #1a1a1a;
-  --foreground: #F8F5F0;
+  --foreground: #f8f5f0;
-  --primary-cta: #D4AF37;
+  --primary-cta: #d4af37;
   --primary-cta-text: #0B0B0B;
-  --secondary-cta: #8B0000;
+  --secondary-cta: #8b0000;
   --secondary-cta-text: #F8F5F0;
-  --accent: #D4AF37;
+  --accent: #d4af37;
-  --background-accent: #1A1A1A;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);