"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Calendar, Heart, HelpCircle, Sparkles, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sakura Sushi Tokyo"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Experience", id: "experience" },
            { name: "Team", id: "team" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Reserve Now",            href: "contact"
          }}
          className="backdrop-blur-md bg-white/80 border border-white/20"
          buttonClassName="bg-gradient-to-r from-orange-500 to-orange-600 hover:from-orange-600 hover:to-orange-700 text-white shadow-lg"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Premium Sushi Experience in the Heart of Tokyo"
          description="Discover authentic Japanese craftsmanship. Our master chefs prepare each piece with precision, tradition, and the finest fresh ingredients sourced daily from Tokyo's iconic Tsukiji Market."
          tag="Established 2005"
          tagIcon={Sparkles}
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "Explore Menu", href: "menu" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/nigiri-sushi_1203-3317.jpg",              imageAlt: "Premium nigiri sushi selection"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/salmon-sushi_1203-3583.jpg",              imageAlt: "Artfully arranged sushi rolls"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_1203-3647.jpg",              imageAlt: "Fresh sashimi platter"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/sushi_74190-4349.jpg",              imageAlt: "Signature sushi boat presentation"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_1203-3648.jpg",              imageAlt: "Multi-course sushi dinner"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-fresh-tuna-salmon-scallop-nigiri-shrimp-sushi-chopsticks_181624-50855.jpg",              imageAlt: "Master chef crafting sushi"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted with Precision, Served with Passion"
          description="For nearly two decades, Sakura Sushi Tokyo has been the destination for discerning diners seeking authentic Edomae-style sushi. Our intimate 20-seat counter allows you to witness the artistry firsthand as our chefs select the finest seasonal ingredients and prepare each morsel with meticulous attention to detail and respect for tradition."
          tag="Our Story"
          tagIcon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/sushi-roll_74190-2906.jpg"
          imageAlt="Sushi chef at traditional counter"
          buttons={[
            { text: "Learn More About Us", href: "team" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureProcessSteps
          title="The Sakura Sushi Experience"
          description="Every visit is a journey through Japanese culinary tradition. From the moment you enter our serene space to the final perfect bite, we guide you through an experience designed to engage all your senses."
          tag="Premium Dining Ritual"
          tagIcon={Zap}
          steps={[
            {
              number: "01",              title: "Selection & Sourcing",              tag: "Daily Ritual",              description: "Our chefs personally select the finest tuna, salmon, and seafood from Tokyo's premier markets. Only the most exceptional specimens earn a place at our counter."
            },
            {
              number: "02",              title: "Meticulous Preparation",              tag: "Master Craft",              description: "Each ingredient is carefully handled, sliced with precision, and presented at the perfect temperature. Temperature, texture, and taste are orchestrated to perfection."
            },
            {
              number: "03",              title: "Personalized Service",              tag: "Your Journey",              description: "Our chefs read your preferences and guide your palate through a curated progression, offering recommendations and insights that elevate your appreciation of each piece."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Signature Menu"
          description="Our curated selection of premium sushi, each piece a masterpiece of flavor and presentation"
          tag="Chef's Selection"
          tagIcon={Star}
          products={[
            {
              id: "1",              name: "Omakase Chef's Selection",              price: "¥12,000",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-7792.jpg",              imageAlt: "Omakase selection",              initialQuantity: 1
            },
            {
              id: "2",              name: "Premium Nigiri Assortment",              price: "¥8,500",              imageSrc: "https://img.b2bpic.net/free-photo/nigiri-sushi_74190-4170.jpg",              imageAlt: "Premium nigiri",              initialQuantity: 1
            },
            {
              id: "3",              name: "Seasonal Tempura & Rolls",              price: "¥6,800",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-7790.jpg",              imageAlt: "Seasonal tempura",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="A testament to our commitment to excellence and the loyalty of our guests"
          tag="Our Legacy"
          tagIcon={Award}
          metrics={[
            {
              id: "1",              value: "19+",              description: "Years of Excellence"
            },
            {
              id: "2",              value: "8,500+",              description: "Guests Per Year"
            },
            {
              id: "3",              value: "50+",              description: "Premium Ingredients"
            },
            {
              id: "4",              value: "20",              description: "Counter Seats"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Master Chefs"
          description="Three generations of sushi mastery, trained in Tokyo's most prestigious kitchens"
          tag="Culinary Masters"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Chef Hiroshi Tanaka",              role: "Head Chef & Founder",              imageSrc: "https://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg",              imageAlt: "Chef Hiroshi Tanaka"
            },
            {
              id: "2",              name: "Chef Kenji Yamamoto",              role: "Executive Sushi Chef",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-asian-chef-kitchen-interior_1253-922.jpg",              imageAlt: "Chef Kenji Yamamoto"
            },
            {
              id: "3",              name: "Chef Yuki Sakura",              role: "Apprentice Chef",              imageSrc: "https://img.b2bpic.net/free-photo/japanese-woman-posing-restaurant_23-2149319388.jpg",              imageAlt: "Chef Yuki Sakura"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Experiences"
          description="Hear from those who've experienced the artistry and hospitality of Sakura Sushi Tokyo"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Travel Writer",              date: "Date: 15 November 2024",              title: "A culinary masterpiece in every bite",              quote: "I've dined at sushi restaurants across Tokyo and the world. Sakura stands alone. The precision, the freshness, the respect for ingredients—it's transcendent. Chef Hiroshi doesn't just make sushi; he creates poetry on rice.",              tag: "Premium Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720712.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/nigiri-sushi_1203-3317.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Food Critic",              date: "Date: 08 November 2024",              title: "Perfection in simplicity",              quote: "The most impressive restaurants often inspire the most honest reviews. Sakura Sushi is simply exceptional. Every ingredient sings. Every technique refined. It's the kind of place that spoils you for ordinary sushi forever.",              tag: "Critic's Choice",              avatarSrc: "https://img.b2bpic.net/free-photo/bartender-working-club_23-2150497624.jpg",              avatarAlt: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/salmon-sushi_1203-3583.jpg"
            },
            {
              id: "3",              name: "David Hartley, Executive",              date: "Date: 22 October 2024",              title: "An unforgettable experience",              quote: "Our team brought international clients to Sakura for a special dinner. It was the highlight of their Tokyo visit. The chefs' attention to detail, the serene ambiance, the impeccable service—everything conspired to create magic.",              tag: "Corporate Events",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230059.jpg",              avatarAlt: "David Hartley",              imageSrc: "https://img.b2bpic.net/free-photo/nigiri-sushi_74190-4170.jpg"
            },
            {
              id: "4",              name: "Emma Rodriguez, Chef",              date: "Date: 05 October 2024",              title: "Inspiration from a master",              quote: "As a chef, dining at Sakura was humbling. The precision of each cut, the selection of ingredients, the intuitive flow of the meal—it's a masterclass. This is the standard I aspire to in my own kitchen.",              tag: "Professional Recognition",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-2906.jpg"
            },
            {
              id: "5",              name: "James Wilson, Restaurateur",              date: "Date: 18 September 2024",              title: "Excellence in every detail",              quote: "I own three restaurants. When I dine at another restaurant, I study everything. Sakura is a masterclass in hospitality, technique, and business. Chef Hiroshi has created something truly special.",              tag: "Industry Expert",              avatarSrc: "https://img.b2bpic.net/free-photo/japanese-man-posing-restaurant_23-2149319384.jpg",              avatarAlt: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-7792.jpg"
            },
            {
              id: "6",              name: "Yuki Tanaka, Local Regular",              date: "Date: 02 September 2024",              title: "My favorite place in Tokyo",              quote: "I've been a regular for eight years. Every visit feels special. The chefs remember your preferences, they evolve the menu seasonally, they care about their craft. This is Tokyo's best-kept secret.",              tag: "Loyal Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/asian-handsome-man-cooking-home_1157-47507.jpg",              avatarAlt: "Yuki Tanaka",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-fresh-tuna-salmon-scallop-nigiri-shrimp-sushi-chopsticks_181624-50855.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about dining at Sakura Sushi Tokyo"
          tag="Help & Information"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How do I make a reservation?",              content: "Reservations are essential at Sakura. We recommend booking 2-4 weeks in advance through our contact form or by calling +81-3-XXXX-XXXX. Walk-ins are accepted only on rare occasions due to our limited 20-seat counter. We offer flexible seating times from 5:30 PM to 9:00 PM."
            },
            {
              id: "2",              title: "What is the price range?",              content: "Our omakase experience ranges from ¥8,000 to ¥15,000 per person depending on the menu selection and seasonal ingredients. À la carte options are also available. We accept major credit cards and cash. Gratuity is at your discretion."
            },
            {
              id: "3",              title: "Do you accommodate dietary restrictions?",              content: "Yes, we can accommodate vegetarian, vegan, and allergy-related requests. Please inform us at the time of reservation so our chefs can prepare accordingly. We maintain separate preparation areas for allergen management. Shellfish allergies are particularly important to note."
            },
            {
              id: "4",              title: "What is the dress code?",              content: "Smart casual is appropriate. We suggest avoiding strong perfumes out of respect for the delicate aromas of the sushi. Our intimate setting calls for consideration of other guests. No beachwear or athletic clothing, please."
            },
            {
              id: "5",              title: "How long does a typical meal last?",              content: "An omakase experience typically lasts 2-2.5 hours. We believe in taking time to savor each piece and engage with our chefs. This is not a quick meal—it's an immersive culinary journey. We request your full attention and presence."
            },
            {
              id: "6",              title: "Do you offer private events or catering?",              content: "For private events and corporate functions, we can arrange exclusive use of our space with advance notice (minimum 10 guests). We also offer select catering services for nearby locations. Please contact us to discuss your specific needs."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserve Your Experience"
          title="Join Us at Sakura Sushi Tokyo"
          description="Secure your spot at our intimate sushi counter. Limited seats available. We look forward to welcoming you."
          tagIcon={Calendar}
          inputPlaceholder="your@email.com"
          buttonText="Request Reservation"
          termsText="By submitting this form, you agree to our reservation policy and privacy terms. We'll contact you within 24 hours to confirm your booking."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Experience", href: "experience" },
                { label: "Reservations", href: "contact" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Chiyoda, Tokyo 100-0005", href: "#" },
                { label: "+81-3-XXXX-XXXX", href: "#" },
                { label: "Open 5:30 PM - 10:30 PM", href: "#" },
                { label: "Closed Mondays & Tuesdays", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Contact", href: "contact" },
                { label: "Press Inquiries", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Sakura Sushi Tokyo. All rights reserved. Crafted with tradition and precision."
        />
      </div>
    </ThemeProvider>
  );
}