"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ChefHat, Fish, Flame, Star, Trophy, Users, Calendar, Utensils } from "lucide-react";
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';

function handleReservation(email: string) {
  console.log('Reservation request for:', email);
}

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Crimson Seoul"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Experience", id: "experience" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Reserve", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="CRIMSON SEOUL"
          description="Experience the pinnacle of Korean culinary artistry. A sanctuary where tradition meets innovation, presenting meticulously crafted dishes in an atmosphere of refined elegance."
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Reserve a Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
          imageAlt="Luxury fine dining experience at Crimson Seoul"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Korean Culinary Excellence Reimagined" }
          ]}
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Visit Us", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwentyFive
          title="Signature Creations"
          description="Each dish is a masterpiece, combining traditional Korean flavors with contemporary plating techniques. Our chef's selections showcase the finest ingredients from Korea and around the world."
          tag="Culinary Excellence"
          features={[
            {
              title: "Royal Bibimbap",              description: "A harmonious blend of premium beef, seasonal vegetables, and our signature gochujang sauce, topped with a perfectly cooked egg and Korean seaweed.",              icon: Flame,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529801.jpg",                  imageAlt: "Royal Bibimbap"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529799.jpg",                  imageAlt: "Premium bibimbap plating"
                }
              ]
            },
            {
              title: "Premium Korean BBQ",              description: "Hand-selected cuts of Hanwoo beef grilled tableside, served with traditional banchan sides and our house-made dipping sauces for an interactive dining experience.",              icon: Utensils,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529799.jpg",                  imageAlt: "Korean BBQ"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529797.jpg",                  imageAlt: "Grilled premium meat"
                }
              ]
            },
            {
              title: "Artisan Seafood Omakase",              description: "A progressive tasting experience featuring the day's finest selections of Korean seafood, expertly prepared and presented by our master chefs with minimalist elegance.",              icon: Fish,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529797.jpg",                  imageAlt: "Seafood omakase"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529801.jpg",                  imageAlt: "Artisan seafood plating"
                }
              ]
            },
            {
              title: "Heritage Cuisine",              description: "Traditional recipes passed down through generations, reimagined with modern plating and premium ingredients to honor Korean culinary heritage.",              icon: ChefHat,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529801.jpg",                  imageAlt: "Heritage Korean cuisine"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529799.jpg",                  imageAlt: "Traditional plating"
                }
              ]
            }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience" data-section="experience">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "An Unforgettable Dining Journey" }
          ]}
          buttons={[
            { text: "Book Now", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Distinction"
          description="Recognized excellence in fine dining, celebrated by discerning guests from around the world."
          tag="Achievements"
          metrics={[
            {
              id: "1",              icon: Star,
              title: "Michelin Stars",              value: "3"
            },
            {
              id: "2",              icon: Users,
              title: "Satisfied Guests",              value: "50K+"
            },
            {
              id: "3",              icon: Trophy,
              title: "Awards",              value: "28"
            },
            {
              id: "4",              icon: Calendar,
              title: "Years Excellence",              value: "15+"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Experiences"
          description="Discover what our distinguished guests say about their unforgettable evenings at Crimson Seoul."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen, Executive Chef",              date: "Date: 15 November 2024",              title: "Absolute perfection in every detail",              quote: "Crimson Seoul represents everything I aspire to in fine dining. The precision, the passion, the respect for ingredients—it's a masterclass in Korean cuisine elevated to the highest level. A truly transcendent experience.",              tag: "Executive",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232172.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232172.jpg"
            },
            {
              id: "2",              name: "James Patterson, Culinary Critic",              date: "Date: 8 December 2024",              title: "A landmark restaurant experience",              quote: "In my 20 years of dining criticism, Crimson Seoul stands among the finest establishments I've encountered. Every course told a story of craftsmanship, tradition, and unwavering dedication to excellence.",              tag: "Critic",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232167.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232167.jpg"
            },
            {
              id: "3",              name: "David Liu, Business Executive",              date: "Date: 22 November 2024",              title: "The perfect venue for distinguished guests",              quote: "We host our most important client dinners here. The ambiance, service, and cuisine combine to create an atmosphere of genuine luxury. Our guests are consistently impressed and grateful for the experience.",              tag: "Business",              avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14457.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14457.jpg"
            },
            {
              id: "4",              name: "Sophie Laurent, Travel Journalist",              date: "Date: 5 December 2024",              title: "Seoul's culinary crown jewel",              quote: "Crimson Seoul is not just a restaurant—it's a destination. The thoughtfulness in every element, from the ingredient sourcing to the wine pairings, demonstrates a commitment to the diner's complete satisfaction.",              tag: "Travel",              avatarSrc: "https://img.b2bpic.net/free-photo/high-angle-chef-male-kitchen_23-2148471868.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-chef-male-kitchen_23-2148471868.jpg"
            },
            {
              id: "5",              name: "Robert Kim, Michelin Inspector",              date: "Date: 18 October 2024",              title: "Exceptional consistency and vision",              quote: "What impressed us most was the restaurant's unwavering commitment to its vision while remaining open to innovation. The kitchen demonstrates technical mastery combined with genuine creativity.",              tag: "Inspector",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232172.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232172.jpg"
            },
            {
              id: "6",              name: "Elena Rossi, Luxury Lifestyle Editor",              date: "Date: 30 November 2024",              title: "Redefining luxury dining standards",              quote: "Crimson Seoul sets the standard for how luxury dining experiences should be crafted. Every detail whispers sophistication, from the design to the service to the cuisine itself.",              tag: "Editor",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232167.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232167.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Reservations"
          title="Reserve Your Table"
          description="Experience the culinary artistry of Crimson Seoul. For reservations and inquiries, please reach out. Limited seating ensures an intimate and personalized dining experience."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
          imageAlt="Fine dining reservation experience"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Request Reservation"
          termsText="By reserving with us, you acknowledge our fine dining policies and agree to our terms."
          onSubmit={handleReservation}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
            plans={[
                {
                    id: "basic",
                    badge: "Basic",
                    price: "$9.99/mo",
                    subtitle: "Perfect for small businesses",
                    buttons: [{ label: "Get Started", href: "/pricing/basic" }],
                    features: ["Up to 10 users", "Basic analytics", "Email support"]
                },
                {
                    id: "standard",
                    badge: "Standard",
                    price: "$19.99/mo",
                    subtitle: "Ideal for growing teams",
                    buttons: [{ label: "Get Started", href: "/pricing/standard" }],
                    features: ["Up to 50 users", "Advanced analytics", "Phone support"]
                },
                {
                    id: "premium",
                    badge: "Premium",
                    price: "$39.99/mo",
                    subtitle: "Best for large enterprises",
                    buttons: [{ label: "Get Started", href: "/pricing/premium" }],
                    features: ["Unlimited users", "Custom analytics", "24/7 support"]
                }
            ]}
            carouselMode="buttons"
            animationType="fade"
            title="Choose Your Plan"
            description="Unlock the full potential of Crimson Seoul with our flexible pricing plans."
            tag="Popular"
            textboxLayout="left"
            useInvertedBackground="none"
            className="mb-10"
            textBoxTitleClassName="text-4xl font-bold"
            textBoxDescriptionClassName="text-lg text-gray-600"
            badgeClassName="bg-blue-500 text-white"
            priceClassName="text-3xl font-bold"
            subtitleClassName="text-gray-500"
            planButtonContainerClassName="mt-4"
            planButtonClassName="bg-blue-500 text-white hover:bg-blue-600"
            featuresClassName="mt-4"
            featureItemClassName="text-gray-600"
            planTitleClassName="text-2xl font-bold"
            planSubtitleClassName="text-gray-500"
            planPriceClassName="text-3xl font-bold"
            planFeatureClassName="text-gray-600"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312257.jpg"
          imageAlt="Crimson Seoul luxury dining atmosphere"
          columns={[
            {
              title: "Dining",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" },
                { label: "Private Events", href: "#" },
                { label: "Wine Selection", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "The Chef", href: "#" },
                { label: "Sourcing", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "+82 (0)2 1234 5678", href: "tel:+82212345678" },
                { label: "Gangnam District, Seoul", href: "#" },
                { label: "hello@crimsoneoul.com", href: "mailto:hello@crimsonseoul.com" },
                { label: "Open by Reservation", href: "#" }
              ]
            }
          ]}
          logoText="Crimson Seoul"
          copyrightText="© 2024 Crimson Seoul. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}