"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Beaker, Beer, Flame, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="noiseGradient"
      cardStyle="neon-glow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brovary Brewing"
          navItems={[
            { name: "About", id: "about" },
            { name: "Beers", id: "products" },
            { name: "Our Story", id: "story" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="BROVARY"
          description="A city of happy people. Premium Ukrainian craft brewery bringing tradition and innovation to every bottle. Discover the taste of authentic brewing excellence."
          buttons={[
            { text: "Explore Our Beers", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
          splitImageAlt="Brovary Brewing premium beer selection"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737183897-quuwmgl8.jpg"
          imageAlt="Brovary Brewery production facility"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Our Brewing Heritage"
          description="Since 2015, Brovary Brewing has been crafting exceptional beers using time-honored Ukrainian brewing traditions combined with modern techniques. As a city of happy people, we bring joy to every bottle with our passion for quality and innovation. Our commitment to excellence sets us apart in the craft beer community. Every brew tells a story of dedication, precision, and love for the craft."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761941803-8nfzzj1a.jpg"
          imageAlt="Brewery interior and brewing equipment"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "story" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Beer Collection"
          description="Handcrafted beers with unique flavors and distinct character. Brewed with joy by a city of happy people, celebrating community and excellence in every sip."
          tag="Craft Selection"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              brand: "Brovary Brewing",
              name: "Golden Pilsner",
              price: "89 UAH",
              rating: 5,
              reviewCount: "342",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
              imageAlt: "Golden Pilsner beer bottle"
            },
            {
              id: "2",
              brand: "Brovary Brewing",
              name: "Dark Porter",
              price: "99 UAH",
              rating: 5,
              reviewCount: "289",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg",
              imageAlt: "Dark Porter beer bottle"
            },
            {
              id: "3",
              brand: "Brovary Brewing",
              name: "IPA Supreme",
              price: "109 UAH",
              rating: 5,
              reviewCount: "456",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761944122-qzynij1o.jpg",
              imageAlt: "IPA Supreme beer bottle"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Beers", href: "contact" }
          ]}
        />
      </div>

      <div id="story" data-section="story">
        <FeatureCardTwentyOne
          title="Our Brewing Process"
          description="We combine time-tested brewing traditions with cutting-edge technology to create exceptional craft beers. Our city of happy people takes pride in every step of the process."
          tag="Traditional Methods"
          tagIcon={Flame}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761942882-4oke2lxt.jpg"
          imageAlt="Brewing fermentation tanks"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "Mashing & Lautering",
              content: "We start with the finest malts, carefully selected for their quality. Our mashing process extracts perfect flavor profiles and ensures optimal brewing conditions for each beer style."
            },
            {
              id: "2",
              title: "Boiling & Hopping",
              content: "Premium hops are added at precise intervals to create the perfect balance of bitterness and aroma. This is where our beers develop their signature character and depth."
            },
            {
              id: "3",
              title: "Fermentation",
              content: "In climate-controlled tanks, our carefully selected yeast strains work their magic. Each beer ferments for the optimal duration to achieve perfect flavor development."
            },
            {
              id: "4",
              title: "Conditioning & Bottling",
              content: "After secondary fermentation, each batch is carefully packaged to maintain freshness and quality. Our commitment to excellence extends to every bottle that leaves our brewery."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Brewery By The Numbers"
          description="Our impact and growth in the craft beer community, spreading happiness with every bottle"
          metrics={[
            {
              id: "1",
              value: "50K",
              title: "Bottles",
              description: "Brewed annually with quality control",
              icon: Beer
            },
            {
              id: "2",
              value: "8",
              title: "Beer Styles",
              description: "Unique recipes perfected over years",
              icon: Beaker
            },
            {
              id: "3",
              value: "1K+",
              title: "Loyal Customers",
              description: "Craft beer enthusiasts in the region",
              icon: Users
            },
            {
              id: "4",
              value: "15",
              title: "Awards",
              description: "Recognition for brewing excellence",
              icon: Award
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Beer Lovers Say"
          description="Hear from our happy community of satisfied customers and craft beer enthusiasts who celebrate Brovary as a city of joyful people"
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Andriy Kovalenko, CEO of TechCorp Kyiv",
              date: "Date: 15 November 2024",
              title: "The best craft beer in Ukraine!",
              quote: "I have tried many breweries across Europe, but Brovary Brewing stands out with their exceptional quality and unique flavor profiles. Their Golden Pilsner is absolutely perfect. The joy and passion in every bottle is unmistakable.",
              tag: "Premium Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
            },
            {
              id: "2",
              name: "Mariya Shevchenko, Restaurant Owner",
              date: "Date: 10 November 2024",
              title: "Perfect for our establishment",
              quote: "We serve Brovary beers exclusively at our restaurant. Our guests love them and ask for them by name. There's something special about their beers—they bring happiness to every gathering. The consistency and quality are unmatched in the region.",
              tag: "Business Partner",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg"
            },
            {
              id: "3",
              name: "Volodymyr Petrov, Craft Beer Enthusiast",
              date: "Date: 5 November 2024",
              title: "Authentic Ukrainian brewing",
              quote: "Brovary Brewing brings back the essence of traditional Ukrainian brewing while embracing modern innovation. Every sip takes me back to my roots with a contemporary twist. Brovary truly is a city of happy people, and their beers celebrate that spirit perfectly.",
              tag: "Enthusiast",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761944122-qzynij1o.jpg"
            },
            {
              id: "4",
              name: "Kateryna Lysenko, Marketing Director",
              date: "Date: 1 November 2024",
              title: "Supporting local excellence",
              quote: "As a proud Ukrainian, I support local businesses that deliver world-class quality. Brovary Brewing is exactly that—a reflection of our community's joy and happiness. Their beers deserve recognition on the global stage.",
              tag: "Supporter",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about our beers or want to order? Contact us and we will get back to you promptly. Join our community of happy beer lovers."
          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
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your inquiry or order request",
            rows: 5,
            required: true
          }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
          imageAlt="Brovary Brewery contact location"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Brovary Brewing"
          columns={[
            {
              title: "Brewery",
              items: [
                { label: "Our Beers", href: "products" },
                { label: "Brewing Process", href: "story" },
                { label: "About Us", href: "about" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Email", href: "mailto:info@brovarybrewing.ua" },
                { label: "Phone", href: "tel:+380501234567" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Brovary, Kyiv Region", href: "#" },
                { label: "Brewery Tours", href: "contact" },
                { label: "Tasting Room", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Brovary Brewing | Authentic Ukrainian Craft Beer from a City of Happy People"
        />
      </div>
    </ThemeProvider>
  );
}
