"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Heart, Star, HelpCircle, Instagram, Facebook, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="radialGradient"
      cardStyle="solid"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sweet Bakes"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to Sweet Bakes"
          description="Freshly baked goodness delivered to your door. Handcrafted pastries, artisan breads, and delicious treats made with love and the finest ingredients."
          tag="Premium Bakery"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183584228-m2bixr3w.jpg",
              imageAlt: "Fresh croissants"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg",
              imageAlt: "Chocolate cake"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843402268-h5v6wb24.jpg",
              imageAlt: "Glazed donuts"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843403370-p55o1rjo.jpg",
              imageAlt: "Artisan bread"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843404195-say0tq35.jpg",
              imageAlt: "Homemade cookies"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843405011-a5jqwjas.jpg",
              imageAlt: "Fresh muffins"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Sweet Bakes"
          description="Discover what makes our bakery special"
          tabs={[
            {
              id: "heritage",
              label: "Our Story",
              description: "Sweet Bakes was founded in 2015 with a simple mission: to bring authentic, freshly-baked goodness to our community. What started as a small neighborhood bakery has grown into a beloved local institution, all while maintaining our commitment to quality and tradition."
            },
            {
              id: "quality",
              label: "Quality First",
              description: "We believe in using only the finest ingredients sourced from trusted suppliers. No artificial preservatives, no shortcuts. Every item is baked fresh daily in small batches to ensure peak flavor and texture. Taste the difference that quality makes."
            },
            {
              id: "values",
              label: "Our Values",
              description: "Community, sustainability, and passion drive everything we do. We support local farmers, minimize our environmental impact, and treat every customer like family. Your happiness is our greatest reward."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg"
          imageAlt="Sweet Bakes bakery kitchen"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Favorites"
          description="Our most loved creations, handpicked for you"
          tag="Best Sellers"
          tagIcon={Heart}
          buttons={[{ text: "View All Products", href: "#contact" }]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          products={[
            {
              id: "1",
              name: "Artisan Sourdough Loaf",
              price: "$8.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823074689-81v54jo8.jpg",
              imageAlt: "Sourdough loaf",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Butter Croissant Pack (6)",
              price: "$12.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843406072-4scf5uwf.jpg",
              imageAlt: "Croissants",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Custom Wedding Cake",
              price: "$189.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748159787-2eb2m45o.jpg",
              imageAlt: "Wedding cake",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real feedback from real people who love our baked goods"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Regular Customer",
              testimonial: "The sourdough is absolutely divine! I've been ordering every week for months. The quality never wavers and the freshness is incredible. Best bakery in town!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Event Planner",
              testimonial: "We ordered a custom wedding cake and it was stunning. Not just beautiful, but absolutely delicious. All our guests were talking about it days later. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766823077103-l79lbi6f.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Busy Parent",
              testimonial: "Sweet Bakes saves my mornings! Their croissants are perfect for breakfast, and the kids love the cookies. Great quality at reasonable prices.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Coffee Shop Owner",
              testimonial: "We partner with Sweet Bakes for our pastries. Their consistency, reliability, and quality are unmatched. They're true professionals who care about their craft.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg",
              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Do you offer custom orders?",
              content: "Yes! We specialize in custom cakes, pastry platters, and special requests. Contact us at least 48 hours in advance for custom orders to ensure availability and quality."
            },
            {
              id: "2",
              title: "What are your delivery options?",
              content: "We offer local delivery within 10 miles for orders over $25. Pickup is available daily during business hours. We also ship select items nationwide for special occasions."
            },
            {
              id: "3",
              title: "Are your products gluten-free?",
              content: "We offer a selection of gluten-free items baked in our dedicated facility. Please ask about current gluten-free options or request a custom order with advance notice."
            },
            {
              id: "4",
              title: "What are your hours?",
              content: "We're open Monday through Friday 7am-7pm, Saturday 8am-6pm, and Sunday 9am-5pm. Closed on major holidays. Call ahead for holiday hours."
            },
            {
              id: "5",
              title: "Do you use organic ingredients?",
              content: "Many of our ingredients are locally sourced and organic. We're committed to quality and sustainability. Visit us or call for specific ingredient information about products you're interested in."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Get in Touch"
          description="Have questions? Want to place an order? We'd love to hear from you. Reach out anytime!"
          useInvertedBackground="noInvert"
          buttonText="Send Message"
          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 Number",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your order or question...",
            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Sweet Bakes"
          copyrightText="© 2025 Sweet Bakes Bakery. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Mail,
              href: "mailto:hello@sweetbakes.com",
              ariaLabel: "Email"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}