Update src/app/styles/variables.css

Merge version_2 into main

src/app/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: "Alla Coffeeshop - Your Daily Escape",    description: "Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere at Alla Coffeeshop. Perfect for relaxation and connection.",    url: "https://allacoffeeshop.com",    siteName: "Alla Coffeeshop",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",        alt: "Alla Coffeeshop Interior"},
+        url: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",        alt: "Alla Coffeeshop Interior"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -8,7 +8,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
@@ -31,8 +31,7 @@ export default function LandingPage() {
             { name: "Home", id: "hero" },
             { name: "Menu", id: "product" },
             { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonial" },
+            { name: "Testimonials", id: "testimonial" }
-            { name: "Contact", id: "contact" },
           ]}
           button={{ text: "Order Online", href: "product" }}
           brandName="Alla Coffeeshop"
@@ -47,13 +46,13 @@ export default function LandingPage() {
           tag="Welcome to Alla"
           buttons={[
             { text: "Explore Our Menu", href: "product" },
-            { text: "Find Us", href: "contact" },
+            { text: "Find Us", href: "#contact" }
           ]}
           mediaItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",              imageAlt: "Barista preparing coffee at Alla Coffeeshop"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",              imageAlt: "Close-up of latte art"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",              imageAlt: "Close-up of latte art"}
           ]}
           mediaAnimation="slide-up"
           rating={5}
@@ -81,7 +80,7 @@ export default function LandingPage() {
             {
               id: "3",              name: "Buttery Croissant",              price: "$4.00",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg",              imageAlt: "Buttery Croissant"},
             {
-              id: "4",              name: "Alla's Signature Sandwich",              price: "$9.50",              imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg",              imageAlt: "Alla's Signature Sandwich"},
+              id: "4",              name: "Alla's Signature Sandwich",              price: "$9.50",              imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg",              imageAlt: "Alla's Signature Sandwich"}
           ]}
           title="Our Delicious Offerings"
           description="Indulge in our exquisite selection of handcrafted coffees and freshly baked treats."
@@ -106,7 +105,7 @@ export default function LandingPage() {
                 "Our baristas are passionate artisans, trained to perfect every pour, foam, and flavor to create your ideal coffee."},
             {
               id: "3",              title: "Cozy Atmosphere & Community",              content:
-                "Alla is more than a place to grab coffee; it's a comfortable space designed for connection, creativity, and calm moments."},
+                "Alla is more than a place to grab coffee; it's a comfortable space designed for connection, creativity, and calm moments."}
           ]}
           videoSrc="http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg"
           videoAriaLabel="Roasted coffee beans"
@@ -135,7 +134,7 @@ export default function LandingPage() {
                 "Our favorite weekend spot! We love the cozy vibes and the consistently delicious coffee. A true gem.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-hands-talking-cafe_637285-12503.jpg",              imageAlt: "Maria & Ben"},
             {
               id: "6",              name: "Olga S.",              handle: "Food Blogger",              testimonial:
-                "Alla offers a truly exceptional coffee experience. Their espresso is perfectly balanced and full-bodied.",              imageSrc: "http://img.b2bpic.net/free-photo/asian-man-eyewear-yellow-sweatshirt-sitting-cafe-read-menu_627829-14184.jpg",              imageAlt: "Olga S."},
+                "Alla offers a truly exceptional coffee experience. Their espresso is perfectly balanced and full-bodied.",              imageSrc: "http://img.b2bpic.net/free-photo/asian-man-eyewear-yellow-sweatshirt-sitting-cafe-read-menu_627829-14184.jpg",              imageAlt: "Olga S."}
           ]}
           animationType="slide-up"
           title="What Our Guests Say"
@@ -149,15 +148,15 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",              value: "100%",              title: "Finest Arabica Beans",              items: [
-                "Ethically sourced from sustainable farms",                "Expertly roasted for rich flavor"],
+                "Ethically sourced from sustainable farms",                "Expertly roasted for rich flavor"]
             },
             {
-              id: "2",              value: "50+",              title: "Signature Drinks Crafted",              items: ["Classic espresso beverages", "Unique seasonal specials"],
+              id: "2",              value: "50+",              title: "Signature Drinks Crafted",              items: ["Classic espresso beverages", "Unique seasonal specials"]
             },
             {
               id: "3",              value: "5 Star",              title: "Customer Satisfaction",              items: [
-                "Cozy atmosphere & friendly staff",                "Perfect for work, study, or relaxation"],
+                "Cozy atmosphere & friendly staff",                "Perfect for work, study, or relaxation"]
-            },
+            }
           ]}
           title="Our Coffee & Community in Numbers"
           description="Experience the Alla difference, quantified by quality and customer happiness."
@@ -166,19 +165,6 @@ export default function LandingPage() {
           useInvertedBackground={false}
         />
       </div>
-      <div id="contact" data-section="contact">
-        <ContactCTA
-          tag="Visit Us"
-          title="Come Enjoy the Alla Experience"
-          description="Whether you're looking for your morning brew, a quiet place to work, or a cozy spot to meet friends, Alla Coffeeshop awaits."
-          buttons={[
-            { text: "Get Directions", href: "https://maps.app.goo.gl/examplelocation" },
-            { text: "Call Us", href: "tel:+1234567890" },
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           videoSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-coffee-cup_23-2148865570.jpg"
@@ -188,22 +174,21 @@ export default function LandingPage() {
               title: "Explore",              items: [
                 { label: "Home", href: "/" },
                 { label: "Menu", href: "#product" },
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "#about" }
-              ],
+              ]
             },
             {
               title: "Connect",              items: [
-                { label: "Contact", href: "#contact" },
                 { label: "Instagram", href: "https://instagram.com/allacoffeeshop" },
-                { label: "Facebook", href: "https://facebook.com/allacoffeeshop" },
+                { label: "Facebook", href: "https://facebook.com/allacoffeeshop" }
-              ],
+              ]
             },
             {
               title: "Legal",              items: [
                 { label: "Privacy Policy", href: "/privacy" },
-                { label: "Terms of Service", href: "/terms" },
+                { label: "Terms of Service", href: "/terms" }
-              ],
+              ]
-            },
+            }
           ]}
           logoText="Alla Coffeeshop"
           copyrightText="© 2024 Alla Coffeeshop. All rights reserved."

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
+  /* --background: #0a0a0a;;
-  --card: #f9f9f9;;
+  --card: #1a1a1a;;
-  --foreground: #000f06e6;;
+  --foreground: #fffffae6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #fde047;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #e2e2e2;;
+  --accent: #737373;;
-  --background-accent: #c4c4c4;; */
+  --background-accent: #737373;; */
 
-  --background: #ffffff;;
+  --background: #0a0a0a;;
-  --card: #f9f9f9;;
+  --card: #1a1a1a;;
-  --foreground: #000f06e6;;
+  --foreground: #fffffae6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #fde047;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #1a1a1a;;
   --secondary-cta-text: #000f06e6;;
-  --accent: #e2e2e2;;
+  --accent: #737373;;
-  --background-accent: #c4c4c4;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);