Update src/app/styles/variables.css

Merge version_5 into main

src/app/layout.tsx

@@ -14,11 +14,11 @@ 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"],
+  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", "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: [
       {
-        url: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",        alt: "GoFo Coffeeshop Interior"}
+        url: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",        alt: "GoFo Interior"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -3,8 +3,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';
@@ -19,7 +18,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="aurora"
+      background="noise"
       cardStyle="subtle-shadow"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="radial-glow"
@@ -29,24 +28,22 @@ 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: "Discover Features", href: "#feature" }}
           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: "Find Us", href: "#contact" }
+            { text: "Discover Our Features", href: "#feature" },
+            { text: "Read Testimonials", href: "#testimonial" }
           ]}
           mediaItems={[
             {
@@ -59,43 +56,11 @@ export default function LandingPage() {
           ratingText="Loved by Our Community"
         />
       </div>
-      <div id="about" data-section="about">
-        <MediaAbout
-          title="Our Passion for Perfect Coffee at GoFo"
-          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"
-          imageAlt="Exterior of GoFo Coffeeshop"
-          buttons={[{ text: "Learn Our Story", href: "#about" }]}
-          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"
+          description="We're dedicated to bringing you an unparalleled experience, from our ethically sourced beans to our warm, welcoming staff."
+          tag="GoFo's Difference"
           accordionItems={[
             {
               id: "1",              title: "Premium, Ethically Sourced Beans",              content:
@@ -134,10 +99,10 @@ 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:
-                "GoFo 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."}
+                "GoFo offers a truly exceptional 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"
+          title="What Our Guests Say About GoFo"
           description="Hear from our cherished customers who make GoFo their favorite coffee destination."
           textboxLayout="default"
           useInvertedBackground={false}
@@ -158,7 +123,7 @@ export default function LandingPage() {
                 "Cozy atmosphere & friendly staff",                "Perfect for work, study, or relaxation"]
             }
           ]}
-          title="GoFo's Coffee & Community in Numbers"
+          title="GoFo's Impact in Numbers"
           description="Experience the GoFo difference, quantified by quality and customer happiness."
           textboxLayout="default"
           animationType="blur-reveal"
@@ -172,9 +137,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Explore",              items: [
-                { label: "Home", href: "/" },
-                { label: "Menu", href: "#product" },
-                { label: "About Us", href: "#about" }
+                { label: "Home", href: "/" }
               ]
             },
             {

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #251a0c;;
-  --primary-cta: #f4c408;;
-  --secondary-cta: #ffffff;;
-  --accent: #f4ca26;;
-  --background-accent: #e8daa8;; */
+  /* --background: #1A1A1A;;
+  --card: #2A2A2A;;
+  --foreground: #FFFFFF;;
+  --primary-cta: #FDE047;;
+  --secondary-cta: #4A4A4A;;
+  --accent: #FCD34D;;
+  --background-accent: #3A3A3A;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #251a0c;;
-  --primary-cta: #f4c408;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #251a0c;;
-  --accent: #f4ca26;;
-  --background-accent: #e8daa8;;
+  --background: #1A1A1A;;
+  --card: #2A2A2A;;
+  --foreground: #FFFFFF;;
+  --primary-cta: #FDE047;;
+  --primary-cta-text: #1A1A1A;;
+  --secondary-cta: #4A4A4A;;
+  --secondary-cta-text: #FFFFFF;;
+  --accent: #FCD34D;;
+  --background-accent: #3A3A3A;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);