"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="De Spicehood Café"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "sparkles-gradient",
      }}
      title="Feel the Heat. Taste the Flavor 🔥"
      description="Islamabad’s rising fast-food spot in G-9/1 — serving bold desi flavors that hit different."
      tag="⭐ 5.0 Rating — Customer Favorite"
      buttons={[
        {
          text: "Call Now",
          href: "tel:03317333008",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-satay_74190-2739.jpg",
          imageAlt: "Grill shots",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259635.jpg",
          imageAlt: "Roll paratha close-ups",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14723.jpg",
          imageAlt: "Pork kebab on a plate",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-lavash-with-herbal-salad-barbecue-sauce_114579-3645.jpg",
          imageAlt: "Chicken barbecue in lavash",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-shrimps-sticks-served-with-lettuce-tomatoes-onions_141793-1066.jpg",
          imageAlt: "Fried fish and shrimps on sticks",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="5.0 Rating - Customer Favorite"
      tagIcon={Star}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="The Spicehood Experience"
      buttons={[
        {
          text: "Learn More",
          href: "#features",
        },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Chicken Roll Paratha",
          price: "Rs. 250",
          imageSrc: "http://img.b2bpic.net/free-photo/baked-burritos-with-chicken-red-sauce-cup_23-2148254399.jpg",
        },
        {
          id: "2",
          name: "Chicken Chest Tikka",
          price: "Rs. 350",
          imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg",
        },
        {
          id: "3",
          name: "Fast Food Combo",
          price: "Rs. 450",
          imageSrc: "http://img.b2bpic.net/free-photo/omelette-french-fries-wooden-board-grunge-painted-desk_23-2148113638.jpg",
        },
        {
          id: "4",
          name: "Cold Drinks",
          price: "Rs. 80",
          imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-blue-fresh-drinks-glasses_23-2148145361.jpg",
        },
        {
          id: "5",
          name: "Jumbo Roll Paratha",
          price: "Rs. 400",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-meat-sandwich-made-meat-grilled-spit-sliced-with-seasonings-dark-blue-desk_140725-61597.jpg",
        },
        {
          id: "6",
          name: "Seekh Kebab",
          price: "Rs. 300",
          imageSrc: "http://img.b2bpic.net/free-photo/three-skewers-mashed-walnut-chesnut-almond-mixture_140725-513.jpg",
        },
      ]}
      title="Our Signature Hits"
      description="Affordable Street Food with Premium Taste"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fast Service",
          description: "We ensure your food is served quickly without compromising on taste.",
          imageSrc: "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147884457.jpg",
        },
        {
          title: "Freshly Grilled Items",
          description: "Our BBQ and grill items are prepared fresh to order.",
          imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",
        },
        {
          title: "Budget-Friendly",
          description: "Premium desi flavors at prices that everyone can afford.",
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-money-logo-design_23-2150934180.jpg",
        },
      ]}
      title="Fast. Fresh. Flavorful."
      description="De Spicehood Café is built for speed and taste."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Khan",
          handle: "@sarahk",
          testimonial: "Amazing taste and spice level!",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-beautiful-gingerbread-walk_169016-24855.jpg",
        },
        {
          id: "2",
          name: "Ahmed Raza",
          handle: "@ahmedr",
          testimonial: "Best roll paratha in the area.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-chili-pepper_23-2149384070.jpg",
        },
        {
          id: "3",
          name: "Maria Ali",
          handle: "@mariaa",
          testimonial: "Fresh and super flavorful food.",
          imageSrc: "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",
        },
        {
          id: "4",
          name: "Usman Malik",
          handle: "@usmanm",
          testimonial: "Quick service and great vibes.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
        },
        {
          id: "5",
          name: "Zoya Ahmed",
          handle: "@zoyaa",
          testimonial: "My go-to spot for street food.",
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-enjoying-tasty-food-lunch-sitting-wooden-table-cozy-restaurant-hungry-hipster-wearing-trendy-black-hat-stilling-his-hunger-while-having-meal-cafeteria-alone_273609-1728.jpg",
        },
      ]}
      title="5-Star Taste ⭐"
      description="With a perfect 5.0 rating, De Spicehood Café is quickly becoming a must-try food spot in Islamabad."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Foodpanda",
        "EatOye",
        "Islamabad Foodies",
        "CraveClub",
        "StreetFood PK",
      ]}
      title="Trusted by Local Foodies"
      description="Partnering with Islamabad's top delivery and dining services."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <TextAbout
      useInvertedBackground={true}
      title="See the Flavor"
      buttons={[
        {
          text: "Follow Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What are the timings?",
          content: "Open Daily – Closes at 11:30 PM",
        },
        {
          id: "2",
          title: "Do you have delivery?",
          content: "Yes, we are available on major delivery platforms.",
        },
        {
          id: "3",
          title: "Where are you located?",
          content: "Mujahid Market, Street 49, G-9/1, Islamabad",
        },
      ]}
      title="Common Questions"
      faqsAnimation="slide-up"
      description="Everything you need to know about dining at De Spicehood."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Visit De Spicehood Café today and experience food that hits different."
      buttons={[
        {
          text: "Call Now",
          href: "tel:03317333008",
        },
        {
          text: "Get Directions",
          href: "https://maps.google.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="De Spicehood Café"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
