"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Clock, Croissant, Facebook, Instagram, Mail, Twitter, Users } from 'lucide-react';
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="Sweet Haven"
           navItems={[
             { name: "Home", id: "hero" },
             { name: "About", id: "about" },
             { name: "Products", id: "products" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
             text: "Order Now",            href: "#contact"
           }}
         />
       </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Artisan Bakery Crafted with Love"
          description="Experience the warmth and freshness of handmade breads, pastries, and desserts. Every bite tells a story of passion and tradition."
          tag="Fresh Daily"
          imageSrc="http://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
          imageAlt="Fresh bakery products and warm interior"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Order Online", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Baking Excellence Since 2010 – Where Tradition Meets Quality"
          useInvertedBackground={false}
          metrics={[
            { icon: Croissant, label: "Artisan Products", value: "50+" },
            { icon: Users, label: "Happy Customers", value: "10K+" },
            { icon: Clock, label: "Years of Tradition", value: "14+" },
            { icon: Award, label: "Local Awards", value: "8" }
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Collection"
          description="Handpicked selections of our finest baked goods, made fresh daily with premium ingredients."
          tag="Fan Favorites"
          products={[
            {
              id: "1",              name: "Butter Croissant",              price: "$4.50",              imageSrc: "http://img.b2bpic.net/free-photo/sandwich-walnuts_23-2147717717.jpg",              imageAlt: "Golden butter croissant"
            },
            {
              id: "2",              name: "Artisan Sourdough",              price: "$6.99",              imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-slices-plate-wooden-background_23-2147872513.jpg",              imageAlt: "Fresh sourdough loaf"
            },
            {
              id: "3",              name: "Vanilla Cupcake",              price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/vanilla-cupcakes-with-cream-caramel-grey-table-background_1220-6289.jpg",              imageAlt: "Decorated vanilla cupcake"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Sweet Haven's croissants are absolutely divine. I've been a customer for years and the quality never disappoints. It's clear they care about every detail!"
          rating={5}
          author="Sarah Mitchell, Food Blogger"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Sarah Mitchell" },
            { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 4" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Satisfy Your Sweet Cravings?"
          description="Subscribe to our newsletter for special offers, new product launches, and exclusive bakery events. Join our community of baking enthusiasts!"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime to stop receiving sweet updates!"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Sweet Haven"
          copyrightText="© 2025 Sweet Haven Bakery. Baked with love daily."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/sweethavenbakery", ariaLabel: "Sweet Haven on Facebook" },
            { icon: Instagram, href: "https://instagram.com/sweethavenbakery", ariaLabel: "Sweet Haven on Instagram" },
            { icon: Twitter, href: "https://twitter.com/sweethavenbakery", ariaLabel: "Sweet Haven on Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}