"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Flame, ChefHat, Crown, Sparkles, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Artisan Burgers"
          button={{
            text: "Reserve Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Crafted to Perfection"
          description="Experience premium artisanal burgers made with the finest ingredients and uncompromising technique"
          tag="Since 2018"
          imageSrc="https://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg"
          imageAlt="Premium artisanal burger showcase"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Menu", href: "#products" },
            { text: "Reserve Now", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Flame}
          title="Passion for exceptional burger craftsmanship defines everything we do"
          description="Founded in 2018"
          subdescription="By burger enthusiasts, for burger enthusiasts"
          icon={ChefHat}
          imageSrc="https://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
          imageAlt="Our premium restaurant interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Signature Collection"
          description="Handcrafted burgers featuring premium beef and artisanal toppings"
          tag="Featured"
          tagIcon={Crown}
          products={[
            {
              id: "1",              name: "The Artisan Classic",              price: "$18",              variant: "100% Prime Beef · House Special Sauce",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg",              imageAlt: "The Artisan Classic premium burger"
            },
            {
              id: "2",              name: "Wagyu Indulgence",              price: "$32",              variant: "Japanese Wagyu · Truffle Aioli",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg",              imageAlt: "Wagyu Indulgence luxury burger"
            },
            {
              id: "3",              name: "Truffle Elegance",              price: "$28",              variant: "Prime Beef · Black Truffle · Foie Gras",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-burger-table_23-2148678799.jpg",              imageAlt: "Truffle Elegance gourmet burger"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="What Makes Us Exceptional"
          description="Every burger is a masterpiece of technique, sourcing, and passion"
          tag="Premium Standards"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad-copy-space_23-2148784487.jpg"
          imageAlt="Premium artisanal ingredients"
          mediaPosition="right"
          accordionItems={[
            {
              id: "1",              title: "Sourced from premium purveyors",              content: "Our beef is selected from heritage cattle raised on sustainable farms. We partner with local suppliers for fresh vegetables, artisanal bread bakers, and specialty ingredients sourced globally."
            },
            {
              id: "2",              title: "Hand-crafted daily preparation",              content: "Each burger is prepared fresh to order by our experienced chefs. We grind our beef daily, toast our buns, and craft custom sauces to ensure peak flavor and quality."
            },
            {
              id: "3",              title: "Precision cooking technique",              content: "Temperature control and timing are critical. We cook each burger to exact specifications, allowing the meat's natural flavors to shine while achieving the perfect sear and crust."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews"
          description="What our discerning patrons say about their experience"
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Michael Chen",              role: "Food Critic",              testimonial: "The most refined burger experience I've encountered. Every element is thoughtfully executed, from the perfectly seared beef to the balanced sauce profile.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",              imageAlt: "Michael Chen portrait"
            },
            {
              id: "2",              name: "Sarah Williams",              role: "Restaurant Consultant",              testimonial: "Artisan Burgers has elevated burger dining to an art form. The attention to detail and commitment to quality is evident in every bite.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",              imageAlt: "Sarah Williams portrait"
            },
            {
              id: "3",              name: "James Montgomery",              role: "Culinary Enthusiast",              testimonial: "Worth every dollar. This is what burger excellence looks like when craftsmanship meets premium ingredients and true passion for the craft.",              imageSrc: "https://img.b2bpic.net/free-photo/waiting-order_1098-15642.jpg",              imageAlt: "James Montgomery portrait"
            },
            {
              id: "4",              name: "Elena Rodriguez",              role: "Travel Writer",              testimonial: "A destination worthy of your time. The atmosphere, service, and exceptional food create an unforgettable dining experience that transcends typical burger fare.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",              imageAlt: "Elena Rodriguez portrait"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Reserve your table or inquire about private dining experiences. We look forward to welcoming you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dining preferences or special occasions",            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
          imageAlt="Premium dining atmosphere"
          mediaPosition="right"
          buttonText="Reserve Table"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#products" },
                { label: "Reservations", href: "#contact" },
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Private Events", href: "#" },
                { label: "Catering", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "#" },
                { label: "Reviews", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Artisan Burgers. All rights reserved."
          bottomRightText="Crafted with passion for burger excellence"
        />
      </div>
    </ThemeProvider>
  );
}