Update src/app/shop/page.tsx

Merge version_6 into main

src/app/page.tsx

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

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

@@ -98,7 +98,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                             {"name":"Testimonials","id":"testimonials"},
                             {"name":"Contact","id":"contact"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Reserve Now", href: "#contact" }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -145,7 +145,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 {"name":"Testimonials","id":"testimonials"},
                                 {"name":"Contact","id":"contact"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Reserve Now", href: "#contact" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -199,7 +199,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         {"name":"Testimonials","id":"testimonials"},
                         {"name":"Contact","id":"contact"}
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    button={{ text: "Reserve Now", href: "#contact" }}
                 />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">

src/app/shop/page.tsx

@@ -43,7 +43,7 @@ function ShopPageContent() {
                             {"name":"Testimonials","id":"testimonials"},
                             {"name":"Contact","id":"contact"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Reserve Now", href: "#contact" }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -89,7 +89,7 @@ function ShopPageContent() {
                         {"name":"Testimonials","id":"testimonials"},
                         {"name":"Contact","id":"contact"}
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    button={{ text: "Reserve Now", href: "#contact" }}
                 />
                 </div>
                 <div id="productCatalog" data-section="productCatalog">

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #010912;;
+  /* --background: #e8d4c4;;
-  --card: #152840;;
+  --card: #f5e6d9;;
-  --foreground: #e6f0ff;;
+  --foreground: #3d2817;;
-  --primary-cta: #cee7ff;;
+  --primary-cta: #8b4513;;
-  --secondary-cta: #0e1a29;;
+  --secondary-cta: #f5e6d9;;
-  --accent: #3f5c79;;
+  --accent: #d4a373;;
-  --background-accent: #004a93;; */
+  --background-accent: #b8925f;; */
 
-  --background: #010912;;
+  --background: #e8d4c4;;
-  --card: #152840;;
+  --card: #f5e6d9;;
-  --foreground: #e6f0ff;;
+  --foreground: #3d2817;;
-  --primary-cta: #cee7ff;;
+  --primary-cta: #8b4513;;
-  --primary-cta-text: #f7f6f7;;
+  --primary-cta-text: #ffffff;;
-  --secondary-cta: #0e1a29;;
+  --secondary-cta: #f5e6d9;;
-  --secondary-cta-text: #0c1325;;
+  --secondary-cta-text: #3d2817;;
-  --accent: #3f5c79;;
+  --accent: #d4a373;;
-  --background-accent: #004a93;;
+  --background-accent: #b8925f;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);