"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ChefHat, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Hansang"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Experience", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          tag="Michelin-Inspired Dining"
          tagIcon={Sparkles}
          title="Hansang: Seoul's Premier Korean Culinary Experience"
          description="Discover the art of authentic Korean cuisine elevated to extraordinary heights. Our chef-driven restaurant honors centuries of tradition while embracing modern sophistication, delivering an unforgettable journey through Korea's most cherished flavors."
          imageSrc="https://img.b2bpic.net/free-photo/stock-photo-served-nutritious-caesar-salad-with-chicken-served-with-black-slice-with-sesame-seeds-top_132075-8861.jpg"
          imageAlt="Premium Korean restaurant plating"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Reserve Your Table", href: "#contact" },
            { text: "Explore Menu", href: "#menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Hansang was founded on the belief that Korean cuisine represents one of the world's most refined and complex culinary traditions. Our restaurant honors this heritage while pushing the boundaries of contemporary gastronomy.",            "Led by Head Chef Min-jun Park, who trained under legendary Korean masters and worked with Michelin-starred establishments across Asia, we craft each dish with meticulous attention to ingredient quality, preparation technique, and presentation artistry.",            "Every element of Hansang—from our sourced ingredients to our intimate dining space—reflects our commitment to creating transcendent experiences for those who appreciate culinary excellence."
          ]}
          buttons={[
            { text: "Learn More About Chef Park", href: "#team" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          tag="Our Specialties"
          tagIcon={ChefHat}
          title="Signature Culinary Excellence"
          description="Each of our signature dishes represents the pinnacle of Korean culinary artistry, featuring premium ingredients and traditional techniques refined through decades of expertise."
          features={[
            {
              id: 1,
              title: "Authentic Preparation",              description: "Traditional Korean cooking methods passed down through generations, executed with modern precision and contemporary plating aesthetics.",              imageSrc: "https://img.b2bpic.net/free-photo/soju-bottles-korean-side-dishes-menu_1150-43009.jpg",              imageAlt: "Traditional Korean preparation techniques"
            },
            {
              id: 2,
              title: "Premium Ingredients",              description: "Carefully sourced from Korea's finest producers, including hand-selected fermented goods, seasonal vegetables, and premium seafood daily.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081512.jpg",              imageAlt: "Premium Korean ingredients"
            },
            {
              id: 3,
              title: "Artisan Presentation",              description: "Each dish is composed with artistic intention, balancing color, texture, temperature, and flavor in harmonious compositions.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081513.jpg",              imageAlt: "Artisan Korean dish presentation"
            },
            {
              id: 4,
              title: "Cultural Authenticity",              description: "Every recipe and technique honors Korean culinary heritage while respecting the vision and innovation of our executive chef.",              imageSrc: "https://img.b2bpic.net/free-photo/japanese-food_53876-13999.jpg",              imageAlt: "Authentic Korean cultural cuisine"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Featured Menu Selections"
          description="Explore our most celebrated dishes, each a masterwork of flavor, technique, and presentation. Every item is available for reservation and customization."
          tag="Signature Dishes"
          products={[
            {
              id: "1",              name: "Wagyu Bulgogi with Truffle Oil",              price: "₩85,000",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081510.jpg",              imageAlt: "Premium wagyu bulgogi",              initialQuantity: 1
            },
            {
              id: "2",              name: "Galbi Jjim - Braised Short Ribs",              price: "₩95,000",              imageSrc: "https://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg",              imageAlt: "Artisan braised galbi ribs",              initialQuantity: 1
            },
            {
              id: "3",              name: "Seasonal Banchan Selection",              price: "₩35,000",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",              imageAlt: "Traditional Korean side dishes",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          tag="Guest Reviews"
          title="Celebrated by Seoul's Finest"
          description="Discover why Hansang has become the destination for those who demand culinary excellence and authentic Korean hospitality."
          testimonials={[
            {
              id: "1",              name: "Ji-won Park",              role: "Food Critic",              company: "Seoul Culinary Guide",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-attractive-asian-businesswoman-looking-camera-head-shot-portrait_1163-4734.jpg",              imageAlt: "Ji-won Park portrait"
            },
            {
              id: "2",              name: "David Chen",              role: "Chef",              company: "Michelin Restaurant",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-asian-woman-smart-jacket-posing-office-with-crossed-arms_1098-20523.jpg",              imageAlt: "David Chen portrait"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Restaurant Owner",              company: "Gastronomic Society",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-asian-business-lady-sitting-office-smiling_1098-20521.jpg",              imageAlt: "Sophie Laurent portrait"
            },
            {
              id: "4",              name: "Takeshi Yamamoto",              role: "Food Journalist",              company: "East Asia Dining",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-asian-woman-portrait-smiling-face_53876-145631.jpg",              imageAlt: "Takeshi Yamamoto portrait"
            }
          ]}
          kpiItems={[
            { value: "15+", label: "Years of Culinary Excellence" },
            { value: "500+", label: "Happy Guests Monthly" },
            { value: "100%", label: "Reservation Satisfaction" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          tag="Our Culinary Team"
          title="Masters of Korean Cuisine"
          description="Meet the passionate professionals dedicated to delivering uncompromising excellence in every aspect of your dining experience."
          members={[
            {
              id: "1",              name: "Min-jun Park",              role: "Head Chef",              imageSrc: "https://img.b2bpic.net/free-photo/confident-smartly-dressed-asian-woman-sitting-executive-chair-office_1098-20503.jpg",              imageAlt: "Chef Min-jun Park"
            },
            {
              id: "2",              name: "Su-jin Lee",              role: "Pastry Chef",              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-emotions-casual-concept-confident-nice-smiling-asian-woman-cross-arms-chest-confident-ready-help-listening-coworkers-taking-part-conversation_1258-97997.jpg",              imageAlt: "Chef Su-jin Lee"
            },
            {
              id: "3",              name: "Kyung-ho Kim",              role: "Restaurant Manager",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-asian-businesswoman-mockup-psd-smiling-closeup-portrait_53876-143281.jpg",              imageAlt: "Manager Kyung-ho Kim"
            },
            {
              id: "4",              name: "Hae-won Oh",              role: "Sommelier",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-korean-young-asian-woman-professional-looking-confident-assertive-camera-white-background-business-people-concept_1258-97331.jpg",              imageAlt: "Sommelier Hae-won Oh"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Experience"
          description="Join us at Hansang for an extraordinary culinary journey. Our team ensures every detail of your visit reflects our commitment to excellence. Reserve your table to begin your Korean gastronomic adventure."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "date",              type: "date",              placeholder: "Preferred Date",              required: true
            },
            {
              name: "party_size",              type: "number",              placeholder: "Number of Guests",              required: true
            }
          ]}
          textarea={{
            name: "special_requests",            placeholder: "Dietary restrictions, allergies, or special preferences...",            rows: 4,
            required: false
          }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-mushroom-frying-with-salt-fire-human-hand-pan_176474-3146.jpg"
          imageAlt="Hansang elegant dining interior"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Confirm Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Hansang"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "#about" },
                { label: "Chef's Story", href: "#team" },
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Address: Gangnam-gu, Seoul", href: "#" },
                { label: "Phone: +82-2-XXXX-XXXX", href: "#" },
                { label: "Hours: Tue-Sun 6PM-11PM", href: "#" },
                { label: "Closed: Monday", href: "#" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "Private Dining", href: "#" },
                { label: "Chef's Table", href: "#" },
                { label: "Omakase Menu", href: "#" },
                { label: "Special Events", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "mailto:info@hansang.kr" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Hansang | Seoul's Premier Korean Cuisine"
        />
      </div>
    </ThemeProvider>
  );
}
