Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Calendar, Facebook, Instagram, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Thompson's Cove"
     />
@@ -54,49 +44,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Coastal Dining Refined"
       description="Experience the freshest catch and local flavors at Thompson's Cove, where ocean views meet exceptional culinary craft."
-      buttons={[
-        {
-          text: "Book Your Table",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19jpzk",
-          imageAlt: "coastal restaurant dining view",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eem1gm",
-          imageAlt: "fresh seafood dinner plate",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8i37by",
-          imageAlt: "restaurant interior warm lighting",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8r68zh",
-          imageAlt: "wine glass and seafood dinner",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6yjyf5",
-          imageAlt: "modern restaurant architecture details",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=78aqup",
-          imageAlt: "chef preparing gourmet seafood dish",
-        },
-      ]}
+      buttons={[{ text: "Reserve Your Coastal Table", href: "#contact" }]}
+      carouselItems={Array.from({ length: 6 }).map((_, i) => ({
+        id: (i + 1).toString(),
+        imageSrc: `https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=${1000 + i}`,
+        imageAlt: "Coastal dining scene"
+      }))}
     />
   </div>
 
@@ -104,300 +60,112 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="A Legacy of Flavor"
-      description="Thompson's Cove has been serving the freshest coastal cuisine since 1998. We prioritize sustainable sourcing and local artistry to ensure every dish tells a story."
+      description="Since 1998, we have mastered the art of coastal cuisine, combining sustainable ocean-to-table practices with artisanal techniques."
       metrics={[
-        {
-          value: "25+",
-          title: "Years Serving",
-        },
-        {
-          value: "100%",
-          title: "Locally Sourced",
-        },
-        {
-          value: "50k+",
-          title: "Happy Guests",
-        },
+        { value: "25+", title: "Years Serving" },
+        { value: "100%", title: "Locally Sourced" },
+        { value: "50k+", title: "Happy Guests" }
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=92pvb3"
-      imageAlt="coastal restaurant chef preparing food"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyThree
+      useInvertedBackground={false}
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Catch of the Day",
-          tags: [
-            "Fresh",
-            "Ocean-to-table",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uc3pye",
-          imageAlt: "fresh local seafood market",
-        },
-        {
-          id: "f2",
-          title: "Curated Wine Selection",
-          tags: [
-            "Sommelier",
-            "Premium",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0nniz",
-          imageAlt: "curated wine cellar collection",
-        },
-        {
-          id: "f3",
-          title: "Oceanfront Patio",
-          tags: [
-            "Atmosphere",
-            "Scenic",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6go1f",
-          imageAlt: "scenic ocean view restaurant",
-        },
-      ]}
       title="The Cove Experience"
-      description="Why we are a local favorite for fine dining."
+      description="Discover why we are the premier choice for coastal fine dining."
+      features={[
+        { id: "f1", title: "Fresh Catch", tags: ["Sustainable", "Daily"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uc3pye" },
+        { id: "f2", title: "Wine Cellar", tags: ["Premium", "Curated"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0nniz" },
+        { id: "f3", title: "Oceanfront Patio", tags: ["Views", "Relaxing"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6go1f" }
+      ]}
     />
   </div>
 
   <div id="menu" data-section="menu">
       <ProductCardTwo
+      useInvertedBackground={false}
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Seafood",
-          name: "Herb-Crusted Lobster",
-          price: "$42",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltmekp",
-        },
-        {
-          id: "p2",
-          brand: "Appetizer",
-          name: "Seared Sea Scallops",
-          price: "$24",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=adwewn",
-        },
-        {
-          id: "p3",
-          brand: "Catch",
-          name: "Pan-Seared Snapper",
-          price: "$36",
-          rating: 4,
-          reviewCount: "92",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg2glp",
-        },
-        {
-          id: "p4",
-          brand: "Raw Bar",
-          name: "Cove Oysters",
-          price: "$18",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48ekvc",
-        },
-        {
-          id: "p5",
-          brand: "Soup",
-          name: "Rich Seafood Bisque",
-          price: "$14",
-          rating: 4,
-          reviewCount: "65",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1pofxr",
-        },
-        {
-          id: "p6",
-          brand: "Dessert",
-          name: "Dark Chocolate Ganache",
-          price: "$12",
-          rating: 5,
-          reviewCount: "145",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ben85d",
-        },
-      ]}
       title="Signature Menu"
-      description="Crafted with passion, served with elegance."
+      description="A curated selection of our finest dishes, crafted with local ingredients."
+      products={[
+        { id: "p1", brand: "Entree", name: "Herb-Crusted Lobster", price: "$42", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltmekp" },
+        { id: "p2", brand: "Appetizer", name: "Seared Sea Scallops", price: "$24", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=adwewn" },
+        { id: "p3", brand: "Main", name: "Pan-Seared Snapper", price: "$36", rating: 4, reviewCount: "92", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg2glp" },
+        { id: "p4", brand: "Raw Bar", name: "Cove Oysters", price: "$18", rating: 5, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48ekvc" }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
+      useInvertedBackground={false}
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="one-large-right-three-stacked-left"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Foodie",
-          company: "TravelBlog",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1i7yk3",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          role: "Regular",
-          company: "LocalBiz",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0eyr3h",
-        },
-        {
-          id: "3",
-          name: "Elena Smith",
-          role: "Critic",
-          company: "FoodReview",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8gx88",
-        },
-        {
-          id: "4",
-          name: "Mark Wilson",
-          role: "Customer",
-          company: "Global Corp",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7suars",
-        },
-        {
-          id: "5",
-          name: "Lucy Davis",
-          role: "Guest",
-          company: "Luxury Living",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jhy3f9",
-        },
-      ]}
       title="Guest Stories"
-      description="What our guests say about their time at the Cove."
+      description="Heartfelt feedback from those who have enjoyed our hospitality."
+      testimonials={Array.from({ length: 4 }).map((_, i) => ({
+        id: i.toString(), name: "Guest Name", role: "Dining Enthusiast", company: "Local Visitor", rating: 5, imageSrc: `https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7suars${i}`
+      }))}
     />
   </div>
 
   <div id="social" data-section="social">
       <SocialProofOne
-      textboxLayout="split"
       useInvertedBackground={false}
-      names={[
-        "Michelin Selection",
-        "Local Sustainable Award",
-        "Travelers Choice",
-        "Coastal Press",
-        "Fine Dining Guild",
-        "Best Seafood 2024",
-        "Top Rated Guide",
-      ]}
-      title="Award-Winning Dining"
-      description="Recognized for our dedication to culinary excellence."
+      names={["Michelin", "Local Award", "Travelers Choice", "Coastal Press", "Fine Dining Guild"]}
+      title="Award-Winning Excellence"
+      description="Recognized consistently for culinary and service standards."
+      textboxLayout="split"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
+      <FaqDouble
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Do I need a reservation?",
-          content: "Yes, we highly recommend booking in advance to secure your table.",
-        },
-        {
-          id: "2",
-          title: "Are you pet-friendly?",
-          content: "Our patio is pet-friendly, but indoor seating is reserved for guests only.",
-        },
-        {
-          id: "3",
-          title: "Do you offer vegan options?",
-          content: "Absolutely, we have a curated plant-based menu available upon request.",
-        },
-      ]}
       title="Frequently Asked Questions"
-      description="Information to help you plan your dining experience."
+      description="Get answers to common queries regarding reservations and dietary needs."
       faqsAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74oj0s&_wi=1"
-      imageAlt="restaurant patio view coastal"
+      textboxLayout="split"
+      faqs={[
+        { id: "1", title: "Do I need a reservation?", content: "Reservations are recommended to ensure availability, especially on weekends." },
+        { id: "2", title: "Are pets allowed?", content: "Our outdoor patio is pet-friendly, while indoor seating is for guests only." },
+        { id: "3", title: "Do you offer vegan options?", content: "We have a curated plant-based menu available daily for our vegan guests." },
+        { id: "4", title: "Is there parking?", content: "Valet parking is available for all guests visiting the restaurant." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Reservations"
-      title="Reserve Your Table"
-      description="Join us at Thompson's Cove for an unforgettable evening. Fill out the form or call us to reserve your spot."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74oj0s&_wi=2"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      imageAlt="restaurant patio view coastal"
+      tagIcon={Calendar}
+      title="Ready for an Unforgettable Meal?"
+      description="Secure your table today and enjoy the best coastal dining experience."
+      buttons={[{ text: "Call to Book", href: "tel:+15550123456" }, { text: "Reserve Online", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Thompson's Cove"
-      columns={[
-        {
-          title: "Discover",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Menu",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+      copyrightText="© 2025 Thompson's Cove Restaurant. All Rights Reserved."
+      socialLinks={[
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}