"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Flame, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="large"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Locations",
          id: "contact",
        },
      ]}
      brandName="Burger Singh"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="The Ultimate Fusion Burger Experience"
      description="Experience the unique blend of Indian spices and classic burger perfection. Bold flavors, fresh ingredients, and a touch of Singh’s magic in every bite."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-double-burger-with-melted-cheese_23-2148290698.jpg",
          imageAlt: "Juicy fusion burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-burger-with-cheese-tomatoes-salad-dark-floor_140725-89531.jpg",
          imageAlt: "Burger with fries",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-french-fries-sour-yogurt-table_140725-10148.jpg",
          imageAlt: "Gourmet burger close-up",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burgers-onion-rings_23-2148273039.jpg",
          imageAlt: "Fresh burger ingredients",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-with-hamburger_23-2148614115.jpg",
          imageAlt: "Table full of food",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "The Burger Singh Story",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/gastronomy-expert-grating-piece-cheese-plate-while-preparing-culinary-dish-dinner-service-restaurant-culinary-gastronomic-chef-cooking-fine-dining-meal-professional-kitchen_482257-44203.jpg",
          alt: "Kitchen preparation",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Flame,
          title: "Indian Spices",
          description: "Authentic flavors blended with modern techniques.",
        },
        {
          icon: Award,
          title: "Premium Quality",
          description: "High-quality, ethically sourced ingredients in every patty.",
        },
        {
          icon: Smile,
          title: "Freshness First",
          description: "Prepared fresh to order, every single time.",
        },
      ]}
      title="Why We're Different"
      description="Discover what makes our burgers the talk of the town."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Classic Veggie",
          price: "$5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/hamburger_74190-433.jpg",
        },
        {
          id: "2",
          name: "Spicy Chicken",
          price: "$7.99",
          imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-side-fries-ketchup_140725-1725.jpg",
        },
        {
          id: "3",
          name: "Paneer Fusion",
          price: "$6.99",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetarian-burger-cutting-board-with-sauces_23-2148784532.jpg",
        },
        {
          id: "4",
          name: "Double Trouble",
          price: "$9.99",
          imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-pickles-onions_140725-9559.jpg",
        },
        {
          id: "5",
          name: "Bacon Classic",
          price: "$8.99",
          imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3163.jpg",
        },
        {
          id: "6",
          name: "Mushroom Fusion",
          price: "$7.49",
          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-buns-cheese_23-2150887826.jpg",
        },
      ]}
      title="Our Signature Menu"
      description="Explore our wide range of fusion burgers and sides."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1M+",
          description: "Burgers served with passion",
        },
        {
          id: "m2",
          value: "50+",
          description: "Unique flavor profiles",
        },
        {
          id: "m3",
          value: "4.8",
          description: "Average customer rating",
        },
      ]}
      title="Our Impact"
      description="Numbers that speak to our burger excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Best Fusion!",
          quote: "The most unique burger I've had in years.",
          name: "Amit Shah",
          role: "Food Blogger",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-home_23-2149894908.jpg",
        },
        {
          id: "2",
          title: "Truly Bold",
          quote: "Love the Indian twist on classic burgers.",
          name: "Riya Kapoor",
          role: "Tech Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg",
        },
        {
          id: "3",
          title: "Freshness!",
          quote: "You can taste the quality in every bite.",
          name: "Sneha Das",
          role: "Student",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-peaches_23-2150312260.jpg",
        },
        {
          id: "4",
          title: "Quick & Tasty",
          quote: "Perfect for a quick lunch that feels special.",
          name: "Vikram Singh",
          role: "Business Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491782.jpg",
        },
        {
          id: "5",
          title: "Amazing",
          quote: "Highly recommend thePaneer Fusion!",
          name: "Pooja Mehta",
          role: "Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-eating-tasty-sandwich_169016-2206.jpg",
        },
      ]}
      title="What Our Fans Say"
      description="Don't just take our word for it."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer delivery?",
          content: "Yes, we partner with major delivery platforms.",
        },
        {
          id: "f2",
          title: "Are your items vegan-friendly?",
          content: "We have several delicious vegan and vegetarian options.",
        },
        {
          id: "f3",
          title: "Can I customize my burger?",
          content: "Absolutely! Tailor your toppings to your liking.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg"
      mediaAnimation="slide-up"
      title="FAQs"
      description="Common questions about Burger Singh."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Visit us at our location or order online today!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
      ]}
      logoText="Burger Singh"
      copyrightText="© 2025 Burger Singh"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
