"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import AboutPhoneTimeline from "@/components/sections/about/AboutPhoneTimeline";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import BlogCardSix from "@/components/sections/blog/BlogCardSix";
import ContactInline from "@/components/sections/contact/ContactInline";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { BookOpen, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="solid"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="minimal"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "product" },
            { name: "Contact", id: "contact" },
            { name: "Events", id: "blog" }
          ]}
          brandName="Craft Brewery"
          bottomLeftText="Est. 2024"
          bottomRightText="hello@craftbrewery.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Craft Beer, Crafted with Pride"
          description="Welcome to Craft Brewery. We brew exceptional beers using traditional methods and premium ingredients. Discover our collection of handcrafted ales and lagers."
          tag="Premium Quality"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Products", href: "product" },
            { text: "Visit Us", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737183897-quuwmgl8.jpg"
          imageAlt="Craft brewery production facility"
          frameStyle="card"
          ariaLabel="Hero section for craft brewery"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="About Us"
          title="Brewing Excellence Since 2024"
          description="Our passion for craft beer drives everything we do. From selecting the finest hops to perfecting our fermentation process, we're committed to delivering beers that celebrate tradition and innovation."
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766758835160-05g01ufd.jpg"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746396266-f1cvu1sg.jpg"
          }}
          textboxLayout="default"
          buttons={[
            { text: "Our Story", href: "#about" },
            { text: "Join Us", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree
          title="Our Beer Selection"
          description="Handcrafted beers made with passion. Each style represents our dedication to quality and flavor."
          products={[
            {
              id: "1",
              name: "Golden Ale - 5.2% ABV",
              price: "$8.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
              imageAlt: "Golden Ale beer bottle",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Midnight Stout - 6.8% ABV",
              price: "$9.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746396266-f1cvu1sg.jpg",
              imageAlt: "Midnight Stout beer bottle",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Crisp Lager - 4.8% ABV",
              price: "$8.49",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg",
              imageAlt: "Crisp Lager beer bottle",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Hear from beer enthusiasts who trust our craft."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              title: "Exceptional Quality and Taste",
              quote: "The Golden Ale is absolutely incredible. The flavor profile is complex yet balanced. This is what craft beer should taste like.",
              name: "Marcus Johnson",
              role: "Beer Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              title: "Supporting Local Craft",
              quote: "I love supporting local breweries, and Craft Brewery delivers on quality every time. Their attention to detail is remarkable.",
              name: "Sarah Martinez",
              role: "Local Food Advocate",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Sarah Martinez"
            },
            {
              id: "3",
              title: "Perfect for Gatherings",
              quote: "Our taproom events are always a hit when we feature Craft Brewery's beers. Customers keep asking for more.",
              name: "David Chen",
              role: "Restaurant Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "4",
              title: "Consistently Outstanding",
              quote: "Every batch maintains the same high standard. You can taste the passion and expertise in every sip.",
              name: "Emma Thompson",
              role: "Hospitality Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Emma Thompson"
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardSix
          title="Latest from the Brewery"
          description="Events, brewing tips, and craft beer stories."
          tag="Blog"
          tagIcon={BookOpen}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",
              title: "Spring Brewing Festival - Join Us This Weekend",
              tags: ["Events", "Mar 15, 2025"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
              imageAlt: "Brewery spring festival event"
            },
            {
              id: "2",
              title: "The Art of Fermentation: Our Brewing Process Explained",
              tags: ["Education", "Mar 10, 2025"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766758836094-ohoado8a.jpg",
              imageAlt: "Brewery fermentation tanks and process"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Stay Updated with Exclusive Beer Releases"
          animationType="background-highlight"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Craft Brewery"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#contact" }
              ]
            },
            {
              title: "Products",
              items: [
                { label: "Beer Selection", href: "#product" },
                { label: "Seasonal Releases", href: "#blog" },
                { label: "Merchandise", href: "#product" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Visit the Taproom", href: "#contact" },
                { label: "Events", href: "#blog" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms & Conditions", href: "/terms" },
                { label: "Age Verification", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Craft Brewery. Brewed with Pride."
        />
      </div>
    </ThemeProvider>
  );
}