"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Star, Timer } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Menu",          id: "products"},
        {
          name: "About",          id: "about"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Domino's"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
      title="Fresh, Hot, Delivered."
      description="Experience the world's best pizza, crafted with love and delivered fresh to your door in 30 minutes or less."
      imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-italian-food-dough-snack-pizza_140725-101756.jpg"
      imageAlt="fresh delicious pizza table wooden"
      buttons={[
        {
          text: "Order Now",          href: "#products"},
        {
          text: "View Menu",          href: "#products"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Crafted with Passion"
      description="Since our founding, we've focused on one mission: serving the best pizza on the planet. From our secret sauce to our hand-stretched dough, quality is in every bite."
      metrics={[
        {
          value: "500+",          title: "Store Locations"},
        {
          value: "1M+",          title: "Satisfied Customers"},
        {
          value: "100%",          title: "Fresh Ingredients"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/from-frame-near-pizza-ingredients_23-2147772079.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
      imageAlt="pizza chef working in kitchen"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Fresh Ingredients",          descriptions: [
            "Locally sourced vegetables and high-quality dairy."],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-cooking-pizza-together_23-2150283056.jpg"},
        {
          id: "f2",          title: "30-Minute Guarantee",          descriptions: [
            "Hot pizza every time or it's on us."],
          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dough-pizza_23-2148753797.jpg"},
        {
          id: "f3",          title: "Custom Crusts",          descriptions: [
            "Pan, thin, or hand-tossed to perfection."],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg"},
      ]}
      title="Why Choose Us?"
      description="We take pride in our process, from farm-to-table ingredients to our state-of-the-art delivery fleet."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Classic Pepperoni",          price: "$12.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-with-vegetable-salad-cola-can_114579-2285.jpg"},
        {
          id: "p2",          name: "Margherita Masterpiece",          price: "$11.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-meat-pizza-with-pepperoni-chicken-beef_141793-2443.jpg"},
        {
          id: "p3",          name: "Veggie Supreme",          price: "$13.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hand-holding-pan-with-cooked-pizza_23-2148361362.jpg"},
        {
          id: "p4",          name: "Meat Lovers",          price: "$14.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-pizza-with-colorful-bell-peppers-corn-meat-mushrooms_181624-59679.jpg"},
        {
          id: "p5",          name: "BBQ Chicken",          price: "$13.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-bell-peppers-herbs-barbecue-sauce_140725-8379.jpg"},
        {
          id: "p6",          name: "Hawaiian Classic",          price: "$12.49",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheesy-pizza-with-red-tomatoes-black-olives-bell-peppers-sausages-grey-background-fast-food-italian-dough-meal-food-bake_140725-23177.jpg"},
      ]}
      title="Our Menu Favorites"
      description="Choose from our wide selection of classic and specialty pizzas."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "15M",          title: "Pizzas Sold",          description: "Across the globe yearly.",          icon: Star,
        },
        {
          id: "m2",          value: "4.8",          title: "Avg Rating",          description: "From our happy guests.",          icon: Award,
        },
        {
          id: "m3",          value: "30m",          title: "Delivery Time",          description: "Average delivery duration.",          icon: Timer,
        },
      ]}
      title="Our Impact"
      description="Consistent quality across all our locations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The best pizza experience I've had in years! Always hot and consistent quality."
      rating={5}
      author="Sarah Miller"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg",          alt: "happy customer eating pizza"},
        {
          src: "http://img.b2bpic.net/free-photo/people-eating-pizza-restaurant_23-2148172683.jpg",          alt: "happy customer eating pizza"},
        {
          src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",          alt: "happy customer eating pizza"},
        {
          src: "http://img.b2bpic.net/free-photo/young-people-taking-slices-hot-pizza-from-cardboard-box-table_169016-18833.jpg",          alt: "happy customer eating pizza"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",          alt: "Portrait of happy woman eatingout having breakfast and talking to friend"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you offer delivery?",          content: "Yes, we offer delivery to your doorstep within 30 minutes."},
        {
          id: "q2",          title: "Are your ingredients fresh?",          content: "Absolutely, we use only high-quality, fresh ingredients daily."},
        {
          id: "q3",          title: "Can I track my order?",          content: "Yes, use our real-time tracker on the app or website."},
      ]}
      title="Common Questions"
      description="Have questions about ordering? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Contact Us"
      title="Get in Touch"
      description="Need support or feedback? Reach out to our team today."
      inputPlaceholder="Enter your email"
      buttonText="Submit"
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Domino's"
      copyrightText="© 2024 Domino's Clone"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}