"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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Kake Di Hatti"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars",
      }}
      title="Heritage in Every Bite"
      description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-orange-merji-soup-inside-brown-pot-along-with-sliced-lemons-bread-slices_140725-14284.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="The Kake Di Hatti Legacy"
      description={[
        "Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.",
        "Our recipes are passed down through generations, ensuring each dish maintains its historical depth.",
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Signature Dal Makhani",
          price: "₹399",
          rating: 5,
          reviewCount: "1.2k",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg",
          brand: "Signature",
        },
        {
          id: "2",
          name: "Paneer Lababdar",
          price: "₹449",
          rating: 5,
          reviewCount: "890",
          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-lentil-soup-lentil-soup-bowls-spices-herbs-tomatoes_140725-72646.jpg",
          brand: "Specialty",
        },
        {
          id: "3",
          name: "Butter Naan Platter",
          price: "₹120",
          rating: 4,
          reviewCount: "2.1k",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-with-sauce_23-2148747684.jpg",
          brand: "Standard",
        },
        {
          id: "4",
          name: "Stuffed Kulcha",
          price: "₹150",
          rating: 5,
          reviewCount: "670",
          imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg",
          brand: "Specialty",
        },
        {
          id: "5",
          name: "Veg Raita",
          price: "₹99",
          rating: 4,
          reviewCount: "450",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg",
          brand: "Side",
        },
        {
          id: "6",
          name: "Gulab Jamun",
          price: "₹180",
          rating: 5,
          reviewCount: "1.1k",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg",
          brand: "Dessert",
        },
      ]}
      title="Signature Dishes"
      description="Experience our carefully crafted menu featuring North Indian specialties."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Farm Fresh Produce",
          description: "Hand-picked vegetables daily.",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg",
        },
        {
          title: "Traditional Clay Oven",
          description: "Authentic tandoori flavors.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg",
        },
        {
          title: "Award-Winning Service",
          description: "Unmatched hospitality experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg",
        },
      ]}
      title="Why Choose Us"
      description="Excellence defined by our standards."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          title: "Satisfied Guests",
          value: "50k+",
          icon: Star,
        },
        {
          id: "m2",
          title: "Years of Heritage",
          value: "20+",
          icon: Award,
        },
        {
          id: "m3",
          title: "Signature Recipes",
          value: "100+",
          icon: Award,
        },
      ]}
      title="Our Impact"
      description="Numbers speak louder than words."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="The best North Indian experience in Mohali. Authentic and flavorful."
      rating={5}
      author="Ankit Sharma"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
          alt: "Ankit Sharma",
        },
        {
          src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2510.jpg",
          alt: "Priya Verma",
        },
        {
          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
          alt: "Vikram Seth",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117536.jpg",
          alt: "Rahul Gupta",
        },
        {
          src: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg",
          alt: "Sneha Reddy",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you take reservations?",
          content: "Yes, we recommend booking in advance.",
        },
        {
          id: "q2",
          title: "Are you pet friendly?",
          content: "Unfortunately, we are not pet friendly.",
        },
        {
          id: "q3",
          title: "Do you offer catering?",
          content: "Yes, we provide catering for events.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-chef-man-black-uniform-holding-pencil-while-looking-notebook-green-wall_141793-32558.jpg"
      mediaAnimation="slide-up"
      title="FAQs"
      description="Have questions? We have answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Book your table today and taste heritage."
      buttons={[
        {
          text: "Contact Us",
          href: "tel:+919876543210",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Kake Di Hatti Mohali"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "About",
              href: "#about",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
