Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Story",
-          id: "about",
-        },
+          name: "Story",          id: "about"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Culina"
     />
@@ -53,99 +45,53 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Authentic Flavors, Delivered Home"
       description="Experience restaurant-quality meals, prepared with seasonal, locally-sourced ingredients, brought straight to your doorstep."
       testimonials={[
         {
-          name: "Elena R.",
-          handle: "@elena_r",
-          testimonial: "The best delivery experience I've had. Truly fresh.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-eggs-rice-grains-puffed-rice-cake-wooden-desk_23-2148062363.jpg?_wi=1",
-          imageAlt: "gourmet food table top view",
-        },
+          name: "Elena R.",          handle: "@elena_r",          testimonial: "The best delivery experience I've had. Truly fresh.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-eggs-rice-grains-puffed-rice-cake-wooden-desk_23-2148062363.jpg?_wi=1",          imageAlt: "gourmet food table top view"},
         {
-          name: "Mark S.",
-          handle: "@marks_food",
-          testimonial: "Incredible quality. Tastes like a 5-star restaurant.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-parsley-vegetables_23-2147694205.jpg?_wi=1",
-          imageAlt: "fresh organic vegetables market",
-        },
+          name: "Mark S.",          handle: "@marks_food",          testimonial: "Incredible quality. Tastes like a 5-star restaurant.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/fresh-parsley-vegetables_23-2147694205.jpg?_wi=1",          imageAlt: "fresh organic vegetables market"},
         {
-          name: "Sarah P.",
-          handle: "@sarah_p",
-          testimonial: "Consistent, delicious, and always on time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751987.jpg?_wi=1",
-          imageAlt: "gourmet burger close up",
-        },
+          name: "Sarah P.",          handle: "@sarah_p",          testimonial: "Consistent, delicious, and always on time.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751987.jpg?_wi=1",          imageAlt: "gourmet burger close up"},
         {
-          name: "David W.",
-          handle: "@davew",
-          testimonial: "My new favorite way to dine at home.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-caesar-salad_140725-296.jpg?_wi=1",
-          imageAlt: "pasta dish with herbs",
-        },
+          name: "David W.",          handle: "@davew",          testimonial: "My new favorite way to dine at home.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-caesar-salad_140725-296.jpg?_wi=1",          imageAlt: "pasta dish with herbs"},
         {
-          name: "Lila K.",
-          handle: "@lila_k",
-          testimonial: "Fresh, healthy, and absolutely wonderful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cabbage-greens-cup-marble_114579-65116.jpg?_wi=1",
-          imageAlt: "fresh salad bowl colorful",
-        },
+          name: "Lila K.",          handle: "@lila_k",          testimonial: "Fresh, healthy, and absolutely wonderful.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cabbage-greens-cup-marble_114579-65116.jpg?_wi=1",          imageAlt: "fresh salad bowl colorful"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/fresh-vegetables-eggs-rice-grains-puffed-rice-cake-wooden-desk_23-2148062363.jpg?_wi=2"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg",
-          alt: "Elena R.",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg",          alt: "Elena R."},
         {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
-          alt: "Mark S.",
-        },
+          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",          alt: "Mark S."},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",
-          alt: "Sarah P.",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",          alt: "Sarah P."},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
-          alt: "David W.",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",          alt: "David W."},
         {
-          src: "http://img.b2bpic.net/free-photo/person-cooking-cool-kitchen_1194-616909.jpg",
-          alt: "Lila K.",
-        },
+          src: "http://img.b2bpic.net/free-photo/person-cooking-cool-kitchen_1194-616909.jpg",          alt: "Lila K."},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Locally Sourced",
+          type: "text",          text: "Locally Sourced"},
+        {
+          type: "text-icon",          text: "Farm to Table",          icon: Leaf,
         },
         {
-          type: "text-icon",
-          text: "Farm to Table",
-          icon: Leaf,
+          type: "text-icon",          text: "Master Chefs",          icon: Award,
         },
         {
-          type: "text-icon",
-          text: "Master Chefs",
-          icon: Award,
-        },
+          type: "text",          text: "Fast Delivery"},
         {
-          type: "text",
-          text: "Fast Delivery",
-        },
-        {
-          type: "text-icon",
-          text: "Sustainable",
-          icon: Globe2,
+          type: "text-icon",          text: "Sustainable",          icon: Globe2,
         },
       ]}
     />
@@ -158,19 +104,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Leaf,
-          label: "Locally Sourced",
-          value: "100%",
-        },
+          label: "Locally Sourced",          value: "100%"},
         {
           icon: Clock,
-          label: "Minutes Preparation",
-          value: "20",
-        },
+          label: "Minutes Preparation",          value: "20"},
         {
           icon: Award,
-          label: "Master Chefs",
-          value: "12",
-        },
+          label: "Master Chefs",          value: "12"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -184,41 +124,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Classic Burger",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751987.jpg?_wi=2",
-        },
+          id: "1",          name: "Classic Burger",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751987.jpg?_wi=2"},
         {
-          id: "2",
-          name: "Garden Pasta",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-caesar-salad_140725-296.jpg?_wi=2",
-        },
+          id: "2",          name: "Garden Pasta",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-caesar-salad_140725-296.jpg?_wi=2"},
         {
-          id: "3",
-          name: "Harvest Bowl",
-          price: "$16",
-          imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cabbage-greens-cup-marble_114579-65116.jpg?_wi=2",
-        },
+          id: "3",          name: "Harvest Bowl",          price: "$16",          imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cabbage-greens-cup-marble_114579-65116.jpg?_wi=2"},
         {
-          id: "4",
-          name: "Artisan Sourdough",
-          price: "$8",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395314.jpg",
-        },
+          id: "4",          name: "Artisan Sourdough",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395314.jpg"},
         {
-          id: "5",
-          name: "Seafood Catch",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-meat-fillet-steak_74190-997.jpg",
-        },
+          id: "5",          name: "Seafood Catch",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-meat-fillet-steak_74190-997.jpg"},
         {
-          id: "6",
-          name: "Dark Choco Cake",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cookies-plate-cookies-with-strawberry-chocolate-white-plate-left-side-black-table_140725-110537.jpg",
-        },
+          id: "6",          name: "Dark Choco Cake",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cookies-plate-cookies-with-strawberry-chocolate-white-plate-left-side-black-table_140725-110537.jpg"},
       ]}
       title="Our Signature Selection"
       description="Hand-crafted dishes created daily by our expert chefs."
@@ -230,30 +146,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg",
-        },
+          id: "1",          name: "Elena R.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg"},
         {
-          id: "2",
-          name: "Mark S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
-        },
+          id: "2",          name: "Mark S.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
         {
-          id: "3",
-          name: "Sarah P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",
-        },
+          id: "3",          name: "Sarah P.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg"},
         {
-          id: "4",
-          name: "David W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
-        },
+          id: "4",          name: "David W.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg"},
         {
-          id: "5",
-          name: "Lila K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cooking-cool-kitchen_1194-616909.jpg",
-        },
+          id: "5",          name: "Lila K.",          imageSrc: "http://img.b2bpic.net/free-photo/person-cooking-cool-kitchen_1194-616909.jpg"},
       ]}
       cardTitle="Loved by Our Community"
       cardTag="Testimonials"
@@ -268,22 +169,14 @@ export default function LandingPage() {
       description="Questions about catering or bulk orders? Send us a message."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us more...",
-        required: true,
+        name: "message",        placeholder: "Tell us more...",        required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/fresh-parsley-vegetables_23-2147694205.jpg?_wi=2"
     />
@@ -295,29 +188,19 @@ export default function LandingPage() {
       logoText="Culina"
       columns={[
         {
-          title: "Navigate",
-          items: [
+          title: "Navigate",          items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -326,4 +209,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,7 +13,7 @@
   --background: #f5f4ef;
   --card: #dad6cd;
   --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --primary-cta: #c6b180;
   --primary-cta-text: #f5f4ef;
   --secondary-cta: #ecebea;
   --secondary-cta-text: #2a2928;