"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, Flame, Leaf, Truck, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "home" },
        { name: "Features", id: "features" },
        { name: "Menu", id: "menu" },
        { name: "Reviews", id: "reviews" },
        { name: "Contact", id: "contact" }
      ]}
      brandName="New Pizza Stand"
      button={{ text: "Order Now", href: "#menu" }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{ variant: "gradient-bars" }}
      title="Fresh Pizza, Delivered Hot in Maruti Kunj"
      description="Experience the perfect blend of tradition and taste. New Pizza Stand brings handcrafted, oven-fresh pizzas directly to your doorstep or your table."
      kpis={[
        { value: "15+", label: "Pizza Varieties" },
        { value: "30m", label: "Avg Delivery" },
        { value: "5k+", label: "Happy Foodies" }
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/cut-pizza-board_23-2147772132.jpg"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg", alt: "Asian friends couple eating pizza" },
        { src: "http://img.b2bpic.net/free-photo/young-happy-man-communicating-with-his-african-american-girlfriend-while-passing-her-food-dining-table_637285-3562.jpg", alt: "Young happy man communicating" },
        { src: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg", alt: "Lovely couple eat pizza" },
        { src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg", alt: "Front view smiley friends" },
        { src: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112172.jpg", alt: "Roommates sharing a meal" }
      ]}
      avatarText="Trusted by 5,000+ local foodies"
      marqueeItems={[
        { type: "text-icon", text: "Freshly Baked", icon: Flame },
        { type: "text-icon", text: "Fast Delivery", icon: Truck },
        { type: "text-icon", text: "Locally Sourced", icon: Leaf },
        { type: "text-icon", text: "100% Quality", icon: CheckCircle },
        { type: "text-icon", text: "Authentic Taste", icon: Utensils }
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { icon: Flame, title: "Stone Baked", description: "Authentic wood-fired flavor in every bite." },
        { icon: Truck, title: "Fast Delivery", description: "Guaranteed hot delivery in Maruti Kunj." },
        { icon: Leaf, title: "Fresh Ingredients", description: "Locally sourced produce and fresh dough." }
      ]}
      title="Why New Pizza Stand?"
      description="We are committed to quality, speed, and great taste in every single bite."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Classic Margherita", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-5373.jpg" },
        { id: "2", name: "Garden Fresh Veggie", price: "₹299", imageSrc: "http://img.b2bpic.net/free-photo/neapolitan-spicy-pizza-with-ham-cheese-arugula-basil-tomatoes-pepperoni-pepper-sprayed-with-cheese_78826-2234.jpg" },
        { id: "3", name: "Double Cheese Blast", price: "₹349", imageSrc: "http://img.b2bpic.net/free-photo/margherita-pizza-with-cheese_140725-11081.jpg" },
        { id: "4", name: "Spicy Paneer Fusion", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-pizza_1339-2783.jpg" },
        { id: "5", name: "Tandoori Chicken", price: "₹449", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-635.jpg" },
        { id: "6", name: "BBQ Smokehouse", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-642.jpg" }
      ]}
      title="Our Signature Pizzas"
      description="From classic favorites to local fusion delights, discover your new favorite."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Ananya Sharma", role: "Local Resident", company: "Maruti Kunj", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-cropped-view-cheerful-black-woman-with-afro-hairstyle-eats-delicious-italian-pizza-from-boyfriends-hands_273609-18723.jpg" },
        { id: "2", name: "Rahul Verma", role: "Student", company: "Gurgaon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-friends-together-eating-pizza-cafe_1303-26163.jpg" },
        { id: "3", name: "Priya Singh", role: "Corporate Professional", company: "DLF Phase", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blonde-hair-sitting-with-spread-legs-table-eating-pizza-with-flirty-expression_176420-7746.jpg" },
        { id: "4", name: "Amit Kumar", role: "Tech Enthusiast", company: "Sector 50", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-pizza_23-2151231288.jpg" },
        { id: "5", name: "Neha Gupta", role: "Homemaker", company: "Maruti Kunj", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza-outside_23-2149872430.jpg" }
      ]}
      kpiItems={[
        { value: "4.9", label: "Avg Rating" },
        { value: "1k+", label: "Orders Monthly" },
        { value: "98%", label: "Happy Clients" }
      ]}
      title="Voices of Maruti Kunj"
      description="Don't just take our word for it—hear what our local customers love about our pizza."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Serving Smiles Daily"
      tag="Our Impact"
      metrics={[
        { id: "m1", value: "2024", description: "Est. Year of Excellence" },
        { id: "m2", value: "500+", description: "Pizzas Baked Weekly" },
        { id: "m3", value: "100%", description: "Fresh Quality" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Do you deliver to my area?", content: "Yes, we cover Maruti Kunj and surrounding Gurgaon areas within a 5km radius." },
        { id: "f2", title: "Is dine-in available?", content: "Absolutely! Come visit us for a cozy pizza experience." },
        { id: "f3", title: "Can I customize toppings?", content: "Yes, you can customize your favorite pizza with our wide range of toppings." }
      ]}
      title="Frequently Asked Questions"
      description="Got questions? We've got the answers about our menu, delivery, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      title="Ready for a Slice?"
      description="Sign up for our newsletter to get exclusive deals and the latest menu updates sent to your inbox."
      tag="Stay Connected"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
      ]}
      logoText="New Pizza Stand"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
