"use client"

import { Award, Wheat, Sun, Cake } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="fluid"
      cardStyle="neon-glow"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Sweet Haven Bakery"
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Fresh Baked Goodness Every Day"
          description="Handcrafted pastries, artisan bread, and custom cakes made with love. Taste the difference of authentic bakery traditions since 1998."
          tag="Established Quality"
          tagIcon={Award}
          buttons={[
            { text: "Order Online", href: "contact" },
            { text: "Visit Us", href: "about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849917406-g8em2795.jpg"
          imageAlt="Display of fresh baked pastries and bread"
        />
      </div>
      
      <div id="featured-products" data-section="featured-products">
        <ProductCardTwo
          title="Our Signature Collections"
          description="Hand-selected favorites from our daily lineup, crafted with premium ingredients and time-honored techniques."
          products={[
            {
              id: "1",
              brand: "Sweet Haven",
              name: "Classic Croissants",
              price: "$4.99 each",
              rating: 5,
              reviewCount: "482",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849920560-rp9y01o2.jpg",
              imageAlt: "Golden butter croissant"
            },
            {
              id: "2",
              brand: "Sweet Haven",
              name: "Artisan Sourdough",
              price: "$7.50 per loaf",
              rating: 5,
              reviewCount: "356",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849928686-deu3hja5.jpg",
              imageAlt: "Rustic artisan sourdough loaf"
            },
            {
              id: "3",
              brand: "Sweet Haven",
              name: "Custom Layer Cakes",
              price: "Starting at $35",
              rating: 5,
              reviewCount: "628",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849923578-2xbjh70p.jpg",
              imageAlt: "Beautiful three-layer celebration cake"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAbout
          title="Baked with Passion Since 1998"
          description="What started as a small neighborhood oven has grown into a beloved community bakery. We honor traditional baking methods while embracing quality and freshness in everything we make."
          bulletPoints={[
            {
              title: "Premium Ingredients",
              description: "We source the finest flours, butters, and fillings from trusted suppliers across the country.",
              icon: Wheat
            },
            {
              title: "Fresh Daily",
              description: "Every item is baked fresh each morning using time-tested recipes and expert techniques.",
              icon: Sun
            },
            {
              title: "Custom Orders",
              description: "Special occasions deserve special treats. We create custom cakes and pastry boxes for your celebrations.",
              icon: Cake
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849931565-h3vy0jiv.jpg"
          imageAlt="Warm interior of Sweet Haven Bakery"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved by Our Community"
          description="Read what our customers have to say about their Sweet Haven Bakery experience."
          testimonials={[
            {
              id: "1",
              quote: "The croissants here are absolutely perfect. Crispy on the outside, buttery on the inside. I come in every Saturday without fail.",
              name: "Maria Rodriguez",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849934344-okj6r65u.jpg",
              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",
              quote: "I ordered a custom cake for my daughter's wedding and it was the most beautiful and delicious cake we've ever had. Highly recommend!",
              name: "James Chen",
              role: "Wedding Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849937075-sef3hx22.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              quote: "The artisan bread here is incredible. I use it for sandwiches at my restaurant. Consistent quality and flavor every single time.",
              name: "Sarah Mitchell",
              role: "Business Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849939468-bxpprkql.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "4",
              quote: "Every item is fresh and made with such care. The staff is always friendly and helpful. Best bakery in town!",
              name: "David Kim",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849940793-cf20mms9.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              quote: "I discovered Sweet Haven just last month and now I'm obsessed. Their almond croissants have changed my life.",
              name: "Lisa Anderson",
              role: "New Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849942611-vsp583a0.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              quote: "The quality of their pastries is unmatched. Worth every penny. This is true craftsmanship.",
              name: "Michael Thompson",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849946252-bo3519le.jpg",
              imageAlt: "Michael Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Get in Touch"
          description="Have questions? Want to order a custom cake? We'd love to hear from you. Send us a message and we'll respond within 24 hours."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Your Phone (Optional)",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your inquiry or custom order...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Send Message"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Sweet Haven Bakery"
          copyrightText="© 2025 Sweet Haven Bakery. All rights reserved."
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Mon - Fri: 7am - 7pm", href: "" },
                { label: "Sat: 8am - 6pm", href: "" },
                { label: "Sun: 9am - 5pm", href: "" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "(555) 123-4567", href: "" },
                { label: "info@sweethavenbakery.com", href: "" },
                { label: "123 Main St, Your City", href: "" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "about" },
                { label: "Custom Orders", href: "contact" },
                { label: "Careers", href: "" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}