"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Flame, Star, UtensilsCrossed, Heart, HelpCircle, Phone, Mail, MapPin, Clock } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Zaatar"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Where Arabic Flavors Meet Bengaluru's Cravings"
          description="From sizzling BBQ platters to royal biryanis—experience bold, authentic taste in a vibrant casual dining atmosphere designed for friends, families, and celebrations"
          tag="Premium Multicuisine"
          tagIcon={Flame}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-kebab-slate-with-cloth_23-2148685482.jpg",              imageAlt: "sizzling arabic kebab platter close-up"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-greens-saffron-boiled-rice_140725-2103.jpg",              imageAlt: "biryani rice dish aromatic fragrant"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/durum-doner-served-with-sour-cream-sliced-lemon-close-up-view_141793-17450.jpg",              imageAlt: "tandoori chicken sizzling hot plate"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/homemade-crispbread-toast-with-cottage-cheese-green-olives-slices-cabbage-tomatoes-corn-green-pepper-cutting-board-healthy-food-concept-top-view-flat-lay_114579-1328.jpg",              imageAlt: "arabian hummus mezze platter spread"
            }
          ]}
          buttons={[
            { text: "Order Online", href: "#contact" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          ariaLabel="Hero section with cuisine showcase"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Zaatar: A Culinary Journey"
          description={[
            "At Zaatar Multicuisine Restaurant, we celebrate the rich tapestry of Arabic, BBQ, biryani, and North Indian cuisine. Every dish is crafted with authentic recipes, premium ingredients, and culinary expertise passed down through generations.",            "Our vibrant casual dining space welcomes you to experience bold flavors, warm hospitality, and unforgettable moments with loved ones. From intimate dinners to festive celebrations, Zaatar is your destination for premium multicuisine dining in Bengaluru."
          ]}
          buttons={[
            { text: "Explore Menu", href: "#products" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Zaatar restaurant"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Why Choose Zaatar"
          description="Premium ingredients, authentic recipes, and expert preparation define every dish at Zaatar. We blend tradition with modern dining excellence."
          tag="Excellence"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Authentic Recipes",              description: "Traditional Arabic, BBQ, biryani, and North Indian recipes prepared with time-honored techniques and premium spices.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-turkey-dish_23-2147809616.jpg",              imageAlt: "restaurant chef cooking sizzling platter"
            },
            {
              id: 2,
              title: "Premium Ambiance",              description: "Warm, vibrant casual dining space designed for comfortable gatherings, celebrations, and memorable dining experiences.",              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006643.jpg",              imageAlt: "warm restaurant ambiance cozy dining"
            },
            {
              id: 3,
              title: "Fast Delivery & Booking",              description: "Seamless online ordering with quick delivery and easy table reservations. Experience convenience without compromise on quality.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-black-waitress-wearing-protective-face-mask-while-taking-order-from-customer-touchpad_637285-8066.jpg",              imageAlt: "fast delivery service food packaging"
            }
          ]}
          buttons={[
            { text: "Reserve Now", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Zaatar features and highlights"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Signature Menu"
          description="Curated selection of our most beloved dishes representing authentic Arabic, premium BBQ, royal biryanis, and North Indian specialties."
          tag="Handpicked"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "kebab-mix",              name: "Mixed Grill Kebab",              price: "₹599",              variant: "Lamb & Chicken",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dinner-with-meat-potatoes-served-with-green-black-plate-cutlery-set-cutting-board-flower-mix-colors-background_179666-19978.jpg",              imageAlt: "arabian lamb kebab mixed grill platter"
            },
            {
              id: "biryani-royal",              name: "Royal Biryani",              price: "₹549",              variant: "Meat & Fragrant Rice",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-rice-with-seasonings-dark-floor-food-dish-dark-meal-photo_140725-82282.jpg",              imageAlt: "biryani fragrant rice meat slow-cooked"
            },
            {
              id: "tandoori-platter",              name: "Tandoori Platter",              price: "₹699",              variant: "Paneer & Meat",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-easy-chicken-kebab-wooden-board-other-stuffs-dark-table_140725-147370.jpg",              imageAlt: "tandoori paneer tikka appetizer skewers"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Zaatar signature menu items"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Diners Say"
          description="Real stories from food lovers, families, and professionals who've made Zaatar their go-to dining destination in Bengaluru."
          tag="Loved by Many"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              role: "Tech Professional",              testimonial: "Zaatar's kebabs are absolutely authentic! The flavors, ambiance, and service made our dinner unforgettable. Highly recommend for anyone craving genuine Arabic cuisine.",              imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23267.jpg",              imageAlt: "professional portrait business man smiling"
            },
            {
              id: "2",              name: "Priya Singh",              role: "Food Blogger",              testimonial: "The biryani here is spectacular—fragrant, flavorful, and beautifully plated. Every visit feels like a culinary celebration. Zaatar has earned my heartfelt endorsement!",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg",              imageAlt: "professional portrait woman smiling"
            },
            {
              id: "3",              name: "Amit Patel",              role: "Family Manager",              testimonial: "Perfect spot for family celebrations! The tandoori platter is a crowd-pleaser, and the staff makes everyone feel welcome. We'll definitely be back.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",              imageAlt: "professional portrait man glasses"
            },
            {
              id: "4",              name: "Neha Sharma",              role: "Restaurant Enthusiast",              testimonial: "Zaatar combines premium quality with casual comfort. Every bite tells a story of authentic cooking. This is my new favorite dining destination in Bengaluru.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "professional portrait woman professional"
            }
          ]}
          buttons={[
            { text: "Book Your Experience", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our menu, reservations, delivery, and dining experience."
          tag="Need Help?"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Do you offer online ordering?",              content: "Yes! You can order online through our website or partner platforms for quick delivery to your location in Bengaluru. We ensure your food reaches you fresh and hot."
            },
            {
              id: "2",              title: "How do I make a table reservation?",              content: "Reserve your table through our website contact form or call us directly. We accommodate group bookings for celebrations and special events. Advance reservations are recommended, especially on weekends."
            },
            {
              id: "3",              title: "Are there vegetarian options available?",              content: "Absolutely! Our menu includes authentic vegetarian dishes from Arabian, North Indian, and tandoori cuisines. Our team can suggest the best vegetarian selections tailored to your preferences."
            },
            {
              id: "4",              title: "What is the delivery time?",              content: "Standard delivery time is 30-45 minutes within Bengaluru, depending on location and traffic. Orders are prepared fresh to order for maximum quality and flavor."
            },
            {
              id: "5",              title: "Do you cater for events and parties?",              content: "Yes, we offer catering services for corporate events, family celebrations, and private gatherings. Contact our events team to discuss customized packages."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit/debit cards, digital wallets, UPI, and cash payments at the restaurant. Online payments are secure and encrypted."
            }
          ]}
          buttons={[
            { text: "Contact Us", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Reserve Your Table or Place an Order"
          description="Experience authentic multicuisine dining at Zaatar. Reserve a table for your next celebration, or order your favorite dishes for delivery today. Connect with us through phone, email, or visit our restaurant."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email or phone number"
          buttonText="Get Started"
          termsText="By contacting Zaatar, you agree to our booking and ordering policies. Our team will reach out within 2 hours during business hours."
          ariaLabel="Contact and reservation form"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
          imageAlt="restaurant interior warm lighting ambiance"
          logoText="Zaatar"
          copyrightText="© 2025 Zaatar Multicuisine Restaurant | All Rights Reserved | Bengaluru"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Online Ordering", href: "#contact" },
                { label: "Table Reservation", href: "#contact" },
                { label: "Catering Services", href: "#contact" },
                { label: "Corporate Events", href: "#contact" }
              ]
            },
            {
              title: "Connect With Us",              items: [
                { label: "Instagram", href: "https://instagram.com/zaatar" },
                { label: "Facebook", href: "https://facebook.com/zaatar" },
                { label: "Email: info@zaatar.in", href: "mailto:info@zaatar.in" },
                { label: "Phone: +91 80 1234 5678", href: "tel:+918012345678" }
              ]
            }
          ]}
          ariaLabel="Site footer with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}