"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Calendar, Heart, HelpCircle, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="SUSHIYA"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Experience", id: "experience" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Authentic Japanese Sushi Crafted with Precision"
          description="Experience the pinnacle of sushi artistry. Our master chefs blend traditional techniques with premium, hand-selected ingredients to create an unforgettable culinary journey."
          tag="Premium Dining"
          tagIcon={Star}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg"
          imageAlt="Master sushi chef preparing fresh nigiri at premium counter"
          imagePosition="right"
          buttons={[
            { text: "Reserve Your Seat", href: "contact" },
            { text: "View Full Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "For over two decades, SUSHIYA has been synonymous with exceptional sushi craftsmanship. Founded by Chef Takeshi Yamamoto, our restaurant honors traditional Japanese preparation methods while celebrating the finest ingredients sourced directly from trusted suppliers across Japan.",            "Every piece of sushi is a testament to our commitment to excellence. We believe that true sushi appreciation comes from understanding the balance of flavors, textures, and presentation—a philosophy that guides every creation that leaves our kitchen.",            "Our intimate dining counter seats just twelve guests, ensuring personalized attention and the authentic omakase experience that defines premium sushi dining."
          ]}
          buttons={[{ text: "Learn Our Traditions", href: "about" }]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Signature Selections"
          description="Explore our curated menu of premium sushi offerings, each piece selected for its exceptional quality and exquisite taste."
          tag="Featured Items"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              brand: "Premium Selection",              name: "Otoro Nigiri",              price: "$18",              rating: 5,
              reviewCount: "847",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-set-with-gold-color-table_140725-5505.jpg",              imageAlt: "Perfectly sliced premium fatty tuna otoro nigiri"
            },
            {
              id: "2",              brand: "Signature Roll",              name: "Dragon Roll",              price: "$16",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6734.jpg",              imageAlt: "Artistically arranged dragon roll with avocado and eel"
            },
            {
              id: "3",              brand: "Chef's Special",              name: "Tempura Ebi",              price: "$14",              rating: 5,
              reviewCount: "923",              imageSrc: "https://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050368.jpg",              imageAlt: "Crispy tempura shrimp with delicate batter"
            },
            {
              id: "4",              brand: "Seasonal Favorite",              name: "Omakase Sampler",              price: "$65",              rating: 5,
              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050370.jpg",              imageAlt: "Exquisite assortment of premium sushi selections"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="asymmetric-60-wide-40-narrow"
          useInvertedBackground="noInvert"
          buttons={[{ text: "View Complete Menu", href: "contact" }]}
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardMedia
          title="The Dining Experience"
          description="Discover what makes SUSHIYA a destination for sushi enthusiasts and culinary adventurers."
          features={[
            {
              id: "1",              title: "Omakase Tradition",              description: "Trust our master chef to curate a personalized selection of the finest ingredients available, presented in the traditional omakase style.",              tag: "Chef's Selection",              imageSrc: "https://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg",              imageAlt: "Chef preparing omakase experience at intimate counter"
            },
            {
              id: "2",              title: "Intimate Counter Setting",              description: "Our twelve-seat counter creates an exclusive atmosphere where you can observe the artistry of sushi preparation up close.",              tag: "Premium Setting",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",              imageAlt: "Elegant Japanese restaurant interior with intimate counter seating"
            },
            {
              id: "3",              title: "Source to Table",              description: "Every ingredient tells a story. Our direct relationships with Japanese suppliers ensure uncompromising quality and authenticity.",              tag: "Quality Assured",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg",              imageAlt: "Fresh premium ingredients prepared with traditional Japanese technique"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sophia Chen",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sophia Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Jessica Williams",              imageSrc: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",              imageAlt: "Jessica Williams"
            },
            {
              id: "4",              name: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              imageAlt: "David Park"
            },
            {
              id: "5",              name: "Elena Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "6",              name: "James Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg",              imageAlt: "James Thompson"
            }
          ]}
          cardTitle="Trusted by discerning guests seeking the ultimate sushi experience"
          cardTag="Guest Reviews"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about dining at SUSHIYA and experiencing authentic Japanese sushi."
          tag="Dining Guide"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What is the omakase experience?",              content: "Omakase means 'I trust you' in Japanese. Our chef selects the finest available ingredients and presents them in a carefully curated sequence, allowing you to experience the full range of flavors and techniques."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. We work closely with our guests to accommodate allergies, vegetarian preferences, and other dietary needs. Please inform us when making your reservation."
            },
            {
              id: "3",              title: "How far in advance should I book?",              content: "We recommend reserving 2-4 weeks ahead to secure your preferred date and time. However, we often have last-minute cancellations, so call to inquire about same-week availability."
            },
            {
              id: "4",              title: "What is the typical duration of dining?",              content: "An omakase experience typically lasts 45-90 minutes, depending on the number of courses and pace of service. This allows time to fully appreciate each piece."
            },
            {
              id: "5",              title: "Is there a dress code?",              content: "We suggest smart casual attire. Business casual or dressy casual is appropriate for our intimate setting. We want you to feel comfortable while respecting the premium nature of the experience."
            },
            {
              id: "6",              title: "What beverages do you recommend?",              content: "We offer an curated selection of sake, Japanese beer, wine, and premium spirits. Our staff provides pairing recommendations to complement each course."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865308.jpg"
          imageAlt="Master chef preparing fresh sushi with traditional technique"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Reserve Your Experience"
          ctaDescription="Secure your seat at our intimate sushi counter and prepare for an unforgettable culinary journey."
          ctaButton={{ text: "Book Now", href: "https://example.com/reservations" }}
          ctaIcon={Calendar}
          faqs={[
            {
              id: "1",              title: "How do I make a reservation?",              content: "Call us at +1 (555) 123-4567 or use our online booking system. We accept reservations for parties of 1-12 guests."
            },
            {
              id: "2",              title: "What is your cancellation policy?",              content: "Cancellations made 48 hours in advance incur no charge. Cancellations within 48 hours may result in charges to your credit card on file."
            },
            {
              id: "3",              title: "Do you offer private dining?",              content: "Yes, we offer private omakase experiences for special occasions. Contact us directly to discuss arrangements for groups."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "menu" },
                { label: "Dining Experience", href: "experience" },
                { label: "Chef's Story", href: "about" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reserve a Table", href: "contact" },
                { label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: reservations@sushiya.com", href: "mailto:reservations@sushiya.com" },
                { label: "Hours: Tue-Sun 5:00 PM - 10:30 PM", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 SUSHIYA | Authentic Japanese Sushi Counter"
        />
      </div>
    </ThemeProvider>
  );
}