"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Cake, Heart, Mail, MapPin, ShoppingCart, Sparkles, Star, TrendingUp, Users, Wheat } from "lucide-react";

export default function BakeryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sweet Bakery"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Freshly Baked Goodness Every Day"
          description="Discover artisan breads, pastries, and cakes handcrafted with the finest ingredients. Experience the warmth and aroma of our traditional bakery."
          tag="Artisan Bakery"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/overhead-view-bread-loaves-chopping-board-wooden-table_23-2147872705.jpg"
          imageAlt="Freshly baked pastries and bread in a warm bakery setting"
          imagePosition="right"
          buttons={[
            { text: "Order Today", href: "products" },
            { text: "View Menu", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Selection"
          description="Browse our finest creations, freshly prepared daily with love and the highest quality ingredients"
          tag="Featured Products"
          tagIcon={ShoppingCart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Butter Croissant",              price: "$4.99",              imageSrc: "https://img.b2bpic.net/free-photo/croissants-breakfast-with-copy-space_23-2148243546.jpg",              imageAlt: "Golden butter croissant",              initialQuantity: 1
            },
            {
              id: "2",              name: "Artisan Sourdough Loaf",              price: "$6.99",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Handmade sourdough bread",              initialQuantity: 1
            },
            {
              id: "3",              name: "Chocolate Layer Cake",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/variety-sweet-biscuits-wooden-piece-with-dried-fruits-high-quality-photo_114579-68830.jpg",              imageAlt: "Premium chocolate layer cake",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Baking Excellence Since 1995 - Serving our community with passion, quality, and tradition in every bite"
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Award,
              label: "Years of Excellence",              value: "29"
            },
            {
              icon: Users,
              label: "Happy Customers",              value: "15,000+"
            },
            {
              icon: Heart,
              label: "Recipes Perfected",              value: "150+"
            },
            {
              icon: Wheat,
              label: "Daily Creations",              value: "500+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Love"
          description="Real stories from people who love our bakery"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@bakery_lover",              testimonial: "The freshness and quality of their pastries is unmatched. I visit every Saturday morning without fail!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@coffee_enthusiast",              testimonial: "Their sourdough bread pairs perfectly with morning coffee. A true artisan bakery that cares about quality.",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@event_planner",              testimonial: "Custom cakes for my events are always stunning and delicious. Highly recommend for any occasion!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@foodie_adventures",              testimonial: "Every bite tells a story of tradition and craftsmanship. Simply the best bakery in the city.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Brown",              handle: "@mom_of_three",              testimonial: "My kids wake up asking for their croissants. The quality and taste are worth every penny!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Jessica Brown"
            },
            {
              id: "6",              name: "Thomas Wilson",              handle: "@health_conscious",              testimonial: "Wholesome ingredients, no artificial anything. A bakery that truly cares about customer wellness.",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Thomas Wilson"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Bakery by the Numbers"
          description="Celebrating our growth and commitment to excellence"
          tag="Achievements"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              icon: Cake,
              title: "Items Sold Daily",              value: "500+"
            },
            {
              id: "2",              icon: Users,
              title: "Active Members",              value: "8,000"
            },
            {
              id: "3",              icon: Star,
              title: "Average Rating",              value: "4.9/5"
            },
            {
              id: "4",              icon: MapPin,
              title: "Neighborhood Served",              value: "3 Areas"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Fresh Offerings Weekly"
          description="Subscribe to our newsletter and be the first to know about new flavors, seasonal specials, and exclusive bakery events."
          tagIcon={Mail}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/modern-subscription-pop-up-with-flat-design_23-2147877360.jpg"
          imageAlt="Newsletter signup illustration"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our mailing list."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
          imageAlt="Professional bakery kitchen"
          logoText="Sweet Bakery"
          copyrightText="© 2025 Sweet Bakery. Handcrafted with love."
          columns={[
            {
              title: "Products",              items: [
                { label: "Bread & Loaves", href: "products" },
                { label: "Pastries", href: "products" },
                { label: "Cakes & Desserts", href: "products" },
                { label: "Seasonal Items", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Order Tracking", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}