"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "home" },
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Catalog", id: "catalog" },
        { name: "Products", id: "/products" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="FoodieFinder"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{ variant: "radial-gradient" }}
      title="Discover Exceptional Food Near You"
      description="Find the best restaurants in your area, read reviews, and book your next meal with ease using our curated discovery platform."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "User 1" },
        { src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "User 2" },
        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-food-phone_23-2149155151.jpg", alt: "User 3" },
        { src: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg", alt: "User 4" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg", alt: "User 5" },
      ]}
      buttons={[
        { text: "Explore Nearby", href: "#catalog" },
        { text: "Learn More", href: "#about" },
      ]}
      marqueeItems={[
        { type: "text", text: "Verified Reviews" },
        { type: "text", text: "Instant Reservations" },
        { type: "text", text: "Local Hidden Gems" },
        { type: "text", text: "Exclusive Discounts" },
        { type: "text", text: "Seamless Delivery" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Your Culinary Companion"
      description={[
        "FoodieFinder is dedicated to connecting you with the finest local dining experiences. Our mission is to make finding your next perfect meal simple, reliable, and inspiring.",        "We partner with top-rated local restaurants to provide authentic reviews, real-time availability, and curated selections for every craving."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        { title: "Rapid Delivery", description: "Get your favorite dishes delivered at lightning speed.", imageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38411.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38412.jpg", buttonText: "Explore" },
        { title: "Real-time Tracking", description: "Know exactly where your meal is at all times.", imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-labels-with-elegant-style_23-2147675456.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-with-cardboard-boxes-cartoon-shipping-transportation-concept-white-website-banner-background-3d-rendering_56104-1912.jpg", buttonText: "Track" },
        { title: "Smart Booking", description: "Easily reserve your table at the best spots.", imageSrc: "http://img.b2bpic.net/free-photo/cook-presenting-tablet_23-2147959051.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", buttonText: "Book" },
      ]}
      title="Seamless Dining Features"
      description="Powerful tools designed to simplify your food discovery journey."
    />
  </div>

  <div id="catalog" data-section="catalog">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Gourmet Burger", price: "$18", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5876.jpg" },
        { id: "p2", name: "Classic Pasta", price: "$22", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-pasta-yummy-inside-white-plate-grey-floor_140725-14394.jpg" },
        { id: "p3", name: "Craft Cocktail", price: "$12", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337725.jpg" },
        { id: "p4", name: "Garden Salad", price: "$14", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomato-salad-with-feta-cheese-black-pepper_23-2148700390.jpg" },
        { id: "p5", name: "Decadent Cake", price: "$9", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg" },
        { id: "p6", name: "Appetizer Platter", price: "$16", variant: "Sharing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cakes-fruity-sweets-with-cookies-dark-background-tea-cookie-biscuit-pie-cake-sweet_140725-96208.jpg" },
      ]}
      title="Curated Local Dishes"
      description="Hand-picked culinary highlights from the best kitchens in town."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        { id: "basic", badge: "Essential", price: "$0/mo", subtitle: "Access to local lists", features: ["Basic searches", "Limited reviews", "Community access"] },
        { id: "pro", badge: "Foodie+", price: "$9/mo", subtitle: "Premium dining experience", features: ["Priority bookings", "Exclusive discounts", "Ad-free browsing"] },
      ]}
      title="Membership Plans"
      description="Unlock premium restaurant perks and exclusive dining offers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Alex R.", role: "Food Blogger", company: "EatOut", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
        { id: "2", name: "Jamie L.", role: "Chef", company: "KitchenLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg" },
        { id: "3", name: "Sarah K.", role: "Traveler", company: "Globetrotter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
        { id: "4", name: "Marcus B.", role: "Critic", company: "DishMag", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-attractive-young-woman-using-mobile-phone_1262-5275.jpg" },
        { id: "5", name: "Elena P.", role: "Foodie", company: "LocalList", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg" },
      ]}
      title="Loved by Food Lovers"
      description="See what our community has to say about their dining adventures."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "How does the search work?", content: "Just enter your location or cuisine preference, and we'll show you the best results nearby." },
        { id: "2", title: "Is booking guaranteed?", content: "Bookings are confirmed in real-time through our partner restaurant network." },
        { id: "3", title: "Can I save my favorites?", content: "Yes, create an account to save and organize your favorite dining spots." },
      ]}
      title="Frequently Asked"
      description="Got questions about finding your next meal? We have answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      text="Ready to discover your next favorite restaurant? Reach out to our team for partnerships or support."
      buttons={[{ text: "Contact Us", href: "mailto:hello@foodiefinder.com" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/table-two-food-photography-recipe-idea_53876-47154.jpg"
      logoText="FoodieFinder"
      columns={[
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
