"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, ChefHat, Facebook, Heart, Instagram, Mail, Sparkles, Twitter } from "lucide-react";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Artisan Bakery"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Process", id: "process" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "https://example.com/order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Handcrafted Goodness, Baked Fresh Daily"
          description="Welcome to Artisan Bakery, where tradition meets passion. We craft every loaf with premium ingredients and time-honored techniques to bring you the finest baked goods."
          tag="Fresh Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=1"
          imageAlt="Freshly baked artisan bread display"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          buttons={[
            { text: "Explore Our Menu", href: "products" },
            { text: "Order Online", href: "https://example.com/order" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Bakes"
          description="Discover our carefully curated selection of artisanal breads and pastries, made with love and the finest ingredients."
          tag="Premium Selection"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Sourdough Loaf",              price: "$6.99",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg",              imageAlt: "Artisan sourdough loaf",              initialQuantity: 1
            },
            {
              id: "2",              name: "Butter Croissant",              price: "$4.49",              imageSrc: "http://img.b2bpic.net/free-photo/croissant-cutting-board-with-jam-side-view_176474-8136.jpg",              imageAlt: "Flaky butter croissant",              initialQuantity: 1
            },
            {
              id: "3",              name: "Everything Bagels",              price: "$5.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-bagels-with-honey-milk_23-2148695520.jpg",              imageAlt: "Fresh everything bagels",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Born from love for authentic baking, we bring quality," },
            { type: "image", src: "http://img.b2bpic.net/free-photo/man-baker-kitchen-by-pastry-cart_1303-32291.jpg", alt: "Our bakery kitchen" },
            { type: "text", content: "and tradition to every bite." }
          ]}
          useInvertedBackground={true}
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          title="Our Baking Process"
          description="From premium ingredients to your table, witness the art and science of artisanal baking."
          tag="How We Bake"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Premium Mixing",              description: "We blend carefully selected organic flours with pure water and natural starters, no shortcuts, no compromises.",              imageSrc: "http://img.b2bpic.net/free-photo/male-baker-pouring-knead-dough-from-container-wooden-table-dusted-with-flour_23-2147926678.jpg"
            },
            {
              id: 2,
              title: "Slow Fermentation",              description: "Patient fermentation develops complex flavors. Our dough rises naturally over 18-24 hours for optimal taste and texture.",              imageSrc: "http://img.b2bpic.net/free-photo/cooked-fresh-breads-furnace_140725-2276.jpg"
            },
            {
              id: 3,
              title: "Perfect Baking",              description: "Each loaf bakes in our stone-hearth oven at precise temperatures, creating a golden crust and soft interior.",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379538.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Loved by Our Community"
          description="Real customers sharing their genuine experiences with our artisanal bakes."
          tag="Customer Reviews"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Local Food Blogger",              company: "Taste & Travel",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"
            },
            {
              id: "2",              name: "James Anderson",              role: "Restaurant Owner",              company: "The Daily Grain",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg"
            },
            {
              id: "3",              name: "Emily Chen",              role: "Professional Chef",              company: "Culinary Institute",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
            }
          ]}
          kpiItems={[
            { value: "2,500+", label: "Happy Customers" },
            { value: "98%", label: "Satisfaction Rate" },
            { value: "10+", label: "Years Baking" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Fresh Bakes, Weekly Updates"
          description="Subscribe to our newsletter for exclusive recipes, new flavor releases, and special bakery events delivered straight to your inbox."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=2"
          imageAlt="Newsletter signup section"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

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