Update src/app/styles/variables.css

Merge version_8 into main

src/app/page.tsx

@@ -9,7 +9,6 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, Clock, Leaf, Sparkles, Wheat } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Golden Grain Bakery"
     />
@@ -54,70 +45,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "plain",
-      }}
-      title="asdasdasd"
+        variant: "plain"}}
+      title="123"
       description="Baked fresh every morning with love, locally sourced ingredients, and generations of baking tradition."
       avatars={[
         {
-          src: "https://pixabay.com/get/gb9221640f9242c2aed4f01cf5f8634fdedb97c1dc67b1824fba5b6045b0fffd777de388118029ad078525014658271a82082c6f064775f8246a231bf8ae5a464_1280.jpg",
-          alt: "Customer",
-        },
+          src: "https://pixabay.com/get/gb9221640f9242c2aed4f01cf5f8634fdedb97c1dc67b1824fba5b6045b0fffd777de388118029ad078525014658271a82082c6f064775f8246a231bf8ae5a464_1280.jpg",          alt: "Customer"},
         {
-          src: "https://pixabay.com/get/g240c8ef0a48ac42ab2a98ad1517d1371d5b80a4307321059de282961c58a9a745eb6d4a476f12f7a1cbb22400b7b8c528af8c902767906b4a160124ba5950db5_1280.jpg",
-          alt: "Customer",
-        },
+          src: "https://pixabay.com/get/g240c8ef0a48ac42ab2a98ad1517d1371d5b80a4307321059de282961c58a9a745eb6d4a476f12f7a1cbb22400b7b8c528af8c902767906b4a160124ba5950db5_1280.jpg",          alt: "Customer"},
         {
-          src: "https://pixabay.com/get/g9265d8a285bc37340e8da3fab34023821a10273a3907545aa131631934b3301c8a69618874383f291e388887d28600c31be9650600e4d82a2898318e66d217de_1280.jpg",
-          alt: "Customer",
-        },
+          src: "https://pixabay.com/get/g9265d8a285bc37340e8da3fab34023821a10273a3907545aa131631934b3301c8a69618874383f291e388887d28600c31be9650600e4d82a2898318e66d217de_1280.jpg",          alt: "Customer"},
         {
-          src: "https://pixabay.com/get/ga08effa122561ca45693d834c60ecccfd462266ca504c166911776083ee54b4e77d54a754395cd882e3f0a5f4944bf164cb901cd5c70b16910660b4a836abb82_1280.jpg",
-          alt: "Customer",
-        },
+          src: "https://pixabay.com/get/ga08effa122561ca45693d834c60ecccfd462266ca504c166911776083ee54b4e77d54a754395cd882e3f0a5f4944bf164cb901cd5c70b16910660b4a836abb82_1280.jpg",          alt: "Customer"},
         {
-          src: "https://pixabay.com/get/ga0a992742500f14377995b0747142003e6ab067a64201bb798c09a2b83cdc0558f8616f474e1280ff92e9c87e694324d68dc3aa3512cacfdf450f4fa91990f9f_1280.jpg",
-          alt: "Customer",
-        },
+          src: "https://pixabay.com/get/ga0a992742500f14377995b0747142003e6ab067a64201bb798c09a2b83cdc0558f8616f474e1280ff92e9c87e694324d68dc3aa3512cacfdf450f4fa91990f9f_1280.jpg",          alt: "Customer"},
       ]}
       avatarText="Loved by 1000+ local bread lovers"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Organic Ingredients",
-          icon: Leaf,
+          type: "text-icon",          text: "Organic Ingredients",          icon: Leaf,
         },
         {
-          type: "text-icon",
-          text: "Stone-Ground Flour",
-          icon: Wheat,
+          type: "text-icon",          text: "Stone-Ground Flour",          icon: Wheat,
         },
         {
-          type: "text-icon",
-          text: "Small Batch Bakes",
-          icon: Award,
+          type: "text-icon",          text: "Small Batch Bakes",          icon: Award,
         },
         {
-          type: "text-icon",
-          text: "Traditional Sourdough",
-          icon: Sparkles,
+          type: "text-icon",          text: "Traditional Sourdough",          icon: Sparkles,
         },
         {
-          type: "text-icon",
-          text: "Fresh Daily",
-          icon: Clock,
+          type: "text-icon",          text: "Fresh Daily",          icon: Clock,
         },
       ]}
     />
   </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Crafted with Passion"
-    />
-  </div>
 
   <div id="products" data-section="products">
       <ProductCardThree
@@ -127,41 +90,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Sourdough Loaf",
-          price: "$8.00",
-          imageSrc: "https://pixabay.com/get/gf836a3fdc0d28d9b2301419dcedbbd75ef3ea95137d6ec907ed91689832a6561e3ab4b73011f55586980947ccb5cac6e7f7913cda0c2172ed89800be673a092f_1280.jpg",
-        },
+          id: "p1",          name: "Sourdough Loaf",          price: "$8.00",          imageSrc: "https://pixabay.com/get/gf836a3fdc0d28d9b2301419dcedbbd75ef3ea95137d6ec907ed91689832a6561e3ab4b73011f55586980947ccb5cac6e7f7913cda0c2172ed89800be673a092f_1280.jpg"},
         {
-          id: "p2",
-          name: "Butter Croissant",
-          price: "$4.50",
-          imageSrc: "https://pixabay.com/get/ge3c2826cce4e3cc694a0a25d2717ca20880fc7fd9a8376356d6b504ff194a0df6f5eb1285be8a11ebcab6a6faf1faca2_1280.jpg",
-        },
+          id: "p2",          name: "Butter Croissant",          price: "$4.50",          imageSrc: "https://pixabay.com/get/ge3c2826cce4e3cc694a0a25d2717ca20880fc7fd9a8376356d6b504ff194a0df6f5eb1285be8a11ebcab6a6faf1faca2_1280.jpg"},
         {
-          id: "p3",
-          name: "Cinnamon Roll",
-          price: "$5.00",
-          imageSrc: "https://pixabay.com/get/g27cb2bc805abdb22786c43e4efec101a8ea4fe5e978ee741f9e405bfb9191a7fb57087c1eddc180acdefd0a607593363bcbcfcc0d6b721327d9650b462e52f1f_1280.jpg",
-        },
+          id: "p3",          name: "Cinnamon Roll",          price: "$5.00",          imageSrc: "https://pixabay.com/get/g27cb2bc805abdb22786c43e4efec101a8ea4fe5e978ee741f9e405bfb9191a7fb57087c1eddc180acdefd0a607593363bcbcfcc0d6b721327d9650b462e52f1f_1280.jpg"},
         {
-          id: "p4",
-          name: "Chocolate Muffin",
-          price: "$3.50",
-          imageSrc: "https://pixabay.com/get/g39be45e1ecde16377a330be7c004292fb6e104e641702e37d7f530fe3f81c6fa5f2d0bc5e938b280f7bc288a8cb4267f6dea59bbe72e63731b5bb509683e671c_1280.jpg",
-        },
+          id: "p4",          name: "Chocolate Muffin",          price: "$3.50",          imageSrc: "https://pixabay.com/get/g39be45e1ecde16377a330be7c004292fb6e104e641702e37d7f530fe3f81c6fa5f2d0bc5e938b280f7bc288a8cb4267f6dea59bbe72e63731b5bb509683e671c_1280.jpg"},
         {
-          id: "p5",
-          name: "French Baguette",
-          price: "$6.00",
-          imageSrc: "https://pixabay.com/get/g3261c4246c3b9e88b16473f06c272b3da2f12dc21d93888659b6120975b2f448d3fef81a3fe67d52ec6f14699ef85e72ecbf147b65ac273fb2fa5e2fc5783515_1280.jpg",
-        },
+          id: "p5",          name: "French Baguette",          price: "$6.00",          imageSrc: "https://pixabay.com/get/g3261c4246c3b9e88b16473f06c272b3da2f12dc21d93888659b6120975b2f448d3fef81a3fe67d52ec6f14699ef85e72ecbf147b65ac273fb2fa5e2fc5783515_1280.jpg"},
         {
-          id: "p6",
-          name: "Mixed Berry Tart",
-          price: "$7.50",
-          imageSrc: "https://pixabay.com/get/g05a8dbdcd0352aa904acde73b6d5f02b5541d61912d7b019901c05564d55b9bd1ad4f8a7e87014623743712fc2903888059e4e5414ad3a2eda754a4e1444ed8c_1280.jpg",
-        },
+          id: "p6",          name: "Mixed Berry Tart",          price: "$7.50",          imageSrc: "https://pixabay.com/get/g05a8dbdcd0352aa904acde73b6d5f02b5541d61912d7b019901c05564d55b9bd1ad4f8a7e87014623743712fc2903888059e4e5414ad3a2eda754a4e1444ed8c_1280.jpg"},
       ]}
       title="Our Daily Bakes"
       description="Discover our selection of handcrafted breads, pastries, and treats."
@@ -175,40 +114,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          handle: "@sarahm",
-          testimonial: "The best sourdough in town. Always fresh and perfect crust!",
-          imageSrc: "https://pixabay.com/get/gb9221640f9242c2aed4f01cf5f8634fdedb97c1dc67b1824fba5b6045b0fffd777de388118029ad078525014658271a82082c6f064775f8246a231bf8ae5a464_1280.jpg",
-        },
+          id: "t1",          name: "Sarah Miller",          handle: "@sarahm",          testimonial: "The best sourdough in town. Always fresh and perfect crust!",          imageSrc: "https://pixabay.com/get/gb9221640f9242c2aed4f01cf5f8634fdedb97c1dc67b1824fba5b6045b0fffd777de388118029ad078525014658271a82082c6f064775f8246a231bf8ae5a464_1280.jpg"},
         {
-          id: "t2",
-          name: "James Chen",
-          handle: "@jchen",
-          testimonial: "Their croissants are absolutely life-changing. A daily morning treat.",
-          imageSrc: "https://pixabay.com/get/g240c8ef0a48ac42ab2a98ad1517d1371d5b80a4307321059de282961c58a9a745eb6d4a476f12f7a1cbb22400b7b8c528af8c902767906b4a160124ba5950db5_1280.jpg",
-        },
+          id: "t2",          name: "James Chen",          handle: "@jchen",          testimonial: "Their croissants are absolutely life-changing. A daily morning treat.",          imageSrc: "https://pixabay.com/get/g240c8ef0a48ac42ab2a98ad1517d1371d5b80a4307321059de282961c58a9a745eb6d4a476f12f7a1cbb22400b7b8c528af8c902767906b4a160124ba5950db5_1280.jpg"},
         {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@elenar",
-          testimonial: "I love the warm atmosphere and the friendly staff. Highly recommend.",
-          imageSrc: "https://pixabay.com/get/g9265d8a285bc37340e8da3fab34023821a10273a3907545aa131631934b3301c8a69618874383f291e388887d28600c31be9650600e4d82a2898318e66d217de_1280.jpg",
-        },
+          id: "t3",          name: "Elena Rodriguez",          handle: "@elenar",          testimonial: "I love the warm atmosphere and the friendly staff. Highly recommend.",          imageSrc: "https://pixabay.com/get/g9265d8a285bc37340e8da3fab34023821a10273a3907545aa131631934b3301c8a69618874383f291e388887d28600c31be9650600e4d82a2898318e66d217de_1280.jpg"},
         {
-          id: "t4",
-          name: "Mark Johnson",
-          handle: "@mjohn",
-          testimonial: "The berry tarts are stunning and delicious. Perfect for weekend gatherings.",
-          imageSrc: "https://pixabay.com/get/ga08effa122561ca45693d834c60ecccfd462266ca504c166911776083ee54b4e77d54a754395cd882e3f0a5f4944bf164cb901cd5c70b16910660b4a836abb82_1280.jpg",
-        },
+          id: "t4",          name: "Mark Johnson",          handle: "@mjohn",          testimonial: "The berry tarts are stunning and delicious. Perfect for weekend gatherings.",          imageSrc: "https://pixabay.com/get/ga08effa122561ca45693d834c60ecccfd462266ca504c166911776083ee54b4e77d54a754395cd882e3f0a5f4944bf164cb901cd5c70b16910660b4a836abb82_1280.jpg"},
         {
-          id: "t5",
-          name: "Chloe Smith",
-          handle: "@chloes",
-          testimonial: "Everything they make feels so authentic and artisanal. Truly great quality.",
-          imageSrc: "https://pixabay.com/get/ga0a992742500f14377995b0747142003e6ab067a64201bb798c09a2b83cdc0558f8616f474e1280ff92e9c87e694324d68dc3aa3512cacfdf450f4fa91990f9f_1280.jpg",
-        },
+          id: "t5",          name: "Chloe Smith",          handle: "@chloes",          testimonial: "Everything they make feels so authentic and artisanal. Truly great quality.",          imageSrc: "https://pixabay.com/get/ga0a992742500f14377995b0747142003e6ab067a64201bb798c09a2b83cdc0558f8616f474e1280ff92e9c87e694324d68dc3aa3512cacfdf450f4fa91990f9f_1280.jpg"},
       ]}
       title="Words From Our Community"
       description="Hear what our amazing local customers have to say about their bakery favorites."
@@ -221,20 +135,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Do you offer gluten-free bread?",
-          content: "We do have specific days for gluten-free options. Please check our weekly schedule.",
-        },
+          id: "q1",          title: "Do you offer gluten-free bread?",          content: "We do have specific days for gluten-free options. Please check our weekly schedule."},
         {
-          id: "q2",
-          title: "Are all your ingredients organic?",
-          content: "We prioritize organic and locally sourced ingredients whenever possible.",
-        },
+          id: "q2",          title: "Are all your ingredients organic?",          content: "We prioritize organic and locally sourced ingredients whenever possible."},
         {
-          id: "q3",
-          title: "Do you take large orders for events?",
-          content: "Yes, we handle event catering and large orders with advance notice.",
-        },
+          id: "q3",          title: "Do you take large orders for events?",          content: "Yes, we handle event catering and large orders with advance notice."},
       ]}
       title="Common Questions"
       description="Have questions about our baking process or availability?"
@@ -246,8 +151,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Visit us for a fresh loaf today!"
     />
   </div>
@@ -258,29 +162,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Products",
-              href: "#products",
-            },
+              label: "Products",              href: "#products"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -290,4 +184,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);