"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NISEKO"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Experience", id: "experience" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="NISEKO"
          description="Experience Japanese culinary excellence at the heart of Niseko. An intimate fine dining destination where tradition meets innovation, showcasing the region's finest ingredients and artisanal craftsmanship."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "Explore Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-17447.jpg"
          imageAlt="Luxury fine dining restaurant"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Elevate Your Palate"
          description="Situated in the pristine mountain landscape of Niseko, our restaurant celebrates the region's bounty. Our award-winning chef sources only the finest local and imported ingredients, crafting each dish with meticulous attention to detail and respect for traditional Japanese culinary arts."
          tag="Our Philosophy"
          tagIcon={Sparkles}
          buttons={[
            { text: "Learn More", href: "#experience" }
          ]}
          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="Culinary artistry"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="What Sets Us Apart"
          description="Discover the distinctive elements that make our dining experience truly exceptional"
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "seasonal",              label: "Seasonal",              title: "Locally Sourced Excellence",              items: [
                "Mountain vegetables and herbs",                "Fresh fish from Niseko waters",                "Rotating menu with seasons",                "Direct relationships with farmers"
              ]
            },
            {
              id: "ambiance",              label: "Ambiance",              title: "Intimate Luxury Setting",              items: [
                "Panoramic mountain views",                "Minimalist Japanese design",                "Private dining rooms available",                "Curated lighting and acoustics"
              ]
            },
            {
              id: "expertise",              label: "Expertise",              title: "Culinary Mastery",              items: [
                "Award-winning head chef",                "Years of fine dining experience",                "Traditional and modern techniques",                "Michelin-standard quality"
              ]
            }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Signature Dishes"
          description="Showcase of our most celebrated culinary creations"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Premium Wagyu",              price: "¥18,000",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Wagyu beef"
            },
            {
              id: "2",              name: "Omakase Sushi",              price: "¥15,000",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg",              imageAlt: "Premium sushi selection"
            },
            {
              id: "3",              name: "Chef's Selection",              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: "Signature dish"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="Guest Experiences"
          description="What our guests say about their dining journey with us"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "A Culinary Masterpiece",              quote: "An unforgettable evening. Every dish was a work of art. The attention to detail and impeccable service made this the finest dining experience I've had in Japan.",              name: "James Morrison",              role: "Executive, London",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "James Morrison"
            },
            {
              id: "2",              title: "Mountain Perfection",              quote: "The location is breathtaking, but it's the food that truly captivated us. The chef's mastery of both traditional and contemporary techniques is remarkable.",              name: "Yuki Tanaka",              role: "Food Critic, Tokyo",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Yuki Tanaka"
            },
            {
              id: "3",              title: "Elegance Personified",              quote: "Everything about this restaurant screams sophistication. From the minimalist décor to the perfectly balanced menu, it's a sanctuary for the discerning diner.",              name: "Sophie Laurent",              role: "Sommelier, Paris",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "4",              title: "Worth the Journey",              quote: "We traveled to Niseko specifically for this restaurant and it exceeded every expectation. The wine pairing selection is exceptional. A true destination dining experience.",              name: "David Chen",              role: "Wine Collector, Hong Kong",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "David Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Experience"
          ctaDescription="Secure your table at our exclusive Niseko restaurant. Contact us today to arrange your culinary journey."
          ctaButton={{
            text: "Reserve Table",            href: "mailto:reserve@nisekofine.com"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I make a reservation?",              content: "Reservations can be made by calling +81-90-XXXX-XXXX or emailing reserve@nisekofine.com. We accept reservations up to 60 days in advance. Groups of 4 or more require advance notice."
            },
            {
              id: "2",              title: "What is your dress code?",              content: "Smart casual to business casual is required. We recommend elegant attire befitting a fine dining experience. Jackets are not mandatory but encouraged for evening service."
            },
            {
              id: "3",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. Please inform us of any allergies or dietary preferences when making your reservation. Our chef is experienced in creating exceptional meals for all dietary requirements."
            },
            {
              id: "4",              title: "What are your opening hours?",              content: "We are open Tuesday through Sunday, 5:00 PM to 11:00 PM. Closed Mondays. Lunch service available by special request for groups of 6 or more."
            },
            {
              id: "5",              title: "Do you offer private dining?",              content: "Yes, we have dedicated private dining rooms perfect for special occasions, business dinners, and intimate celebrations. Please contact us directly for availability and arrangements."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, cash in JPY, and digital payment methods. A gratuity is customary at approximately 10-15% for exceptional service."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="NISEKO"
          copyrightText="© 2025 Niseko Fine Dining. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" },
                { label: "Private Dining", href: "#contact" },
                { label: "Wine Selection", href: "#features" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email", href: "mailto:info@nisekofine.com" },
                { label: "Phone", href: "tel:+81-90-XXXX-XXXX" },
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Chef", href: "#features" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}