Update src/app/styles/variables.css

Merge version_4 into main

src/app/layout.tsx

@@ -16,7 +16,7 @@ const openSans = Open_Sans({
 export const metadata: Metadata = {
   title: "GoFo - Your Daily Escape",  description: "Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere at GoFo. Perfect for relaxation and connection.",  keywords: ["coffeeshop", "cafe", "coffee", "pastries", "GoFo", "cozy", "community", "menu", "drinks", "food", "dessert"],
   openGraph: {
-    title: "GoFo - Your Daily Escape",    description: "Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere at GoFo. Perfect for relaxation and connection.",    url: "https://gofo.com",    siteName: "GoFo",    images: [
+    title: "GoFo - Your Daily Escape",    description: "Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere at GoFo. Perfect for relaxation and connection.",    url: "https://gofocoffeeshop.com",    siteName: "GoFo",    images: [
       {
         url: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",        alt: "GoFo Coffeeshop Interior"}
     ],

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-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';
@@ -29,28 +29,27 @@ export default function LandingPage() {
         <NavbarStyleCentered
           navItems={[
             { name: "Home", id: "hero" },
-            { name: "Menu", id: "product" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonial" }
           ]}
-          button={{ text: "Order Online", href: "product" }}
+          button={{ text: "Explore", href: "#hero" }}
           brandName="GoFo"
           className="py-4 px-6 md:py-6 md:px-8 lg:px-12"
         />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="GoFo: Your Daily Escape"
+          title="Your Daily Escape: Discover GoFo"
           description="Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere perfect for relaxation or connection."
           background={{ variant: "plain" }}
           tag="Welcome to GoFo"
           buttons={[
-            { text: "Explore Our Menu", href: "product" },
+            { text: "Explore Our Offerings", href: "#feature" },
             { 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 GoFo"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",              imageAlt: "Barista preparing coffee at GoFo 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"}
           ]}
@@ -61,7 +60,7 @@ export default function LandingPage() {
       </div>
       <div id="about" data-section="about">
         <MediaAbout
-          title="Our Passion for Perfect Coffee at GoFo"
+          title="Our Passion for Perfect Coffee"
           description="At GoFo, we believe every cup tells a story. We meticulously source the finest beans, roast them to perfection, and craft each drink with care. More than just a coffee shop, GoFo is a community hub where moments are shared and memories are made."
           tag="About GoFo"
           imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
@@ -70,32 +69,12 @@ export default function LandingPage() {
           useInvertedBackground={false}
         />
       </div>
-      <div id="product" data-section="product">
+      
-        <ProductCardOne
-          products={[
-            {
-              id: "1",              name: "Espresso Forte",              price: "$3.50",              imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6682.jpg",              imageAlt: "Espresso Forte"},
-            {
-              id: "2",              name: "Velvet Latte",              price: "$5.25",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg",              imageAlt: "Velvet Latte"},
-            {
-              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: "GoFo's Signature Sandwich",              price: "$9.50",              imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg",              imageAlt: "GoFo's Signature Sandwich"}
-          ]}
-          title="Our Delicious Offerings"
-          description="Indulge in our exquisite selection of handcrafted coffees and freshly baked treats."
-          tag="Our Menu"
-          textboxLayout="default"
-          animationType="slide-up"
-          gridVariant="four-items-2x2-equal-grid"
-          useInvertedBackground={false}
-        />
-      </div>
       <div id="feature" data-section="feature">
         <FeatureCardTwentyOne
           title="Why Choose GoFo?"
           description="We're dedicated to bringing you an unparalleled coffee experience, from our ethically sourced beans to our warm, welcoming staff."
-          tag="Our GoFo Difference"
+          tag="Our Difference"
           accordionItems={[
             {
               id: "1",              title: "Premium, Ethically Sourced Beans",              content:
@@ -158,7 +137,7 @@ export default function LandingPage() {
                 "Cozy atmosphere & friendly staff",                "Perfect for work, study, or relaxation"]
             }
           ]}
-          title="GoFo's Coffee & Community in Numbers"
+          title="Our Coffee & Community in Numbers"
           description="Experience the GoFo difference, quantified by quality and customer happiness."
           textboxLayout="default"
           animationType="blur-reveal"
@@ -173,14 +152,13 @@ export default function LandingPage() {
             {
               title: "Explore",              items: [
                 { label: "Home", href: "/" },
-                { label: "Menu", href: "#product" },
                 { label: "About Us", href: "#about" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Instagram", href: "https://instagram.com/gofo" },
+                { label: "Instagram", href: "https://instagram.com/gofocoffeeshop" },
-                { label: "Facebook", href: "https://facebook.com/gofo" }
+                { label: "Facebook", href: "https://facebook.com/gofocoffeeshop" }
               ]
             },
             {

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #251a0c;;
+  --foreground: #fffffae6;;
-  --primary-cta: #f4c408;;
+  --primary-cta: #fde047;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #f4ca26;;
+  --accent: #737373;;
-  --background-accent: #e8daa8;; */
+  --background-accent: #737373;; */
 
-  --background: #f7f6f7;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #251a0c;;
+  --foreground: #fffffae6;;
-  --primary-cta: #f4c408;;
+  --primary-cta: #fde047;;
-  --primary-cta-text: #f7f6f7;;
+  --primary-cta-text: #0a0a0a;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --secondary-cta-text: #251a0c;;
+  --secondary-cta-text: #fffffae6;;
-  --accent: #f4ca26;;
+  --accent: #737373;;
-  --background-accent: #e8daa8;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);