"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Akira"
          navItems={[
            { name: "About", id: "about" },
            { name: "Cuisine", id: "cuisine" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve a Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Akira"
          description="Experience extraordinary Japanese fine dining in the heart of Niseko. Indulge in meticulously crafted cuisine paired with an exquisite ambiance."
          tag="Luxury Dining"
          imageSrc="https://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
          imageAlt="Niseko mountain luxury dining"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "Explore Menu", href: "products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Elevated Japanese Culinary Excellence in" },
            { type: "text", content: "Niseko" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "about" },
            { text: "Reserve a Table", href: "contact" }
          ]}
        />
      </div>

      <div id="cuisine" data-section="cuisine">
        <FeatureCardTwentyTwo
          title="Our Culinary Philosophy"
          description="At Akira, we celebrate the essence of Japanese gastronomy through seasonal ingredients, traditional techniques, and innovative presentations that honor both heritage and modernity."
          features={[
            {
              id: "1",              title: "Premium Sushi & Sashimi",              category: ["Fresh Fish", "Seasonal Ingredients", "Master Craftsmanship"],
              imageSrc: "https://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195555.jpg",              imageAlt: "Premium sushi plating"
            },
            {
              id: "2",              title: "Wagyu & Grilled Selections",              category: ["Japanese Wagyu", "Premium Beef", "Traditional Grilling"],
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg",              imageAlt: "Premium wagyu beef"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Cuisine"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Signature Dishes"
          description="Discover our most celebrated creations, meticulously prepared by our award-winning culinary team."
          tag="Featured Menu"
          products={[
            {
              id: "1",              name: "Omakase Experience",              price: "¥28,000",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-set-baked-sushi-rolls-with-shrimps-served-with-wasabi-ginger-plate-wood_141793-12009.jpg",              imageAlt: "Omakase premium experience"
            },
            {
              id: "2",              name: "Wagyu Kaiseki",              price: "¥22,000",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg",              imageAlt: "Wagyu kaiseki course"
            },
            {
              id: "3",              name: "Seasonal Sashimi Platter",              price: "¥18,000",              imageSrc: "https://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195555.jpg",              imageAlt: "Seasonal sashimi selection"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Dining Experience by Numbers"
          description="Discover what makes Akira the premier fine dining destination in Niseko."
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of Excellence",              items: [
                "Award-winning chef",                "Michelin-trained culinary team",                "Continuous innovation"
              ]
            },
            {
              id: "2",              value: "500+",              title: "Satisfied Guests Monthly",              items: [
                "Repeat reservation rate 85%",                "International acclaim",                "Premium service standards"
              ]
            },
            {
              id: "3",              value: "100%",              title: "Premium Ingredients",              items: [
                "Seasonal sourcing",                "Sustainable practices",                "Direct artisan partnerships"
              ]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Our Achievement"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Hear from discerning guests who have celebrated unforgettable moments at Akira."
          testimonials={[
            {
              id: "1",              name: "Yuki Tanaka",              handle: "@yukitanaka_tokyo",              testimonial: "An absolutely transcendent dining experience. Every dish was a masterpiece of flavor and presentation. The attention to detail is unparalleled.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman-window-1_1262-1490.jpg",              imageAlt: "Yuki Tanaka"
            },
            {
              id: "2",              name: "James Mitchell",              handle: "@jamesmitchell_ny",              testimonial: "Best Japanese fine dining I've experienced outside of Tokyo. The sake pairing is extraordinary, and the service is impeccable.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman-window-2_1262-1491.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "3",              name: "Marie Durand",              handle: "@mariedurand_paris",              testimonial: "Akira redefined my expectations of luxury dining in a resort town. The ambiance, cuisine, and hospitality are world-class.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-attractive-asian-businesswoman-looking-camera-head-shot-portrait_1163-4734.jpg",              imageAlt: "Marie Durand"
            },
            {
              id: "4",              name: "Hiroshi Yamamoto",              handle: "@hiroshi_yamamoto_osaka",              testimonial: "A celebration of Japanese culinary tradition and innovation. I've dined at Michelin-starred establishments, and this stands among the finest.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg",              imageAlt: "Hiroshi Yamamoto"
            },
            {
              id: "5",              name: "Victoria Chen",              handle: "@victoriachen_singapore",              testimonial: "The omakase experience was phenomenal. Each course told a story. This is fine dining at its most refined.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman-office-1_1262-1492.jpg",              imageAlt: "Victoria Chen"
            },
            {
              id: "6",              name: "Stefan Weber",              handle: "@stefanweber_zürich",              testimonial: "Exceptional from beginning to end. The chef's expertise and the team's hospitality created an evening we'll never forget.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serious-asian-business-woman-looking-camera_1262-16477.jpg",              imageAlt: "Stefan Weber"
            }
          ]}
          showRating={true}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Guest Reviews"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Reserve Your Table"
          ctaDescription="Secure your spot at our intimate dining venue. We recommend reservations well in advance for the best seating."
          ctaButton={{
            text: "Book Reservation",            href: "https://example.com/reservations"
          }}
          ctaIcon={Calendar}
          faqs={[
            {
              id: "1",              title: "How far in advance should I make a reservation?",              content: "We recommend reserving 2-4 weeks in advance, especially during peak seasons and weekends. Last-minute reservations may be available; please contact us directly."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. Please inform us of any dietary preferences or restrictions when making your reservation. Our chef will create customized courses to accommodate your needs."
            },
            {
              id: "3",              title: "What is the dress code?",              content: "Smart casual to elegant dress is requested. We appreciate guests who dress to celebrate the occasion with us."
            },
            {
              id: "4",              title: "Do you offer private dining options?",              content: "Yes, we have an exclusive private dining room available for special occasions and corporate gatherings. Contact us for details and availability."
            },
            {
              id: "5",              title: "What is your cancellation policy?",              content: "Cancellations must be made 48 hours in advance. Late cancellations or no-shows may incur charges."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/great-landscape-opens-cosy-dinner-table_8353-93.jpg"
          imageAlt="Akira restaurant exterior"
          logoText="Akira"
          copyrightText="© 2025 Akira Fine Dining. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Menu", href: "products" },
                { label: "Reservations", href: "contact" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}