"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { CheckCircle, Heart, Phone, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Panda Kitchen"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Why Us", id: "about" },
            { name: "Dishes", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Location", id: "contact" }
          ]}
          button={{
            text: "Call Now: +92 310 5123699",            href: "tel:+923105123699"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Authentic Chinese Taste in the Heart of Rawalpindi"
          description="Freshly cooked Chinese cuisine with fast service and affordable prices. Dine-in, drive-through, or delivery available until 12 AM."
          tag="Panda Kitchen"
          tagIcon={Utensils}
          background={{ variant: "plain" }}
          buttons={[
            { text: "📞 Call Now to Order", href: "tel:+923105123699" },
            { text: "🛒 Order Online", href: "#contact" }
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/tasty-italian-dumplings-recipe-served-plate_116380-12.jpg",              imageAlt: "Chinese dumplings"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22296.jpg",              imageAlt: "Chicken Manchurian"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-psd/delicious-asian-noodles-with-vegetables-chopsticks_84443-65067.jpg",              imageAlt: "Chow Mein noodles"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-rice-served-with-hot-syrup_157027-4061.jpg",              imageAlt: "Fried rice"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-rolls-cutting-board_1150-17010.jpg",              imageAlt: "Spring rolls"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Panda Kitchen"
          description="Fresh ingredients daily. Open until 12 AM. We believe in serving authentic Chinese food made with premium quality, fast service, and affordable prices. Family-friendly environment perfect for dine-in or quick takeaway."
          tag="Our Promise"
          tagIcon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
          imageAlt="Panda Kitchen restaurant"
          buttons={[{ text: "📍 Get Directions", href: "#contact" }]}
          useInvertedBackground={false}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureBento
          title="Popular Dishes"
          description="Our most loved Chinese specialties, crafted fresh daily with authentic recipes and premium ingredients."
          tag="Fan Favorites"
          tagIcon={Star}
          features={[
            {
              title: "Chicken Manchurian",              description: "Crispy chicken pieces in a tangy and savory sauce. A signature favorite!",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=1",                  imageAlt: "Chicken Manchurian"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=2",                  imageAlt: "Manchurian detail"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150438.jpg?_wi=3",                  imageAlt: "Close up"
                }
              ]
            },
            {
              title: "Dumplings",              description: "Delicate steamed dumplings filled with savory meat or vegetables. Perfect appetizer.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=1",                  imageAlt: "Steamed dumplings"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=2",                  imageAlt: "Dumplings close up"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-psd/delicious-steamed-asian-dumplings-plate_84443-69016.jpg?_wi=3",                  imageAlt: "Dumplings plated"
                }
              ]
            },
            {
              title: "Chow Mein",              description: "Stir-fried noodles with fresh vegetables, protein, and savory sauce. A hearty meal.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=1",                  imageAlt: "Chow Mein noodles"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=2",                  imageAlt: "Chow Mein detail"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pan-filled-with-delicious-noodles-vegetables-kitchen_181624-28291.jpg?_wi=3",                  imageAlt: "Close up wok style"
                }
              ]
            },
            {
              title: "Fried Rice",              description: "Fragrant fried rice with egg, vegetables, and your choice of protein. Light and satisfying.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=1",                  imageAlt: "Fried rice bowl"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=2",                  imageAlt: "Fried rice detail"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25833.jpg?_wi=3",                  imageAlt: "Fried rice plated"
                }
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Fatima Ahmed",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Fatima Ahmed"
            },
            {
              id: "2",              name: "Hassan Khan",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",              imageAlt: "Hassan Khan"
            },
            {
              id: "3",              name: "Ayesha Malik",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1569.jpg",              imageAlt: "Ayesha Malik"
            },
            {
              id: "4",              name: "Bilal Raza",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Bilal Raza"
            }
          ]}
          cardTitle="Trusted by hundreds of families in Gulistan Colony and beyond. Quality food, fast service, and friendly staff."
          cardTag="⭐ 3.7 Rating | Customers Love Panda Kitchen"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Order?"
          ctaDescription="Call now to place your order. We're open until 12 AM every day."
          ctaButton={{
            text: "📞 Call: +92 310 5123699",            href: "tel:+923105123699"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What are your delivery areas?",              content: "We deliver throughout Gulistan Colony and nearby areas in Rawalpindi. Call us to confirm delivery to your location."
            },
            {
              id: "2",              title: "How long does delivery take?",              content: "Typical delivery times are 20-30 minutes within our service area. Order times vary during peak hours (7-9 PM)."
            },
            {
              id: "3",              title: "Do you offer dine-in and drive-through?",              content: "Yes! We offer dine-in, drive-through, and no-contact delivery. Choose the option that works best for you."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, online transfers, and mobile payments. Ask about current promotions when placing your order."
            },
            {
              id: "5",              title: "Can I customize my order?",              content: "Absolutely! Call us to customize spice levels, ingredients, or request special preparations for your meal."
            },
            {
              id: "6",              title: "Do you offer group/catering orders?",              content: "Yes! For large orders or events, please call ahead at +92 310 5123699 for pricing and arrangements."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Panda Kitchen"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact Us", href: "#contact" }}
        />
      </div>
    </ThemeProvider>
  );
}