Update src/app/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -30,7 +30,7 @@ export default function BlogPage() {
                         { name: "About", id: "/#about" },
                         { name: "Menu", id: "/#menu" },
                         { name: "Testimonials", id: "/#testimonials" },
-                        { name: "Contact", id: "/#contact" },
+                        { name: "Contact", id: "/#contact" }
                     ]}
                     brandName="Pia"
                     bottomLeftText="Experience the perfect brew."
@@ -58,21 +58,21 @@ export default function BlogPage() {
                             title: "Explore",                            items: [
                                 { label: "Home", href: "/" },
                                 { label: "Menu", href: "/#menu" },
-                                { label: "About Us", href: "/#about" },
-                            ],
+                                { label: "About Us", href: "/#about" }
+                            ]
                         },
                         {
                             title: "Connect",                            items: [
                                 { label: "Contact", href: "/#contact" },
-                                { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" },
-                            ],
+                                { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }
+                            ]
                         },
                         {
                             title: "Legal",                            items: [
                                 { label: "Privacy Policy", href: "/privacy" },
-                                { label: "Terms of Service", href: "/terms" },
-                            ],
-                        },
+                                { label: "Terms of Service", href: "/terms" }
+                            ]
+                        }
                     ]}
                     bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                     bottomRightText="Crafted with care by Pia"
@@ -80,4 +80,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -12,12 +12,12 @@ export const metadata: Metadata = {
   title: "Pia Coffeeshop | Your Daily Brew of Happiness",  description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",  openGraph: {
     title: "Pia Coffeeshop",    description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",    url: "https://www.piacoffee.com",    siteName: "Pia Coffeeshop",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg",        alt: "Cozy coffeeshop interior"},
-    ],
+        url: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg",        alt: "Cozy coffeeshop interior"      }
+    ]
   },
   twitter: {
-    card: "summary_large_image",    title: "Pia Coffeeshop | Your Daily Brew of Happiness",    description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",    images: ["https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg"],
-  },
+    card: "summary_large_image",    title: "Pia Coffeeshop | Your Daily Brew of Happiness",    description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",    images: ["https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg"]
+  }
 };
 
 export default function RootLayout({
@@ -1404,4 +1404,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -43,7 +43,7 @@ export default function SitePage() {
             { imageSrc: 'https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg', imageAlt: 'Cozy coffeeshop interior' },
             { imageSrc: 'https://img.b2bpic.net/free-photo/coffee-cup-with-cookies-coffee-beans-grinded-coffee-cinnamon-sticks-top-view-grey-plaster-background_176474-64438.jpg?_wi=1', imageAlt: 'A cup of coffee with latte art' },
             { imageSrc: 'https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg?_wi=1', imageAlt: 'Freshly baked pastries on display' },
-            { imageSrc: 'https://img.b2bpic.net/free-photo/close-up-coffee-with-heart_1203-1992.jpg?_wi=1', imageAlt: 'Barista making latte art' },
+            { videoSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1771684785214-9g6egt6v.mp4', imageAlt: 'Barista making latte art' },
             { imageSrc: 'https://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=1', imageAlt: 'Customer enjoying coffee in a cafe' }
           ]}
           buttons={[{ text: 'View Our Menu', href: '#menu' }, { text: 'Find Us', href: '#contact' }]}
@@ -58,7 +58,7 @@ export default function SitePage() {
           description="At Pia, we believe in the simple joy of a perfect cup of coffee. Founded with a passion for quality beans and a welcoming atmosphere, we've created a space where community thrives and every visit feels like coming home."
           tag="Our Heritage"
           tagIcon={Home}
-          imageSrc="https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1771505618512-apxd95pq.mp4"
           imageAlt="A warm and inviting interior of Pia coffeeshop"
           buttons={[{ text: 'Our Philosophy', href: '#about-details' }]}
           useInvertedBackground={true}
@@ -118,7 +118,7 @@ export default function SitePage() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Visit Pia today and let us brighten your day with a perfect cup."
-          buttons={[{ text: 'Get Directions', href: 'https://maps.app.goo.gl/YourPiaLocation' }, { text: 'Contact Us', href: 'mailto:hello@piacoffee.com' }]}
+          buttons={[{ text: 'Get Directions', href: 'https://maps.app.goo.gl/YourPiaLocation' }, { text: 'Contact Us', href: 'mailto:hello@piacoffee.com' }]} 
           background={{ variant: 'plain' }}
           useInvertedBackground={true}
           animationType="entrance-slide"
@@ -138,4 +138,4 @@ export default function SitePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -91,7 +91,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -133,7 +133,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -182,7 +182,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                         brandName="Pia"
                         bottomLeftText="Experience the perfect brew."
                         bottomRightText="hello@piacoffee.com"

src/app/shop/page.tsx

@@ -58,7 +58,7 @@ function ShopPageContent() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -99,7 +99,7 @@ function ShopPageContent() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                         brandName="Pia"
                         bottomLeftText="Experience the perfect brew."
                         bottomRightText="hello@piacoffee.com"
@@ -153,4 +153,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f4ef;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --secondary-cta: #ecebea;;
-  --accent: #ffffff;;
-  --background-accent: #c6b180;; */
+  /* --background: #060000;;
+  --card: #1d0d0d;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --secondary-cta: #1f0a0a;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;; */
 
-  --background: #f5f4ef;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --primary-cta-text: #f5f4ef;;
-  --secondary-cta: #ecebea;;
-  --secondary-cta-text: #2a2928;;
-  --accent: #ffffff;;
-  --background-accent: #c6b180;;
+  --background: #060000;;
+  --card: #1d0d0d;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --primary-cta-text: #060000;;
+  --secondary-cta: #1f0a0a;;
+  --secondary-cta-text: #ffe6e6;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);