"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, CheckCircle, ArrowRight, Award, Leaf, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "product-section" },
            { name: "Testimonial", id: "testimonial-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{ text: "Order Now", href: "#product-section" }}
          brandName="Steins Bagels"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboard
          title="Artisanal Bagels Crafted with Care"
          description="Experience the perfect blend of tradition and innovation. Our freshly baked bagels are made with premium ingredients and served warm, just like you'd expect from a neighborhood bakery."
          background={{ variant: "radial-gradient" }}
          tag="Fresh Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Order Online", href: "#product-section" },
            { text: "Visit Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg", alt: "Happy customer enjoying a fresh bagel" },
            { src: "https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg", alt: "Baker preparing fresh bagels" }
          ]}
          avatarText="Join thousands of satisfied customers"
          imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-bunch-bagels-covered-sesame-seeds_181624-58886.jpg"
          imageAlt="Freshly baked bagels on a wooden tray"
          mediaAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "Locally Sourced Ingredients" },
            { type: "text", text: "Traditional Recipes" },
            { type: "text", text: "Daily Freshness" }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
          ariaLabel="Hero section featuring artisanal bagels"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout
          title="Crafted with Care, Baked with Love"
          description="At Steins Bagels, we believe every bite should tell a story. Our master bakers use time-honored techniques and the finest ingredients to create bagels that are not just a snack, but an experience. From our signature everything bagel to our seasonal specialties, each creation is a testament to our passion for artisanal baking."
          tag="Artisanal Excellence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Menu", href: "#product-section" },
            { text: "Visit Our Bakery", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Traditional Techniques",              description: "We follow time-tested methods passed down through generations to ensure authentic flavor and texture.",              icon: Award
            },
            {
              title: "Premium Ingredients",              description: "Only the highest quality flours, waters, and natural ingredients go into every batch.",              icon: Leaf
            },
            {
              title: "Local Community Focus",              description: "We're proud to support local farmers and suppliers, bringing freshness to your table.",              icon: Heart
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
          imageAlt="Artisan bagel maker at work in the bakery"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Crafted with Care, Baked to Perfection"
          description="Each bagel at Steins is made with traditional techniques and premium ingredients, ensuring a consistently exceptional taste and texture that brings joy to every bite."
          tag="Artisanal Excellence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Handcrafted Dough",              description: "Our dough is prepared daily using time-honored methods, allowing flavors to develop naturally over a slow fermentation process.",              imageSrc: "https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg",              imageAlt: "Artisan baker kneading dough"
            },
            {
              id: 2,
              title: "Premium Ingredients",              description: "We source only the finest flours, fresh water, and natural yeast to create bagels that taste like they're made by hand in a cozy bakery.",              imageSrc: "https://img.b2bpic.net/free-photo/ingredients-sweet-apple-pie-stone-light-background-view-from_127032-2712.jpg",              imageAlt: "Fresh ingredients for bagel making"
            },
            {
              id: 3,
              title: "Perfectly Boiled",              description: "Our signature boiling technique gives each bagel its distinctive chewy texture and golden crust, setting us apart from mass-produced alternatives.",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-baked-food-cloche_23-2147893129.jpg",              imageAlt: "Bagels being boiled in a pot"
            }
          ]}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardThree
          title="Artisanal Bagels Crafted Daily"
          description="Experience the perfect blend of tradition and innovation with our handcrafted bagels. Each bite is a testament to our commitment to quality and flavor."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "sesame-bagel",              name: "Sesame Bagel",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/rye-bread-with-sunflower-seeds-towel-wood-board_114579-313.jpg",              imageAlt: "Freshly baked sesame bagel with seeds on top",              initialQuantity: 1
            },
            {
              id: "everything-bagel",              name: "Everything Bagel",              price: "$3.75",              imageSrc: "https://img.b2bpic.net/free-photo/rye-bread-with-sunflower-seeds-towel-wood-board_114579-313.jpg",              imageAlt: "Classic everything bagel with mixed seeds and spices",              initialQuantity: 1
            },
            {
              id: "blueberry-bagel",              name: "Blueberry Bagel",              price: "$4.25",              imageSrc: "https://img.b2bpic.net/free-photo/single-bagel-dog-rose-marble-surface_114579-57476.jpg",              imageAlt: "Delicious blueberry bagel with natural fruit pieces",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="testimonial-section" data-section="testimonial-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Local Food Blogger",              company: "Tasty Trails",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149141837.jpg",              imageAlt: "Sarah Johnson, local food blogger"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Cafe Owner",              company: "Urban Grind Coffee",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg",              imageAlt: "Michael Chen, cafe owner"
            },
            {
              id: "testimonial-3",              name: "Emma Rodriguez",              role: "Community Chef",              company: "Local Kitchen Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fashionable-lady-cafe-drinking-coffee-leaning-table-enjoying-view-outdoors_197531-22724.jpg",              imageAlt: "Emma Rodriguez, community chef"
            },
            {
              id: "testimonial-4",              name: "David Kim",              role: "Food Critic",              company: "Gourmet Gazette",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-reading-newspaper_23-2149901754.jpg",              imageAlt: "David Kim, food critic"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Community Says"
          description="Hear from fellow food lovers and local experts who appreciate the craftsmanship behind every bagel we make."
          tag="Artisanal Excellence"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[{ text: "View All Reviews", href: "#" }]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Get in Touch with Steins Bagels"
          description="Have questions about our artisanal bagels or want to place an order? We'd love to hear from you! Reach out and we'll get back to you within 24 hours."
          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" }
          ]}
          textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/different-types-bread-bakery-shelves_116380-61.jpg"
          imageAlt="Artisanal bagels on a wooden table with warm lighting"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact section for Steins Bagels"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Menu", href: "#product-section" },
                { label: "Specials", href: "#features-section" },
                { label: "Locations", href: "#contact-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#testimonial-section" },
                { label: "Delivery Info", href: "#contact-section" },
                { label: "Careers", href: "#contact-section" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          logoText="Steins Bagels"
          copyrightText="© 2025 Steins Bagels. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}