"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { ChefHat, Flame, Heart, Phone, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Noor Biryani"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Dishes", id: "dishes" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Order Now", href: "https://wa.me" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Experience Authentic Indian Flavors"
          description="Savor the rich heritage of Indian cuisine with our carefully crafted biryani, tender chicken korma, and aromatic chicken stew, prepared using traditional recipes and the finest spices."
          background={{ variant: "animated-grid" }}
          kpis={[
            { value: "25+", label: "Years of Excellence" },
            { value: "100%", label: "Authentic Recipes" },
            { value: "Daily Fresh", label: "Premium Ingredients" },
          ]}
          enableKpiAnimation={true}
          tag="Authentic Indian Cuisine"
          tagIcon={Flame}
          imageSrc="http://img.b2bpic.net/free-psd/delicious-indian-chicken-biryani-golden-bowl_84443-72491.jpg?_wi=1"
          imageAlt="Authentic Indian Biryani"
          mediaAnimation="slide-up"
          buttons={[
            { text: "WhatsApp Order", href: "https://wa.me" },
            { text: "Get Directions", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted with" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/spices-near-pan_23-2147773496.jpg", alt: "Traditional spices" },
            { type: "text", content: "tradition and passion since 1999" },
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Learn Our Story", href: "#about" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="dishes" data-section="dishes">
        <FeatureCardTwentyFive
          title="Our Signature Dishes"
          description="Delight in our most beloved creations, each prepared with meticulous care and authentic spices"
          features={[
            {
              title: "Royal Biryani",              description: "Fragrant basmati rice layered with succulent meat, cooked with aromatic spices in traditional dum pukht style for an unforgettable experience.",              icon: Flame,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-psd/delicious-indian-chicken-biryani-golden-bowl_84443-72491.jpg?_wi=2",                  imageAlt: "Fragrant biryani"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",                  imageAlt: "Authentic preparation"},
              ],
            },
            {
              title: "Creamy Chicken Korma",              description: "Tender chicken pieces in a rich, creamy sauce infused with yogurt, coconut, and a delicate blend of warming spices.",              icon: ChefHat,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20777.jpg",                  imageAlt: "Creamy chicken korma"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/spices-near-pan_23-2147773496.jpg",                  imageAlt: "Premium spices"},
              ],
            },
            {
              title: "Aromatic Chicken Stew",              description: "Slow-cooked chicken in a savory herb-infused broth with vegetables, creating comfort in every spoonful.",              icon: Utensils,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-chicken-meal_23-2148825120.jpg",                  imageAlt: "Aromatic chicken stew"},
                {
                  imageSrc: "http://img.b2bpic.net/free-psd/delicious-indian-chicken-biryani-golden-bowl_84443-72491.jpg?_wi=3",                  imageAlt: "Traditional cooking"},
              ],
            },
          ]}
          animationType="slide-up"
          tag="Signature Menu"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Food Lovers Across Aligarh"
          description="Join thousands of satisfied customers who have experienced the authentic taste of our kitchen"
          tag="Customer Favorites"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Authentic Spices",            "Fresh Ingredients",            "Traditional Recipes",            "Expert Preparation",            "Warm Hospitality",            "Quality Assured",            "Customer Passion"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The biryani is absolutely divine! Every grain of rice is perfectly cooked, and the flavors are authentic and unforgettable. This is my go-to place for authentic Indian cuisine. Highly recommended!"
          rating={5}
          author="Rajesh Kumar, Food Enthusiast"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Rajesh Kumar"},
            {
              src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              alt: "Priya Singh"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Amit Patel"},
            {
              src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              alt: "Sneha Verma"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Order?"
          tagIcon={Phone}
          title="Ready to Savor Authentic Biryani?"
          description="Reach out via WhatsApp to place your order or make a reservation. Visit us at our location in Civil Lines, Aligarh for an unforgettable dining experience."
          buttons={[
            { text: "Order Now on WhatsApp", href: "https://wa.me" },
            { text: "View Location", href: "#footer" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Dishes", href: "#dishes" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "WhatsApp", href: "https://wa.me" },
                { label: "Location", href: "#" },
                { label: "Order Now", href: "https://wa.me" },
              ],
            },
            {
              title: "Address",              items: [
                { label: "Infront of Noor Manzil, Masjid", href: "#" },
                { label: "Dodhpur Rd, Civil Lines", href: "#" },
                { label: "Aligarh, UP 202001", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Noor Biryani. Authentic Indian Cuisine. All rights reserved."
          bottomRightText="Crafted with passion for authentic flavors"
        />
      </div>
    </ThemeProvider>
  );
}
