"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ChefHat, Leaf, User, Calendar, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Palate"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "reservation"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Palate"
          description="Discover culinary excellence with our seasonal menu crafted by award-winning chefs. Every dish tells a story of passion, quality ingredients, and artistic presentation."
          tag="Fine Dining Experience"
          tagIcon={ChefHat}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg"
          imageAlt="Beautifully plated signature dish"
          buttons={[
            { text: "Reserve Your Table", href: "reservation" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Our Restaurant"
          description="Palate is a celebration of flavors, traditions, and innovation. For over two decades, we've been dedicated to providing an unforgettable dining experience through carefully sourced ingredients and meticulous culinary craftsmanship."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Local Sourcing",              description: "We partner with local farms and suppliers to ensure the freshest, highest-quality ingredients",              icon: Leaf
            },
            {
              title: "Expert Chefs",              description: "Our culinary team brings decades of combined experience from Michelin-starred kitchens worldwide",              icon: User
            },
            {
              title: "Seasonal Menu",              description: "Our menu changes quarterly to celebrate the best produce and flavors of each season",              icon: Calendar
            },
            {
              title: "Warm Atmosphere",              description: "An elegant yet welcoming environment perfect for celebrations, date nights, and business dining",              icon: Heart
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Elegant restaurant interior with warm lighting"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#contact" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Menu"
          description="Handcrafted dishes featuring seasonal ingredients and innovative techniques"
          tag="Culinary Selection"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "Appetizers",              name: "Pan-Seared Scallops",              price: "$18",              rating: 5,
              reviewCount: "142",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg",              imageAlt: "Pan-seared scallops with microgreens"
            },
            {
              id: "2",              brand: "Main Courses",              name: "Herb-Crusted Lamb Chops",              price: "$38",              rating: 5,
              reviewCount: "289",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg",              imageAlt: "Herb-crusted lamb chops with seasonal vegetables"
            },
            {
              id: "3",              brand: "Desserts",              name: "Dark Chocolate Torte",              price: "$14",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-chicken-breast-with-potato-greens-spices-sauces-side-view_141793-3740.jpg",              imageAlt: "Decadent dark chocolate torte with gold leaf"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardThree
          title="Photo Gallery"
          description="Step into our world of culinary artistry and elegant dining experiences"
          tag="Visual Journey"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",              category: "Dishes",              title: "Pasta Perfection",              excerpt: "Hand-rolled pasta with organic tomato and fresh basil",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg",              imageAlt: "Fresh pasta dish"
            },
            {
              id: "2",              category: "Dishes",              title: "Garden Fresh Salad",              excerpt: "Organic greens with local vegetables and house-made vinaigrette",              imageSrc: "https://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",              imageAlt: "Fresh garden salad"
            },
            {
              id: "3",              category: "Dishes",              title: "Premium Steak",              excerpt: "Dry-aged beef with seasonal root vegetables and herb butter",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-delicious-tuna-dish-with-glass-wine-cheese-set_8353-10584.jpg",              imageAlt: "Premium grilled steak"
            },
            {
              id: "4",              category: "Dishes",              title: "Artisan Sushi",              excerpt: "Chef-curated selection with premium grade fish",              imageSrc: "https://img.b2bpic.net/free-photo/chicken-nuggets-filled-with-cream-ham-served-with-pineapple_140725-1517.jpg",              imageAlt: "Artisan sushi platter"
            },
            {
              id: "5",              category: "Ambiance",              title: "Elegant Table Setting",              excerpt: "Experience fine dining in our sophisticated dining room",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Elegant table setup"
            },
            {
              id: "6",              category: "Ambiance",              title: "Wine Selection",              excerpt: "Curated wine list to complement every dish",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Wine glasses on table"
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Reviews"
          description="Hear what our guests say about their Palate experience"
          tag="Guest Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahdines",              testimonial: "Absolutely outstanding! Every dish was a masterpiece. The attention to detail and flavor profiles were exceptional. We'll definitely be returning.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jamesexploresfood",              testimonial: "This is fine dining at its best. The chef's creativity shines through in every course. Truly a memorable evening with friends.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmafoodie",              testimonial: "The perfect spot for our anniversary celebration. Romantic ambiance, incredible food, and impeccable service. Couldn't ask for better!",              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: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@michaelcooks",              testimonial: "As someone who appreciates culinary excellence, I was thoroughly impressed. The seasonal menu shows real passion and expertise.",              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Michael Park"
            }
          ]}
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactText
          text="Ready to experience culinary excellence? Reserve your table today and join us for an unforgettable evening."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Table", href: "#contact" },
            { text: "Call Us" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Visit us at our restaurant or reach out with any questions about our menu, availability, or special requests."
          animationType="reveal-blur"
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Get in Touch", href: "#contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Palate"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms & Conditions",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}