"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reserve", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Culinary Haven"
          bottomLeftText="Fine Dining Experience"
          bottomRightText="info@culinaryhaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Culinary Haven"
          description="Discover the finest dining experience where culinary artistry meets exceptional service. Join us for an unforgettable evening of exquisite cuisine and elegant ambiance."
          buttons={[
            { text: "Reserve Your Table", href: "reservation" },
            { text: "Explore Menu", href: "menu" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Elegant restaurant dining room with ambient lighting"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Our Restaurant"
          description={[
            "Welcome to Culinary Haven, where passion for gastronomy meets dedication to excellence. For over two decades, we have been crafting unforgettable culinary experiences through carefully selected ingredients and innovative cooking techniques.",            "Our chef-driven approach ensures every dish tells a story of tradition, creativity, and mastery. We pride ourselves on creating an welcoming atmosphere where guests feel valued and celebrated, making each visit a cherished memory."
          ]}
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Menu"
          description="Explore our carefully curated selection of appetizers, main courses, and desserts crafted by our award-winning culinary team."
          tag="Fine Dining"
          products={[
            {
              id: "appetizer",              name: "Pan-Seared Scallops",              price: "$24",              imageSrc: "https://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",              imageAlt: "Pan-seared scallops with seasonal vegetables"
            },
            {
              id: "main",              name: "Herb-Crusted Prime Rib",              price: "$48",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Herb-crusted prime rib with roasted potatoes"
            },
            {
              id: "dessert",              name: "Chocolate Truffle Torte",              price: "$14",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-vegan-salad-with-avocado_176474-3484.jpg",              imageAlt: "Decadent chocolate truffle torte with ganache"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardTwo
          title="Photo Gallery"
          description="Experience the ambiance and artistry that define our restaurant through our curated collection of dining and kitchen moments."
          tag="Visual Experience"
          blogs={[
            {
              id: "dining-1",              category: "Dining Room",              title: "Elegant Dining Atmosphere",              excerpt: "Our intimate dining room features soft lighting and sophisticated décor designed for memorable evenings.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Restaurant dining room with elegant table settings",              authorName: "Culinary Haven",              date: "Est. 2002"
            },
            {
              id: "kitchen-1",              category: "Kitchen",              title: "Our Professional Kitchen",              excerpt: "Watch our skilled chefs prepare your meal with precision and passion in our state-of-the-art kitchen.",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Professional restaurant kitchen with chefs at work",              authorName: "Culinary Haven",              date: "Est. 2002"
            },
            {
              id: "plating-1",              category: "Artistry",              title: "Culinary Plating",              excerpt: "Every plate is a work of art, combining flavors and visual presentation in perfect harmony.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",              imageAlt: "Chef carefully plating a gourmet dish",              authorName: "Culinary Haven",              date: "Est. 2002"
            },
            {
              id: "bar-1",              category: "Bar",              title: "Craft Beverage Selection",              excerpt: "Our bar features an extensive selection of wines, spirits, and expertly crafted cocktails.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",              imageAlt: "Bar area with cocktails and sophisticated lighting",              authorName: "Culinary Haven",              date: "Est. 2002"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactCenter
          tag="Book Your Table"
          title="Make a Reservation"
          description="Reserve your table at Culinary Haven and secure your place for an exceptional dining experience. Our team looks forward to welcoming you."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Check Availability"
          termsText="We respect your privacy. You'll receive reservation confirmation and updates via email."
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Discover what our guests say about their unforgettable dining experiences at Culinary Haven."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Margaret Stevens",              handle: "@margaret_s",              testimonial: "An absolutely remarkable dining experience. Every course was perfectly executed and the service was impeccable. We celebrated our anniversary here and it was truly unforgettable.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Margaret Stevens"
            },
            {
              id: "2",              name: "James Morrison",              handle: "@james_m",              testimonial: "The attention to detail is extraordinary. From the presentation to the flavors, everything was carefully crafted. This is fine dining at its finest.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Morrison"
            },
            {
              id: "3",              name: "Victoria Chen",              handle: "@victoria_c",              testimonial: "I've dined at many restaurants, but Culinary Haven stands out for its innovation and consistency. The wine pairings were exceptional and the chef's recommendations were spot-on.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Victoria Chen"
            },
            {
              id: "4",              name: "Richard Powell",              handle: "@richard_p",              testimonial: "A hidden gem for those who appreciate true culinary artistry. The menu changes seasonally, and each visit brings new discoveries. Highly recommended for special occasions.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Richard Powell"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Visit Us"
          description="Contact us for reservations, inquiries, or special event planning. We're located in the heart of the city and open for lunch and dinner service."
          background={{ variant: "downward-rays-static" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Contact Us"
          termsText="We'll respond to your inquiry within 24 hours during business hours."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Culinary Haven"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Our Menu", href: "#menu" },
                { label: "Reserve Table", href: "#reservation" },
                { label: "Gallery", href: "#gallery" },
                { label: "Private Events", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: info@culinaryhaven.com", href: "mailto:info@culinaryhaven.com" },
                { label: "123 Gastronomy Lane", href: "#" },
                { label: "Hours: Tues-Sun 5-10pm", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Culinary Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}