Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Coffee, MapPin, Sparkles, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,12 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Visit",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Menu", id: "products" },
+        { name: "Visit", id: "contact" },
       ]}
       brandName="Grounded"
     />
@@ -44,16 +41,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Grounded in Quality, Built on Community"
       description="Discover expertly roasted coffee and a space designed for connection. From our beans to your cup, every detail matters."
       tag="Artisanal Specialty Coffee"
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg",          imageAlt: "artisanal coffee roasting process"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg",          imageAlt: "latte art pouring close-up"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg", imageAlt: "artisanal coffee roasting process" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg", imageAlt: "latte art pouring close-up" },
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -63,11 +57,10 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
+      <TextSplitAbout
       title="Our story begins with the bean."
-      tag="Our Philosophy"
-      tagIcon={Coffee}
+      description={["We believe in the power of a perfect cup. Grounded was born from a passion for specialty coffee and a desire to create a welcoming space where neighborhood stories are shared over expertly roasted brews.", "Our mission is simple: to connect our community, one cup at a time, through ethically sourced beans and warm, mindful service."]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -76,15 +69,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Expert Roasting",          description: "Small batches for maximum flavor.",          bentoComponent: "reveal-icon",          icon: Coffee,
-        },
-        {
-          title: "Local Sourcing",          description: "We support neighborhood producers.",          bentoComponent: "reveal-icon",          icon: MapPin,
-        },
-        {
-          title: "Atmosphere",          description: "Designed for connection and comfort.",          bentoComponent: "reveal-icon",          icon: Users,
-        },
+        { title: "Expert Roasting", description: "Small batches for maximum flavor.", bentoComponent: "reveal-icon", icon: Coffee },
+        { title: "Local Sourcing", description: "We support neighborhood producers.", bentoComponent: "reveal-icon", icon: MapPin },
+        { title: "Atmosphere", description: "Designed for connection and comfort.", bentoComponent: "reveal-icon", icon: Users },
       ]}
       title="Why we are different."
       description="From farm to cup, we prioritize sustainability and quality."
@@ -99,18 +86,8 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Espresso",          price: "$3.50",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67866.jpg",          imageAlt: "specialty coffee drink mug"},
-        {
-          id: "2",          name: "House Blend Beans",          price: "$18.00",          variant: "Retail",          imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg",          imageAlt: "freshly roasted coffee beans"},
-        {
-          id: "3",          name: "Almond Croissant",          price: "$4.25",          variant: "Pastry",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-panettone-composition_23-2149173040.jpg",          imageAlt: "freshly baked pastry croissant"},
-        {
-          id: "4",          name: "Cold Brew",          price: "$4.75",          variant: "Iced",          imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108781.jpg",          imageAlt: "iced coffee beverage summer"},
-        {
-          id: "5",          name: "Cappuccino",          price: "$4.50",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg",          imageAlt: "cappuccino with latte art"},
-        {
-          id: "6",          name: "Pour Over",          price: "$5.00",          variant: "Specialty",          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee-with-kettle-filter_23-2148824401.jpg",          imageAlt: "pour over coffee setup"},
+        { id: "1", name: "Espresso", price: "$3.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67866.jpg" },
+        { id: "2", name: "House Blend Beans", price: "$18.00", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg" },
       ]}
       title="Explore our menu."
       description="Premium selections brewed to perfection."
@@ -124,15 +101,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "15k+",          title: "Cups Served",          description: "Annual brews",          icon: Coffee,
-        },
-        {
-          id: "m2",          value: "500+",          title: "Local Partners",          description: "Sourcing network",          icon: Users,
-        },
-        {
-          id: "m3",          value: "4.9",          title: "Average Rating",          description: "Customer love",          icon: Star,
-        },
+        { id: "m1", value: "15k+", title: "Cups Served", description: "Annual brews", icon: Coffee },
+        { id: "m2", value: "500+", title: "Local Partners", description: "Sourcing network", icon: Users },
+        { id: "m3", value: "4.9", title: "Average Rating", description: "Customer love", icon: Star },
       ]}
       title="A growing community."
       description="More than just coffee, we are building a home."
@@ -140,62 +111,36 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardTwo
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          title: "Best Coffee in Town",          quote: "Grounded is my daily ritual. The staff is incredible.",          name: "Sarah Miller",          role: "Local Resident",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-small-business-smiling-asian-barista-apron-standing-counter-coffee-shop-workin_1258-138357.jpg"},
-        {
-          id: "2",          title: "Perfect Workspace",          quote: "The atmosphere is always just right for getting things done.",          name: "Michael Chen",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg"},
-        {
-          id: "3",          title: "Authentic Experience",          quote: "You can taste the quality in every single bean.",          name: "Elena Rodriguez",          role: "Coffee Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-smart-redhead-curly-girl-student-holds-digital-tablet-while-sitting-table-college-canteen-break_613910-5829.jpg"},
-        {
-          id: "4",          title: "Friendly Community",          quote: "Always feel welcomed when I walk through the door.",          name: "David Kim",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg"},
-        {
-          id: "5",          title: "Daily Must-Have",          quote: "The best lattes in the city, hands down.",          name: "Jessica Taylor",          role: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg"},
+        { id: "1", name: "Sarah Miller", role: "Local Resident", testimonial: "Grounded is my daily ritual. The staff is incredible." },
+        { id: "2", name: "Michael Chen", role: "Designer", testimonial: "The atmosphere is always just right for getting things done." },
       ]}
       title="What our guests say."
       description="The heart of Grounded is our community."
+      animationType="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
+      tag="Contact"
+      title="Visit Us"
+      description="Located in the heart of the city at 123 Artisan Way. Reach us by phone at (555) 123-4567."
+      buttons={[{ text: "Call Us", href: "tel:+15551234567" }, { text: "Get Directions", href: "https://maps.google.com" }]}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Connect with us"
-      title="Visit Grounded Today"
-      description="Join us for a cup of coffee and experience the community difference. Sign up for our newsletter for news and exclusive perks."
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
       columns={[
-        {
-          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#products"},
-            {
-              label: "Visit Us",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "Facebook",              href: "#"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Visit Us", href: "#contact" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
       ]}
       logoText="Grounded Coffee"
     />
@@ -203,4 +148,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}