"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Clock, Leaf, Flame, Heart, Sparkles, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="ZZ BAKERS"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Freshly Baked Goodness"
          description="Welcome to ZZ BAKERS, where every loaf tells a story of tradition, passion, and the finest ingredients. Handcrafted daily for your table."
          background={{ variant: "plain" }}
          tag="Premium Artisan Bakery"
          tagIcon={Sparkles}
          buttons={[
            { text: "Order Now", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/aromatic-twig-bread-loaf_23-2147761351.jpg"
          imageAlt="Freshly baked artisan bread"
          imagePosition="right"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Baking Story"
          description="At ZZ BAKERS, we believe in the power of simple, honest baking. Using time-tested techniques and the finest organic ingredients, we create breads and pastries that nourish both body and soul."
          bulletPoints={[
            {
              title: "Traditional Methods",              description: "We honor time-tested baking traditions, using long fermentation and natural starters for superior flavor and digestibility.",              icon: Clock
            },
            {
              title: "Organic Ingredients",              description: "Every ingredient is carefully sourced from trusted suppliers who share our commitment to quality and sustainability.",              icon: Leaf
            },
            {
              title: "Daily Baking",              description: "Fresh batches are baked daily in our artisan ovens, ensuring you always get the warmest, most delicious products.",              icon: Flame
            },
            {
              title: "Community Focused",              description: "We're proud to be part of your local community, supporting local causes and building lasting relationships with our customers.",              icon: Heart
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-baker-holding-croissants-bakehouse_1303-32275.jpg"
          imageAlt="Our baker at work"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Signature Collection"
          description="Discover our most popular artisan breads and pastries, made fresh daily with premium ingredients."
          tag="Featured Products"
          tagIcon={Utensils}
          products={[
            {
              id: "1",              name: "Sourdough Loaf",              price: "$8.99",              imageSrc: "http://img.b2bpic.net/free-photo/baked-bread_93675-134413.jpg",              imageAlt: "Artisan sourdough loaf"
            },
            {
              id: "2",              name: "French Croissant",              price: "$5.49",              imageSrc: "http://img.b2bpic.net/free-photo/butter-croissant-table_1339-5772.jpg",              imageAlt: "Butter croissant"
            },
            {
              id: "3",              name: "Cinnamon Roll",              price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-buns-white-table-homemade-sweet-buns_127032-2691.jpg",              imageAlt: "Fresh cinnamon roll"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Why Choose ZZ BAKERS"
          description="Experience the difference that quality ingredients, traditional craftsmanship, and passion make in every bite."
          features={[
            {
              id: 1,
              title: "Traditional Ovens",              description: "Our artisan ovens are carefully maintained to ensure perfect baking conditions and authentic flavor development in every batch.",              imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134259.jpg",              imageAlt: "Traditional bakery oven"
            },
            {
              id: 2,
              title: "Premium Ingredients",              description: "We source only the finest organic flour, grains, and toppings from suppliers who meet our strict quality standards.",              imageSrc: "http://img.b2bpic.net/free-photo/milk-bakery-products_93675-134322.jpg",              imageAlt: "Organic baking ingredients"
            },
            {
              id: 3,
              title: "Fast Delivery",              description: "Order before noon and receive fresh-baked items by evening. We deliver right to your door with care and freshness guaranteed.",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg",              imageAlt: "Delivery service"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Community"
          description="See what our customers have to say about the quality and freshness of ZZ BAKERS."
          testimonials={[
            {
              id: "1",              title: "Best Bread in Town",              quote: "ZZ BAKERS has completely changed how I think about bread. The sourdough is absolutely incredible – perfectly tangy with an amazing crust. I've become a regular customer and love supporting a local business that truly cares about quality.",              name: "Sarah Johnson",              role: "Local Food Blogger",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              title: "Authentic Craftsmanship",              quote: "Finally, a bakery that understands real baking! The attention to detail in every loaf is evident. My family won't eat bread from anywhere else now. The pastries are divine!",              name: "Michael Chen",              role: "Restaurant Owner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Fresh Every Single Day",              quote: "I wake up excited on mornings when I know ZZ BAKERS is delivering. Their commitment to freshness and organic ingredients means so much to our health-conscious household.",              name: "Emily Rodriguez",              role: "Nutrition Consultant",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "A Bakery with Heart",              quote: "Beyond the amazing taste and quality, what really sets ZZ BAKERS apart is their genuine care for the community. Supporting them feels like supporting a true artisan.",              name: "David Kim",              role: "Community Leader",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4",              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Order Your Fresh Favorites"
          description="Get in touch with us to place an order, ask about custom requests, or learn more about our products. We're here to make your day a little bit sweeter."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "products",              type: "text",              placeholder: "What would you like to order?",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Any special requests or dietary preferences?",            rows: 4,
            required: false
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/fresh-baked-sweet-delights-rustic-bakery-shelf-generated-by-ai_188544-40761.jpg"
          imageAlt="ZZ BAKERS storefront"
          mediaPosition="right"
          buttonText="Send Order Request"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
          imageAlt="ZZ BAKERS display"
          logoText="ZZ BAKERS"
          copyrightText="© 2025 ZZ BAKERS. All freshly baked rights reserved."
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#hero" },
                { label: "About Us", href: "#about" },
                { label: "Products", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About ZZ BAKERS", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Order Status", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
