Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
 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: "Browse Menu", href: "menu" },
-            { text: "Visit Us", href: "contact" }
+            { 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"
+          title="Crafted With Passion Since 2010"
-          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."
+          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">
         <ProductCardSeven
-          title="Our Menu"
+          title="Signature Menu"
-          description="Handcrafted beverages made with care and premium ingredients"
+          description="Expertly crafted beverages featuring our finest blends and seasonal creations"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="slide-up"
@@ -113,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"
+          cardTitle="Beloved by Coffee Enthusiasts Everywhere"
-          cardTag="Loved by our community"
+          cardTag="Customer Favorites"
           cardTagIcon={Heart}
           testimonials={[
             {
@@ -148,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: "Contact Us", href: "#" },
-            { text: "Find Our Location", href: "#" }
+            { text: "Find a Location", href: "#" }
           ]}
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterBaseCard
           columns={[
             {
               title: "Menu",
@@ -186,6 +186,7 @@ export default function LandingPage() {
               ]
             }
           ]}
+          logoText="CoffeeFlow"
           copyrightText="© 2025 CoffeeFlow. All rights reserved."
         />
       </div>