"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, ChefHat, Leaf, Flame, Star, Check, Heart, Gift, Camera, Users, Award, Calendar, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reservations", id: "reservations" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Culinary Haven"
          bottomLeftText="Open Daily 5PM - 11PM"
          bottomRightText="reservations@culinaryhaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Welcome to Culinary Haven"
          description="Experience exquisite cuisine in an atmosphere of elegance and warmth. Reserve your table for an unforgettable evening of fine dining."
          tag="Fine Dining Experience"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          inputPlaceholder="Enter your email for updates"
          buttonText="Explore Menu"
          ariaLabel="Hero section - Welcome to our restaurant"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story"
          description="Crafting memorable dining experiences through passion and expertise"
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We are dedicated to creating an exceptional dining environment where every guest feels welcomed and valued. Our commitment is to serve the finest cuisine prepared with fresh, locally-sourced ingredients and culinary expertise."
            },
            {
              id: "chef",              label: "Our Chef",              description: "Chef Marcus, trained at Michelin-starred restaurants across Europe, brings 20 years of culinary excellence to Culinary Haven. His innovative approach to classic techniques ensures every dish is a masterpiece."
            },
            {
              id: "ambiance",              label: "Ambiance",              description: "Our carefully designed dining space combines modern elegance with warm hospitality. Soft lighting, curated art, and attentive service create the perfect setting for celebrations and special moments."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"
          imageAlt="Elegant restaurant dining room with sophisticated decor"
          imagePosition="right"
          useInvertedBackground="noInvert"
          ariaLabel="About section - Learn our story"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTen
          title="Our Menu"
          description="Discover our carefully curated selection of dishes, crafted to delight your palate with flavor and artistry"
          tag="Culinary Creations"
          tagIcon={ChefHat}
          features={[
            {
              id: "1",              title: "Appetizers",              description: "Start your journey with our selection of refined starters. From delicate seafood preparations to creative vegetable compositions, each appetizer sets the tone for an exceptional meal.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg"
              },
              items: [
                { icon: Leaf, text: "Fresh, seasonal ingredients" },
                { icon: Flame, text: "Expertly prepared" },
                { icon: Star, text: "Artistic presentation" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Main Courses",              description: "Our signature dishes showcase the chef's mastery of flavor combinations. Succulent proteins paired with seasonal vegetables and innovative sauces create unforgettable taste experiences.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg"
              },
              items: [
                { icon: Check, text: "Premium quality proteins" },
                { icon: Check, text: "Locally sourced ingredients" },
                { icon: Check, text: "Chef's signature techniques" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Desserts",              description: "End your meal on a sweet note with our artisanal desserts. Each creation is crafted with precision and creativity, providing the perfect finale to your dining experience.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg"
              },
              items: [
                { icon: Heart, text: "Handcrafted daily" },
                { icon: Sparkles, text: "Premium ingredients" },
                { icon: Gift, text: "Memorable indulgence" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          ariaLabel="Menu section - Browse our offerings"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardThree
          title="Photo Gallery"
          description="Visual celebration of our culinary artistry and dining atmosphere"
          tag="Visual Feast"
          tagIcon={Camera}
          blogs={[
            {
              id: "1",              category: "Cuisine",              title: "Signature Seared Scallops",              excerpt: "Delicate sea scallops perfectly seared with champagne beurre blanc and microgreens",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-shiny-glassware-standing-dinner-plate_8353-664.jpg"
            },
            {
              id: "2",              category: "Cuisine",              title: "Pan-Roasted Duck Breast",              excerpt: "Heritage duck with cherry gastrique and roasted root vegetables",              imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
            },
            {
              id: "3",              category: "Cuisine",              title: "Decadent Chocolate Soufflé",              excerpt: "Warm chocolate center with vanilla bean ice cream and gold leaf",              imageSrc: "https://img.b2bpic.net/free-photo/various-dessert-glass-white-wine_140725-4306.jpg"
            },
            {
              id: "4",              category: "Ambiance",              title: "Elegant Dining Experience",              excerpt: "Intimate table settings with candlelight and sophisticated presentation",              imageSrc: "https://img.b2bpic.net/free-photo/various-food-with-glass-wine_141793-847.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          ariaLabel="Photo gallery section - Browse our visual portfolio"
        />
      </div>

      <div id="reservations" data-section="reservations">
        <MetricCardThree
          title="Why Dine With Us"
          description="Experience the difference that dedication to excellence makes"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Guests",              value: "5,000+"
            },
            {
              id: "2",              icon: Award,
              title: "Awards Won",              value: "12"
            },
            {
              id: "3",              icon: Calendar,
              title: "Years Open",              value: "15"
            },
            {
              id: "4",              icon: Star,
              title: "Avg Rating",              value: "4.9★"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          ariaLabel="Metrics section - Our achievements"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Culinary Haven exceeded all our expectations. The food was exquisite, the service impeccable, and the atmosphere magical. We celebrated our anniversary here and it was absolutely perfect. We cannot wait to return!"
          rating={5}
          author="Sarah & Michael Thompson"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              alt: "Guest testimonial avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              alt: "Guest testimonial avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              alt: "Guest testimonial avatar 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              alt: "Guest testimonial avatar 4"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Testimonial section - Guest reviews"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Make Your Reservation"
          tagIcon={Calendar}
          title="Ready for an Unforgettable Experience?"
          description="Reserve your table today and discover why guests return to Culinary Haven again and again. We offer both individual reservations and private dining experiences for special occasions."
          buttons={[
            {
              text: "Reserve Table Now",              href: "tel:+1-555-DINE-NOW"
            },
            {
              text: "Email Reservations",              href: "mailto:reservations@culinaryhaven.com"
            }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          ariaLabel="Contact section - Make a reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Culinary Haven"
          leftLink={{
            text: "Privacy Policy",            href: "/privacy"
          }}
          rightLink={{
            text: "Terms of Service",            href: "/terms"
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}