"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Menu", id: "products" },
        { name: "About", id: "about" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Burger Singh"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "gradient-bars" }}
      title="The United States of Burgers"
      description="Experience the legendary fusion of global flavors and Indian spices, crafted for the ultimate burger experience."
      tag="New & Improved"
      buttons={[{ text: "Order Now", href: "#products" }]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-ready-be-served-burger-with-cutlery_23-2148290640.jpg", imageAlt: "Juicy Chicken Burger" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868219.jpg", imageAlt: "Spicy Paneer Burger" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Loved by over 1 Million burger fans"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Burgers Reinvented"
      description="At Burger Singh, we believe in giving the burger a soul. By infusing the classic patty with the magic of Indian masalas, we've created a flavor profile that stands apart."
      subdescription="From our kitchens to your table, every bite is a celebration of culinary passion."
      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145558.jpg"
      mediaAnimation="opacity"
      icon={Utensils}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "United States of Chicken", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sandwich-french-fries-table_181624-61641.jpg" },
        { id: "p2", name: "Spicy Paneer Dilli-6", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-smoked-fish-sandwich-with-sour-cream-corn-sauce-tray_140725-13975.jpg" },
        { id: "p3", name: "Big Crispy Veg", price: "$6.49", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-with-many-ingredients-isolated-white-background-tasty-cheeseburger-splash-sauce_90220-1266.jpg" },
        { id: "p4", name: "Classic Cheeseburger", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg" }
      ]}
      title="Our Signature Menu"
      description="Taste the legendary fusion in every single bite."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{ items: ["No Frozen Patties Ever", "No Compromise on Hygiene", "No Artificial Preservatives"] }}
      positiveCard={{ items: ["Freshly Sourced Vegetables", "Premium Quality Meat", "Signature Spice Blends", "Zero Artificial Colors"] }}
      title="Why Burger Singh?"
      description="Excellence in every ingredient."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "1M+", description: "Burgers Served" },
        { id: "m2", value: "150+", description: "Outlets Nationwide" },
        { id: "m3", value: "4.8", description: "Average Rating" }
      ]}
      title="Numbers Speak for Themselves"
      description="Thousands of satisfied customers every day."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Amit Sharma", handle: "@amit.sharma", testimonial: "The best burger fusion I've ever had! The spices are just right.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hppy-funny-young-stylish-young-woman-grey-t-shirt-expressing-camera_291049-2384.jpg" },
        { id: "t2", name: "Priya Verma", handle: "@priya.v", testimonial: "Burger Singh never disappoints. Always fresh and delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43761.jpg" },
        { id: "t3", name: "Rahul Kapoor", handle: "@rahul.k", testimonial: "Fast service and amazing quality. Highly recommended.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-himself-with-his-thumbs_1187-3186.jpg" },
        { id: "t4", name: "Sneha Das", handle: "@sneha.das", testimonial: "Unique flavors, great value for money.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096459.jpg" },
        { id: "t5", name: "Vikram Singh", handle: "@vikram.s", testimonial: "My go-to spot for late-night cravings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-park_839833-34334.jpg" }
      ]}
      showRating={true}
      title="Our Fans Say"
      description="Authentic feedback from real burger lovers."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Zomato", "Swiggy", "Times Food", "DineOut", "EatClub", "FoodPanda", "UberEats"]}
      title="Recognized Nationally"
      description="Proud to be a household name."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Do you deliver at midnight?", content: "Yes, many of our outlets operate late night." },
        { id: "f2", title: "Are there vegetarian options?", content: "Absolutely! We pride ourselves on our delicious paneer and veggie burgers." },
        { id: "f3", title: "Can I customize my burger?", content: "Of course, you can modify toppings as per your preference." }
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Need clarity? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      title="Get Our Latest Deals"
      description="Sign up for offers and exclusive burger updates."
      tag="Newsletter"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navigation",          items: [
            { label: "Menu", href: "#products" },
            { label: "About", href: "#about" },
            { label: "Contact", href: "#contact" }
          ]
        },
        {
          title: "Legal",          items: [
            { label: "Privacy Policy", href: "#" },
            { label: "Terms", href: "#" }
          ]
        }
      ]}
      bottomLeftText="© 2024 Burger Singh. All rights reserved."
      bottomRightText="Built for flavor."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}