"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Calendar, ChefHat, Heart, Sparkles, Utensils } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Le Petit Bistro"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Reserve Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Culinary Excellence"
          description="Welcome to Le Petit Bistro, where traditional French cuisine meets modern innovation. Discover an exquisite dining experience crafted with the finest ingredients and meticulous attention to detail."
          tag="Fine Dining Restaurant"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "noise" }}
          buttons={[
            { text: "Reserve Your Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/indoor-with-elegant-wooden-dining-table-chairs_116348-100.jpg", imageAlt: "Fine dining restaurant interior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg", imageAlt: "Gourmet plated main course" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-arrangement_23-2148510851.jpg", imageAlt: "Elegant appetizer presentation" },
            { imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2408.jpg", imageAlt: "Premium dessert course" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg?_wi=1", imageAlt: "Premium steak main course" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-salmon-dish-close-up_23-2148516990.jpg?_wi=1", imageAlt: "Grilled salmon presentation" }
          ]}
          mediaAnimation="slide-up"
          ariaLabel="Restaurant hero section with gallery"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          title="Passion for Gastronomy"
          description="Founded in 2015, Le Petit Bistro has been delivering exceptional French cuisine to our community. Our head chef, trained in Lyon, brings authentic techniques and seasonal creativity to every dish."
          subdescription="Every plate that leaves our kitchen represents our commitment to culinary excellence, sustainable sourcing, and unforgettable dining experiences."
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/front-view-female-chef-with-mask-cooking-kitchen_23-2148763140.jpg"
          imageAlt="Professional chef preparing gourmet food"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About restaurant section"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwentyFour
          title="Our Signature Menu"
          description="Carefully curated dishes showcasing the best of French culinary tradition combined with modern techniques and seasonal ingredients."
          tag="Culinary Artistry"
          tagIcon={Utensils}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            {
              id: "appetizers",              title: "Appetizers",              author: "Chef Selection",              description: "Begin your culinary journey with our carefully crafted starters, featuring fresh oysters, delicate terrines, and innovative small plates.",              tags: ["Fresh", "Artisanal", "Seasonal"],
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-arrangement_23-2148510958.jpg",              imageAlt: "Fresh oysters seafood appetizer"
            },
            {
              id: "mains",              title: "Main Courses",              author: "Executive Chef",              description: "Indulge in our signature main courses featuring premium beef, fresh seafood, and house-made pasta prepared with classical French techniques.",              tags: ["Premium", "Handcrafted", "Gourmet"],
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg?_wi=2",              imageAlt: "Premium steak main course"
            },
            {
              id: "specialties",              title: "Chef's Specialties",              author: "Seasonal Creation",              description: "Experience our rotating specialties featuring the finest seasonal ingredients sourced from local producers and trusted suppliers.",              tags: ["Seasonal", "Limited", "Exclusive"],
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-salmon-dish-close-up_23-2148516990.jpg?_wi=2",              imageAlt: "Grilled salmon specialty dish"
            }
          ]}
          ariaLabel="Menu features section"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Dishes"
          description="Our most celebrated creations, perfected through years of refinement and consistently praised by our discerning guests."
          tag="Chef Recommendations"
          tagIcon={Award}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "pasta-special",              name: "Handmade Tagliatelle al Ragù",              price: "€28",              variant: "Signature Pasta",              imageSrc: "http://img.b2bpic.net/free-photo/seafood-pasta-tomato-sauce-with-mussels_140725-8464.jpg",              imageAlt: "Handmade pasta fine dining"
            },
            {
              id: "risotto-special",              name: "Saffron Risotto aux Truffles",              price: "€32",              variant: "Luxury Creation",              imageSrc: "http://img.b2bpic.net/free-photo/mushroom-risotto-garnished-with-grated-parmesan-parsley-vertical_141793-1933.jpg",              imageAlt: "Saffron risotto gourmet plate"
            },
            {
              id: "lamb-special",              name: "Herb-Crusted Lamb Chops",              price: "€36",              variant: "Premium Selection",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-antricot-kebab-grilled-lamb-ribs-with-greens-red-onion-tomato-grilled-corn-yogurt-table_141793-4746.jpg",              imageAlt: "Herb crusted lamb fine dining"
            }
          ]}
          ariaLabel="Featured dishes showcase"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Le Petit Bistro exceeded all our expectations. The attention to detail in every dish, the impeccable service, and the ambiance created an unforgettable evening. We cannot wait to return."
          rating={5}
          author="Sarah & Michael Thompson"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Testimonial author profile" },
            { src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg", alt: "Testimonial co-author profile" },
            { src: "http://img.b2bpic.net/free-photo/male-traveler-with-camera-local-place_23-2149016730.jpg", alt: "Happy customer" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", alt: "Satisfied diner" }
          ]}
          ratingAnimation="opacity"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonial section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Achievement"
          description="Trusted by thousands of diners seeking authentic French cuisine and exceptional service."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            { id: "years", value: "9+", description: "Years of Excellence" },
            { id: "guests", value: "15K+", description: "Happy Guests Annually" },
            { id: "menu-items", value: "40+", description: "Curated Menu Items" }
          ]}
          ariaLabel="Restaurant metrics section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Book Your Experience"
          title="Reserve Your Table"
          description="Join us for an unforgettable dining experience. Secure your reservation and prepare for an evening of culinary excellence."
          tagIcon={Calendar}
          background={{ variant: "noise" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/brunch-restaurant-landing-page-template_23-2148994755.jpg"
          imageAlt="Fine dining restaurant reservation"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="By booking, you agree to our reservation policy and terms of service."
          ariaLabel="Contact and reservation section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Le Petit Bistro"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" },
                { label: "Reservations", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "123 Rue de la Paix, Paris", href: "#" },
                { label: "+33 1 2345 6789", href: "#" },
                { label: "info@lepetitbistro.fr", href: "#" },
                { label: "Open Tue-Sun 6PM-11PM", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "TripAdvisor", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Le Petit Bistro | Crafting culinary memories since 2015"
        />
      </div>
    </ThemeProvider>
  );
}