"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Culinary Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reserve", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Dining Experience"
          bottomRightText="reservations@culinaryhaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Welcome to Culinary Haven"
          description="Discover an extraordinary dining experience featuring locally-sourced ingredients and innovative cuisine. Reserve your table and join us for an unforgettable gastronomic journey."
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", alt: "Elegant restaurant interior" }
          ]}
          avatarText="Voted #1 Fine Dining Destination"
          background={{ variant: "downward-rays-static" }}
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Reserve Table", href: "reservation" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          title="Crafted Excellence in Every Dish. For over two decades, we've been dedicated to creating memorable dining moments through authentic, innovative cuisine prepared by our award-winning culinary team."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Menu"
          description="Explore our curated selection of dishes crafted from the finest ingredients. Each course tells a story of flavor, tradition, and innovation."
          tag="Seasonal Specialties"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "appetizers",              name: "Appetizers Collection",              price: "Starting at $12",              imageSrc: "https://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",              imageAlt: "Selection of gourmet appetizers"
            },
            {
              id: "main-courses",              name: "Main Course Selection",              price: "Starting at $28",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",              imageAlt: "Chef's signature main course"
            },
            {
              id: "desserts",              name: "Dessert Creations",              price: "Starting at $10",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Artisanal dessert presentation"
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Restaurant Gallery"
          description="Step inside and experience the warmth, elegance, and energy that define our establishment. From intimate dining spaces to the heart of our kitchen."
          tag="Visual Tour"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="bento-grid"
          products={[
            {
              id: "dining-room",              name: "Main Dining Room",              price: "Capacity: 80 Guests",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Elegant main dining room with ambient lighting"
            },
            {
              id: "bar-lounge",              name: "Bar & Lounge",              price: "Craft Cocktails",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Upscale bar with signature cocktails"
            },
            {
              id: "open-kitchen",              name: "Open Kitchen",              price: "Chef's Theater",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Interactive open kitchen experience"
            },
            {
              id: "private-dining",              name: "Private Events Space",              price: "Capacity: 40 Guests",              imageSrc: "https://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",              imageAlt: "Elegant private dining and event space"
            }
          ]}
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactText
          text="Ready to experience culinary excellence? Reserve your table today and let us create an unforgettable evening for you and your guests."
          animationType="reveal-blur"
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book a Table", href: "https://www.example.com/reservations" },
            { text: "Private Events", href: "https://www.example.com/events" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Hear from diners who have experienced our culinary artistry and exceptional service."
          tag="Guest Reviews"
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              handle: "@foodcritic_mc",              testimonial: "An absolutely exquisite dining experience. The chef's attention to detail in every plate was remarkable. The ambiance, service, and flavors created a perfect evening.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",              imageAlt: "Margaret Chen"
            },
            {
              id: "2",              name: "David Thompson",              handle: "@davidcooks",              testimonial: "The menu showcases incredible creativity and respect for ingredients. Every dish told a story. This is fine dining done right. Already planning my next visit!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenataste",              testimonial: "What an unforgettable celebration! The special menu was tailored perfectly for our anniversary. The sommelier's wine pairings were inspired. Highly recommend for special occasions.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fine-cuisine-design-made-by-chef-his-restaurant-kitchen_482257-10353.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Wilson",              handle: "@jamesfoodlover",              testimonial: "The level of service was impeccable. Every staff member anticipated our needs. Combined with world-class cuisine, this is the gold standard for fine dining restaurants.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Culinary Haven"
          leftLink={{ text: "Privacy Policy", href: "https://www.example.com/privacy" }}
          rightLink={{ text: "Contact", href: "mailto:info@culinaryhaven.com" }}
        />
      </div>
    </ThemeProvider>
  );
}