Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -1,13 +1,13 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Heart } from "lucide-react";
 
 export default function LandingPage() {
@@ -41,10 +41,10 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
           logoText="CoffeeFlow"
-          description="Discover the perfect brew. Fresh, locally-roasted coffee crafted for every moment of your day."
+          description="Your perfect brew awaits. Handcrafted espresso, creamy lattes, and seasonal specials made fresh daily."
           buttons={[
-            { text: "Explore Menu", href: "menu" },
-            { text: "Visit Us", href: "contact" }
+            { text: "Browse Menu", href: "menu" },
+            { text: "Reserve a Table", href: "contact" }
           ]}
           slides={[
             {
@@ -67,20 +67,20 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <MediaSplitAbout
-          title="Our Coffee Story"
-          description="Since 2010, CoffeeFlow has been dedicated to bringing exceptional coffee to our community. We partner with fair-trade farmers and specialty roasters to deliver the freshest, most flavorful coffee experience. Every cup tells a story of passion, craftsmanship, and commitment to quality."
+          title="Crafted With Passion Since 2010"
+          description="CoffeeFlow represents our commitment to excellence in every cup. We source premium beans directly from ethical suppliers and roast them fresh to perfection. Our baristas are passionate about creating the perfect coffee experience for you."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766758399249-5ptbosia.jpg"
           imageAlt="Coffee beans and roasting process"
           imagePosition="right"
-          buttons={[{ text: "Learn More", href: "#" }]}
+          buttons={[{ text: "Our Story", href: "#" }]}
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="menu" data-section="menu">
-        <ProductCardThree
-          title="Our Menu"
-          description="Handcrafted beverages made with care and premium ingredients"
+        <ProductCardSeven
+          title="Signature Menu"
+          description="Expertly crafted beverages featuring our finest blends and seasonal creations"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="slide-up"
@@ -91,24 +91,21 @@ export default function LandingPage() {
               name: "Classic Espresso",
               price: "$3.50",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766757626429-ve9tnr36.jpg",
-              imageAlt: "Classic espresso shot",
-              initialQuantity: 1
+              imageAlt: "Classic espresso shot"
             },
             {
               id: "2",
               name: "Signature Latte",
               price: "$5.00",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766758400797-4e6y3l0g.jpg",
-              imageAlt: "Latte with latte art",
-              initialQuantity: 1
+              imageAlt: "Latte with latte art"
             },
             {
               id: "3",
               name: "Cold Brew Iced",
               price: "$4.50",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766758402088-wj4zl5un.jpg",
-              imageAlt: "Refreshing iced cold brew",
-              initialQuantity: 1
+              imageAlt: "Refreshing iced cold brew"
             }
           ]}
         />
@@ -116,8 +113,8 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve
-          cardTitle="Join thousands of coffee lovers who trust CoffeeFlow for their daily dose of excellence"
-          cardTag="Loved by our community"
+          cardTitle="Beloved by Coffee Enthusiasts Everywhere"
+          cardTag="Customer Favorites"
           cardTagIcon={Heart}
           testimonials={[
             {
@@ -151,18 +148,18 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to experience the perfect cup? Visit our cafe today or order online for pickup."
+          text="Stop by our cafe to experience the perfect cup or connect with us online. We're here to serve you amazing coffee every day."
           animationType="entrance-slide"
           buttons={[
-            { text: "Get in Touch", href: "#" },
-            { text: "Find Our Location", href: "#" }
+            { text: "Contact Us", href: "#" },
+            { text: "Find a Location", href: "#" }
           ]}
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterBaseCard
           columns={[
             {
               title: "Menu",
@@ -189,6 +186,7 @@ export default function LandingPage() {
               ]
             }
           ]}
+          logoText="CoffeeFlow"
           copyrightText="© 2025 CoffeeFlow. All rights reserved."
         />
       </div>