Update src/app/styles/variables.css

Merge version_3 into main

src/app/blog/page.tsx

@@ -28,7 +28,7 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew & Co"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
                             { name: "Testimonials", id: "testimonials" },

src/app/layout.tsx

@@ -1410,4 +1410,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -45,7 +45,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
-          title="Crafted Coffee, Community Connection"
+          title="Yo Yo"
           description="Experience premium specialty coffee in an inviting space designed for authentic connections and exceptional taste."
           tag="Welcome to Brew & Co"
           tagIcon={Coffee}
@@ -274,4 +274,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -88,16 +88,15 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew & Co"
                         navItems={[
-                            {"name":"Home","id":"/"},
+                            {"name":"Home","id":"hero"},
                             {"name":"About","id":"about"},
                             {"name":"Menu","id":"products"},
                             {"name":"Testimonials","id":"testimonials"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -136,16 +135,15 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Brew & Co"
                             navItems={[
-                                {"name":"Home","id":"/"},
+                                {"name":"Home","id":"hero"},
                                 {"name":"About","id":"about"},
                                 {"name":"Menu","id":"products"},
                                 {"name":"Testimonials","id":"testimonials"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -191,16 +189,15 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Brew & Co"
                     navItems={[
-                        {"name":"Home","id":"/"},
+                        {"name":"Home","id":"hero"},
                         {"name":"About","id":"about"},
                         {"name":"Menu","id":"products"},
                         {"name":"Testimonials","id":"testimonials"},
-                        {"name":"Contact","id":"contact"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
@@ -255,4 +252,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -33,16 +33,15 @@ function ShopPageContent() {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew & Co"
                         navItems={[
-                            {"name":"Home","id":"/"},
+                            {"name":"Home","id":"hero"},
                             {"name":"About","id":"about"},
                             {"name":"Menu","id":"products"},
                             {"name":"Testimonials","id":"testimonials"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -80,16 +79,15 @@ function ShopPageContent() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Brew & Co"
                     navItems={[
-                        {"name":"Home","id":"/"},
+                        {"name":"Home","id":"hero"},
                         {"name":"About","id":"about"},
                         {"name":"Menu","id":"products"},
                         {"name":"Testimonials","id":"testimonials"},
-                        {"name":"Contact","id":"contact"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
@@ -127,4 +125,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}

src/app/styles/variables.css

@@ -4,21 +4,21 @@
 
   /* --background: #f7f6f7;;
   --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
+  --foreground: #251a0c;;
+  --primary-cta: #f4c408;;
   --secondary-cta: #ffffff;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;; */
+  --accent: #f4ca26;;
+  --background-accent: #e8daa8;; */
 
   --background: #f7f6f7;;
   --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
+  --foreground: #251a0c;;
+  --primary-cta: #f4c408;;
   --primary-cta-text: #f7f6f7;;
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #0c1325;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;;
+  --accent: #f4ca26;;
+  --background-accent: #e8daa8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);