"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Clock, Crown, Globe, Sparkles, Users, Zap } from 'lucide-react';

export default function OmakasePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Omakase Niseko"
          navItems={[
            { name: "Experience", id: "experience" },
            { name: "Pricing", id: "pricing" },
            { name: "Chefs", id: "team" },
            { name: "Reviews", id: "testimonials" },
            { name: "Reserve", id: "contact" }
          ]}
          button={{ text: "Reserve Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Experience the Art of Omakase in Niseko"
          description="An intimate culinary journey featuring the finest seasonal ingredients, expertly crafted by master sushi chefs. Reserve your seat at our exclusive counter and discover the essence of authentic Japanese craftsmanship."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg", alt: "Master Chef 1" },
            { src: "https://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg", alt: "Master Chef 2" },
            { src: "https://img.b2bpic.net/free-photo/high-angle-chef-male-kitchen_23-2148471868.jpg", alt: "Master Chef 3" }
          ]}
          avatarText="Trusted by culinary enthusiasts worldwide"
          buttons={[
            { text: "Reserve Your Seat", href: "contact" },
            { text: "Learn More", href: "experience" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Omakase Niseko represents the pinnacle of Japanese culinary excellence, where tradition meets innovation in an intimate, unforgettable dining experience"
          metrics={[
            { icon: Clock, label: "Years of Experience", value: "25+" },
            { icon: Users, label: "Premium Members", value: "3,500+" },
            { icon: Award, label: "Michelin Recognition", value: "2 Stars" },
            { icon: Globe, label: "Finest Ingredients", value: "15 Countries" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardTwelve
          title="The Omakase Experience"
          description="Immerse yourself in a multi-course journey of carefully selected seasonal delicacies, each piece handcrafted with precision and served at the perfect moment."
          textboxLayout="default"
          animationType="slide-up"
          features={[
            {
              id: "seasonal",              label: "Seasonal",              title: "Fresh Seasonal Selection",              items: [
                "Daily catch from premium markets",                "Chef's curated selections",                "Rotating menu based on availability",                "Sustainability-focused sourcing"
              ],
              buttons: [{ text: "View Details", href: "contact" }]
            },
            {
              id: "master-chef",              label: "Mastery",              title: "Master Chefs at the Counter",              items: [
                "Decades of culinary expertise",                "Direct engagement with chefs",                "Personalized pacing and preferences",                "Educational narrative with each course"
              ],
              buttons: [{ text: "Meet the Team", href: "team" }]
            },
            {
              id: "premium",              label: "Premium",              title: "Uncompromising Quality Standards",              items: [
                "Hand-selected fish from global sources",                "Temperature-controlled service",                "Rice aged and seasoned to perfection",                "Pristine preparation techniques"
              ],
              buttons: [{ text: "Reserve Now", href: "contact" }]
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Omakase Tiers"
          description="Select your preferred experience level. Each tier includes chef's selection, premium sake pairings, and intimate counter seating."
          textboxLayout="default"
          animationType="slide-up"
          plans={[
            {
              id: "classic",              badge: "Entry Experience",              badgeIcon: Sparkles,
              price: "¥12,000",              subtitle: "Introduction to our craft",              features: [
                "10-12 piece omakase course",                "Seasonal ingredient selection",                "House sake pairing",                "Intimate counter experience",                "1.5 hour seating"
              ]
            },
            {
              id: "premium",              badge: "Most Popular",              badgeIcon: Crown,
              price: "¥18,000",              subtitle: "The complete experience",              features: [
                "14-16 piece omakase course",                "Chef's premium selections",                "Curated sake pairing",                "Chef interaction & education",                "2 hour seating",                "Appetizer included"
              ]
            },
            {
              id: "signature",              badge: "Exclusive",              badgeIcon: Zap,
              price: "¥25,000",              subtitle: "Our ultimate masterpiece",              features: [
                "18-22 piece signature course",                "Rare & premium selections",                "Premium sake pairing",                "Extended chef interaction",                "2.5 hour seating",                "Multi-course appetizers",                "Exclusive dessert experience"
              ]
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Master Chefs"
          description="Each chef brings decades of dedication to the art of omakase, trained in Tokyo's most prestigious establishments."
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          members={[
            {
              id: "1",              name: "Chef Takeshi Yamamoto",              role: "Head Chef & Founder",              description: "30 years of omakase mastery from Tokyo's Michelin-starred establishments. Specializing in nigiri and seasonal delicacies.",              imageSrc: "https://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg",              imageAlt: "Chef Takeshi Yamamoto",              socialLinks: [{ icon: Globe, url: "https://example.com" }]
            },
            {
              id: "2",              name: "Chef Kenji Nakamura",              role: "Senior Omakase Chef",              description: "25 years specializing in fish sourcing and preservation. Expert in identifying the finest daily catch from around the world.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg",              imageAlt: "Chef Kenji Nakamura",              socialLinks: [{ icon: Globe, url: "https://example.com" }]
            },
            {
              id: "3",              name: "Chef Hiroshi Sato",              role: "Rice & Preparation Specialist",              description: "Meticulous craftsman dedicated to perfecting rice temperature, seasoning, and nigiri shaping. 22 years of refinement.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-chef-male-kitchen_23-2148471868.jpg",              imageAlt: "Chef Hiroshi Sato",              socialLinks: [{ icon: Globe, url: "https://example.com" }]
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Hear from discerning diners who have experienced the artistry of Omakase Niseko."
          textboxLayout="default"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Michael Richardson",              role: "Michelin Guide Reviewer",              testimonial: "An absolutely extraordinary experience. Every piece was a revelation of flavor, texture, and craftsmanship. The chefs' dedication to perfection is evident in every bite.",              imageSrc: "https://img.b2bpic.net/free-photo/person-cooking-japanese-food_23-2149366815.jpg",              imageAlt: "Michael Richardson"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Food Critic",              testimonial: "The most authentic omakase I've experienced outside of Tokyo. The sourcing is impeccable and the presentation is absolutely mesmerizing.",              imageSrc: "https://img.b2bpic.net/free-photo/asian-handsome-man-cooking-home_1157-47507.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "David Patel",              role: "Culinary Director",              testimonial: "An intimate masterclass in sushi artistry. Chef Takeshi's attention to detail and passion for his craft is unmatched. A must-visit destination.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-asian-chef-kitchen-interior_1253-922.jpg",              imageAlt: "David Patel"
            },
            {
              id: "4",              name: "Emma Thompson",              role: "Travel Editor",              testimonial: "Worth the journey to Niseko alone. The experience transcends dining—it's a cultural immersion into Japanese culinary excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230059.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "5",              name: "James Wilson",              role: "Premium Member",              testimonial: "I've dined here monthly for two years. Every experience is unique, thoughtful, and absolutely magnificent. The chefs remember preferences and elevate the experience every time.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-male-chef-kitchen_23-2149646279.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "6",              name: "Yuki Tanaka",              role: "Sake Sommelier",              testimonial: "The sake pairings are expertly curated to complement each course. A seamless integration of traditional and contemporary selections. Exceptional knowledge.",              imageSrc: "https://img.b2bpic.net/free-photo/shot-professional-old-chef-dressed-uniform-holding-kitchen-spatula-tongs_613910-17564.jpg",              imageAlt: "Yuki Tanaka"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserve"
          title="Reserve Your Omakase Experience"
          description="Secure your seat at our intimate counter. Due to limited seating and chef availability, we recommend booking at least 2-4 weeks in advance. Weekend slots often fill months ahead."
          background={{ variant: "rotated-rays-animated-grid" }}
          inputPlaceholder="your@email.com"
          buttonText="Request Reservation"
          termsText="We'll contact you within 24 hours to confirm your preferred date and tier. Cancellations require 7 days notice."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Omakase Niseko"
          columns={[
            {
              title: "Experience",              items: [
                { label: "Our Philosophy", href: "#about" },
                { label: "Omakase Tiers", href: "#pricing" },
                { label: "The Chefs", href: "#team" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Reservations",              items: [
                { label: "Book Now", href: "#contact" },
                { label: "Group Events", href: "#contact" },
                { label: "Private Experiences", href: "#contact" },
                { label: "Cancellation Policy", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" },
                { label: "Email", href: "mailto:reserve@omakase-niseko.jp" },
                { label: "Phone", href: "tel:+81-136-22-0008" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "#contact" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Omakase Niseko. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}