"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function SakuraPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sakura"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "contact" },
            { name: "Gallery", id: "features" },
            { name: "Reviews", id: "testimonial" }
          ]}
          button={{
            text: "Reserve Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SAKURA"
          description="Experience authentic Japanese sushi crafted by master chefs in the heart of Bangkok. Discover exquisite flavors, premium ingredients, and an unforgettable dining experience."
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "Explore Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/sushi-roll_74190-2905.jpg"
          imageAlt="Premium sushi platter"
          frameStyle="card"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Our Featured Menu"
          description="Handpicked selections of our most beloved sushi creations, prepared fresh daily with premium ingredients"
          tag="Specialties"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              name: "Toro Nigiri",              price: "450฿",              variant: "Fatty Tuna - Premium Grade",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-2640.jpg",              imageAlt: "Toro Nigiri sushi"
            },
            {
              id: "2",              name: "Dragon Roll",              price: "380฿",              variant: "Eel, Cucumber, Avocado - 8 pieces",              imageSrc: "https://img.b2bpic.net/free-photo/sushi_74190-4349.jpg",              imageAlt: "Dragon Roll sushi"
            },
            {
              id: "3",              name: "Sakura Omakase",              price: "1200฿",              variant: "Chef's 12-Piece Selection",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-photo_496169-229.jpg",              imageAlt: "Omakase platter"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          title="Where Tradition Meets Innovation"
          description="Sakura has been serving Bangkok's most discerning sushi enthusiasts for over a decade. Our chefs train in Japan, mastering techniques passed down through generations. We source the finest fish daily from Japan and select local ingredients, ensuring every piece of sushi tells a story of authenticity and excellence."
          metrics={[
            { value: "15+", title: "Years of Excellence" },
            { value: "500+", title: "Daily Customers" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683505.jpg"
          imageAlt="Sakura sushi restaurant interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Choose Sakura"
          description="We are committed to delivering an exceptional sushi experience through quality, skill, and passion"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "Premium Ingredients",              description: "Daily shipments of authentic Japanese fish and produce sourced directly from Tokyo markets",              tag: "Quality",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-roll_74190-7792.jpg",              imageAlt: "Premium sushi ingredients"
            },
            {
              id: "2",              title: "Master Craftsmen",              description: "Our head chef trained for 10 years in Kyoto under a 3-Michelin starred sushi master",              tag: "Excellence",              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: "Sushi preparation technique"
            },
            {
              id: "3",              title: "Intimate Setting",              description: "A serene 40-seat counter experience designed for a personal connection with our chefs",              tag: "Experience",              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: "Restaurant counter seating"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="Voices from Our Guests"
          description="Join hundreds of satisfied diners who have experienced sushi excellence at Sakura"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "An Unforgettable Journey",              quote: "The finest sushi I've had outside of Japan. Every piece was perfectly crafted and the flavors were extraordinary. The chef's attention to detail is remarkable.",              name: "David Chen",              role: "Food Critic",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Chen"
            },
            {
              id: "2",              title: "Pure Culinary Excellence",              quote: "Sakura isn't just a restaurant, it's a masterclass in sushi craftsmanship. We visit monthly and discover something new every time. Absolutely phenomenal.",              name: "Sarah Mitchell",              role: "Restaurant Owner",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              title: "Worth Every Baht",              quote: "The quality of ingredients and the skill of preparation justify every penny. This is dining at its finest. Highly recommended for special occasions.",              name: "Prapat Suwannapong",              role: "Executive Chef",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Prapat Suwannapong"
            },
            {
              id: "4",              title: "A Hidden Gem",              quote: "Found this place by chance and it's become our favorite restaurant in Bangkok. The intimate atmosphere and genuine passion for quality is unmatched.",              name: "Emma Watson",              role: "Travel Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Emma Watson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Book Your Experience"
          title="Reserve Your Table at Sakura"
          description="Join us for an intimate sushi experience. Reserve your seat at our chef's counter and indulge in authentic Japanese cuisine crafted with precision and passion."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
          imageAlt="Sakura dining experience"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Reservation"
          termsText="We'll confirm your reservation within 24 hours. You can unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="SAKURA"
        />
      </div>
    </ThemeProvider>
  );
}