"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NISEKO DINING"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Experience", id: "features" },
            { name: "Reservations", id: "contact" }
          ]}
          button={{
            text: "Book Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Elevated Dining in the Japanese Alps"
          description="Experience culinary excellence in Niseko's most sophisticated setting. Our chef-driven cuisine celebrates seasonal Japanese ingredients with international refinement."
          background={{ variant: "glowing-orb" }}
          tag="Fine Dining"
          buttons={[
            { text: "Reserve Your Table", href: "contact" },
            { text: "Explore Our Menu", href: "products" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
          imageAlt="Luxury restaurant interior with fine dining setup"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Philosophy"
          description={[
            "Niseko Dining represents the pinnacle of Japanese culinary tradition meets contemporary innovation. Our restaurant celebrates the pristine ingredients of Hokkaido, combining time-honored techniques with modern artistic presentation.",            "Our head chef brings two decades of experience from Michelin-starred establishments in Tokyo and Paris, crafting menus that tell the story of each season. Every dish is a carefully orchestrated experience designed to engage all your senses.",            "We believe hospitality is the foundation of fine dining. Your comfort and satisfaction are our highest priority, reflected in every detail from our service to our ambiance."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Signature Creations"
          description="A curated selection of our most celebrated dishes, each representing our commitment to excellence and seasonal artistry."
          tag="Menu Highlights"
          products={[
            {
              id: "1",              name: "Hokkaido Scallop Crudo",              price: "¥3,800",              variant: "Sweet scallop, ponzu gelée, micro cilantro",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-shrimp-nigiri-sushi-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8482.jpg",              imageAlt: "Hokkaido scallop crudo with ponzu gelée"
            },
            {
              id: "2",              name: "Wagyu Aged 45 Days",              price: "¥8,500",              variant: "A5 grade, seasonal vegetables, demi-glace",              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: "Premium A5 wagyu beef presentation"
            },
            {
              id: "3",              name: "Omakase Selection",              price: "¥9,500",              variant: "Chef's seasonal selection, 12 pieces",              imageSrc: "https://img.b2bpic.net/free-photo/platter-fried-fish-served-with-kumquat-herbs_140725-4923.jpg",              imageAlt: "Sushi omakase selection"
            },
            {
              id: "4",              name: "Soft Shell Crab Tempura",              price: "¥5,200",              variant: "Light tempura, dashi broth, seasonal garnish",              imageSrc: "https://img.b2bpic.net/free-photo/chicken-roll-steak_74190-3802.jpg",              imageAlt: "Tempura soft shell crab with dashi"
            }
          ]}
          gridVariant="bento-grid"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="The Dining Experience"
          description="From the moment you arrive, every element is orchestrated to enhance your evening of culinary discovery."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Ingredient Selection",              description: "Our team visits Tsukiji markets twice weekly to source the finest seasonal ingredients, ensuring uncompromising quality and freshness in every dish.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-cooking_23-2149631703.jpg"
            },
            {
              id: 2,
              title: "Artisanal Preparation",              description: "Witness the precision of our master sushi chefs as they transform premium ingredients into edible art, each piece a testament to decades of refinement.",              imageSrc: "https://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg"
            },
            {
              id: 3,
              title: "Refined Presentation",              description: "Every plate that leaves our kitchen is a composition of flavor, texture, and visual beauty, designed to create moments of pure culinary joy.",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727975.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Celebrated by Our Guests"
          description="Discover why discerning diners from around the world make Niseko Dining their destination for unforgettable culinary moments."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Takeshi Yamamoto",              role: "Food Critic",              testimonial: "An extraordinary restaurant that honors Japanese culinary tradition while pushing boundaries with creative vision. The precision and passion in every dish is remarkable.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Takeshi Yamamoto"
            },
            {
              id: "2",              name: "Sophie Laurent",              role: "Michelin Inspector",              testimonial: "A destination worthy of the finest accolades. The consistency, innovation, and impeccable service create an experience that transcends mere dining.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "3",              name: "James Chen",              role: "Travel Writer",              testimonial: "Niseko Dining is the crown jewel of Hokkaido's restaurant scene. Every visit reveals new layers of sophistication and culinary mastery.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Chen"
            },
            {
              id: "4",              name: "Emma Richardson",              role: "Executive Chef",              testimonial: "The technical excellence and artistic vision demonstrated here sets the standard for fine dining in Asia. Simply outstanding.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "5",              name: "David Nakamura",              role: "Restaurant Consultant",              testimonial: "This establishment perfectly balances respect for tradition with contemporary innovation. A masterclass in luxury dining.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "David Nakamura"
            },
            {
              id: "6",              name: "Isabella Rossi",              role: "Food Journalist",              testimonial: "An immersive culinary journey that celebrates the seasons and showcases the finest of Japanese gastronomy. Absolutely exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Isabella Rossi"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Niseko Dining by Numbers"
          description="Excellence measured through the experiences we've created and the recognition we've received."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years of Culinary Excellence",              items: [
                "Head chef trained in Tokyo & Paris",                "Michelin recognition",                "International awards"
              ]
            },
            {
              id: "2",              value: "95%",              title: "Guest Satisfaction Rate",              items: [
                "Repeat dining clientele",                "Fine dining standards",                "Personalized service"
              ]
            },
            {
              id: "3",              value: "12",              title: "Seasonal Menu Rotations",              items: [
                "Hokkaido ingredient focus",                "Fresh sourcing twice weekly",                "Chef's contemporary vision"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Reserve Your Evening"
          ctaDescription="Secure your table at Niseko's most coveted dining destination. Book directly or contact our team for a personalized experience."
          ctaButton={{
            text: "Make a Reservation",            href: "https://niseko-dining.reservations"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What is your reservation policy?",              content: "We operate with a reservation-only policy to ensure personalized service and optimal dining experiences. Advance booking is recommended, particularly during peak seasons. We offer flexible cancellation policies with 48 hours notice."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. Our culinary team takes great pride in accommodating all dietary preferences and allergies. Please inform us in advance so our chef can design a bespoke menu tailored to your needs."
            },
            {
              id: "3",              title: "What is the dress code?",              content: "We maintain an elegant dress code reflecting the refined nature of our establishment. Business casual to formal attire is recommended. We welcome guests in their finest, though we appreciate the sentiment over strict formality."
            },
            {
              id: "4",              title: "Do you offer private dining?",              content: "Yes, we have a private dining room perfect for special occasions, celebrations, and business functions. Our team can customize the experience entirely. Please contact us for availability and details."
            },
            {
              id: "5",              title: "What is your location and hours?",              content: "Niseko Dining is located in the heart of Niseko Village. We're open Tuesday through Sunday from 5:30 PM to 11:00 PM. We're closed Mondays and select holidays. Contact us for seasonal hours."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Dining",              items: [
                { label: "Reservations", href: "contact" },
                { label: "Our Menu", href: "products" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "about" },
                { label: "The Experience", href: "features" },
                { label: "Chef's Vision", href: "about" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Newsletter", href: "contact" },
                { label: "Locations", href: "contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Niseko Dining. All rights reserved."
          bottomRightText="Crafted with culinary excellence"
        />
      </div>
    </ThemeProvider>
  );
}