"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, Heart, Award, ThumbsUp, Mail, Phone, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="plain"
      cardStyle="gradient-subtle"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sweet Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Offerings", id: "product" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Freshly Baked Goodness"
          description="Discover artisanal breads, pastries, and desserts crafted daily with love and the finest ingredients. Your favorite bakery destination."
          tag="Award-Winning Bakery"
          tagIcon={Sparkles}
          buttons={[
            { text: "Order Now", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823074689-81v54jo8.jpg"
          imageAlt="Fresh artisan bakery display with warm lighting"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Baking Story"
          description="Founded with a passion for traditional baking methods and premium ingredients, Sweet Haven brings warmth to every table."
          tag="Est. 2015"
          tagIcon={Heart}
          bulletPoints={[
            {
              title: "Handcrafted Daily",
              description: "Every item is made fresh using time-honored recipes and techniques"
            },
            {
              title: "Premium Ingredients",
              description: "We source the finest flours, butter, and natural ingredients available"
            },
            {
              title: "Community Favorite",
              description: "Trusted by local families for celebrations, events, and daily delights"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg"
          imageAlt="Traditional baking process in our artisan kitchen"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour
          title="Our Specialties"
          description="Explore our carefully curated selection of freshly baked items"
          tag="Bestsellers"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Butter Croissants",
              price: "$4.50",
              variant: "Golden • 6 Count",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
              imageAlt: "Freshly baked butter croissants"
            },
            {
              id: "2",
              name: "Sourdough Loaf",
              price: "$6.00",
              variant: "Classic • Artisan",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849870204-lmbcrr56.jpg",
              imageAlt: "Traditional sourdough loaf"
            },
            {
              id: "3",
              name: "Celebration Cake",
              price: "$35.00",
              variant: "Custom • All Flavors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849871121-nisaeu2b.jpg",
              imageAlt: "Beautifully decorated celebration cake"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Williams",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341386591-5q8inq2x.jpg",
              imageAlt: "Emma Williams"
            },
            {
              id: "4",
              name: "David Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849872349-67yq4ius.jpg",
              imageAlt: "David Martinez"
            }
          ]}
          cardTitle="Trusted by thousands of happy customers who love our fresh baked goods"
          cardTag="Customer Love"
          cardTagIcon={ThumbsUp}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our products or want to place a custom order? We'd love to hear from you."
          ctaButton={{
            text: "Contact Us",
            href: "mailto:hello@sweethaven.com"
          }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",
              title: "Do you offer custom orders?",
              content: "Yes! We specialize in custom cakes and pastry platters for events. Contact us at least 48 hours in advance for best availability."
            },
            {
              id: "2",
              title: "What are your operating hours?",
              content: "We're open Tuesday through Sunday, 7 AM to 7 PM. Closed Mondays for preparation. Pre-orders are welcome anytime."
            },
            {
              id: "3",
              title: "Do you accommodate dietary restrictions?",
              content: "Absolutely. We offer gluten-free, vegan, and nut-free options. Please let us know your preferences when ordering."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Sweet Haven"
          title="Your daily dose of freshly baked happiness"
          columns={[
            {
              title: "Menu",
              items: [
                { label: "Breads", href: "#product" },
                { label: "Pastries", href: "#product" },
                { label: "Cakes", href: "#product" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Order", href: "#product" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "mailto:hello@sweethaven.com" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(555) 123-4567" },
            { icon: Mail, text: "hello@sweethaven.com" },
            { icon: MapPin, text: "123 Main Street, Your City" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}