"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Sparkles, Zap, Award, Crown, Mail, Facebook, Instagram, Twitter, Youtube } from "lucide-react";

export default function BreweryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="large"
      background="fluid"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Beers", id: "product" },
            { name: "Process", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Craft Brewery"
          bottomLeftText="Open Daily 12-10PM"
          bottomRightText="hello@craftbrewery.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Craft Beer Experience"
          description="Discover our award-winning beers brewed with passion and precision. From bold IPAs to smooth stouts, find your perfect pint."
          tag="Est. 2015"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Our Beers", href: "product" },
            { text: "Visit Us", href: "contact" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg", imageAlt: "Golden lager beer" },
            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737154685-fa0ji8ux.jpg", imageAlt: "Hoppy IPA pour" },
            { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746395242-8khokszs.jpg", imageAlt: "Dark stout beer" },
            { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746396266-f1cvu1sg.jpg", imageAlt: "Crisp pilsner lager" },
            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737158779-1is8hgos.jpg", imageAlt: "Hazy wheat beer" },
            { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737173295-zpl8k8y5.jpg", imageAlt: "Brewery production" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "We started with a simple mission: brew exceptional beer that brings people together. What began as a small operation in a garage has grown into a full-featured brewery that respects tradition while embracing innovation.",
            "Every batch we craft represents our commitment to quality ingredients, precise technique, and the time-honored art of brewing. We believe great beer should be accessible, memorable, and shared with friends."
          ]}
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
          showBorder={false}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEleven
          title="How We Brew"
          description="Every beer goes through our meticulous brewing process to ensure consistency and excellence"
          tag="Our Process"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "Grain Selection",
              description: "We source premium malts from trusted suppliers across the region. Each grain is carefully selected to contribute specific flavors and colors to our final product.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746401552-y9k9ee1s.jpg",
              imageAlt: "Malt grain preparation"
            },
            {
              id: 2,
              title: "Mashing & Boiling",
              description: "The grains are mixed with water and heated to precise temperatures. We add hops at specific intervals to create complexity, bitterness, and aroma.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746402382-n4ldihu1.jpg",
              imageAlt: "Brewing kettle process"
            },
            {
              id: 3,
              title: "Fermentation",
              description: "Yeast transforms sugars into alcohol and carbonation. We maintain strict temperature control for each beer style to develop unique characteristics.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746403209-74lwbax1.jpg",
              imageAlt: "Fermentation tanks"
            },
            {
              id: 4,
              title: "Quality Check",
              description: "Every batch is tasted, tested, and evaluated before packaging. We ensure consistency and excellence in every bottle or can that leaves our brewery.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746404045-9n9z3tj4.jpg",
              imageAlt: "Quality testing"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardSix
          title="Featured Beers"
          description="Explore our signature lineup crafted to perfection"
          tag="Bestsellers"
          tagIcon={Award}
          products={[
            {
              id: "1",
              name: "Golden IPA",
              price: "$6.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746397267-54im9vff.jpg",
              imageAlt: "Golden IPA beer"
            },
            {
              id: "2",
              name: "Midnight Stout",
              price: "$7.49",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746398167-kh8rkhkh.jpg",
              imageAlt: "Midnight Stout beer"
            },
            {
              id: "3",
              name: "Crisp Lager",
              price: "$5.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746398968-m3sv5xnq.jpg",
              imageAlt: "Crisp Lager beer"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Beer Club"
          description="Join our membership program and get exclusive access to limited releases and special events"
          tag="Member Benefits"
          tagIcon={Crown}
          plans={[
            {
              id: "basic",
              badge: "Starter",
              price: "$29/month",
              subtitle: "Perfect for casual enthusiasts",
              buttons: [
                { text: "Join Now", href: "contact" }
              ],
              features: [
                "4 monthly beer selections",
                "10% off retail prices",
                "Access to member events",
                "Exclusive merchandise"
              ]
            },
            {
              id: "pro",
              badge: "Connoisseur",
              price: "$59/month",
              subtitle: "For serious beer lovers",
              buttons: [
                { text: "Join Now", href: "contact" }
              ],
              features: [
                "8 monthly beer selections",
                "20% off retail prices",
                "Priority event access",
                "Member-only releases",
                "Brewery tours included"
              ]
            },
            {
              id: "vip",
              badge: "Master",
              price: "$99/month",
              subtitle: "Ultimate brewery experience",
              buttons: [
                { text: "Join Now", href: "contact" }
              ],
              features: [
                "12 monthly selections",
                "30% off retail prices",
                "VIP event invitations",
                "Unlimited brewery tours",
                "Private tasting sessions",
                "Custom beer naming rights"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="The best craft beers I've ever had. Every sip tells a story of passion and expertise. This brewery has become my go-to place for quality and flavor."
          rating={5}
          author="Michael Rodriguez, Beer Enthusiast"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746405055-lutwkxc8.jpg", alt: "Customer 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152149165-8nddns07.jpg", alt: "Customer 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746405873-1spwsbig.jpg", alt: "Customer 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154636179-coolkx53.jpg", alt: "Customer 4" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Brewery Updates"
          ctaDescription="Subscribe to our newsletter for new releases, events, and exclusive offers."
          ctaButton={{ text: "Subscribe Now", href: "contact" }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",
              title: "Where can I buy your beers?",
              content: "Our beers are available at our taproom, select local retailers, and online through our e-commerce platform. Check our locator to find us near you."
            },
            {
              id: "2",
              title: "Do you offer brewery tours?",
              content: "Yes! Tours are available Tuesday through Sunday at 2 PM and 4 PM. Group tours and private tastings can be arranged upon request."
            },
            {
              id: "3",
              title: "What is your return policy?",
              content: "We stand behind our products. If you're not satisfied, contact us within 30 days for a full refund or replacement."
            },
            {
              id: "4",
              title: "Are you family-friendly?",
              content: "Absolutely! Our taproom welcomes families with kids. We offer non-alcoholic beverages and a welcoming atmosphere for all ages."
            },
            {
              id: "5",
              title: "Can I visit for private events?",
              content: "Yes, we host private events and can accommodate groups. Contact us to discuss your special event needs."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Craft Brewery"
          copyrightText="© Craft Brewery, 2025. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "team" },
                { label: "Careers", href: "careers" }
              ]
            },
            {
              title: "Shop",
              items: [
                { label: "Featured Beers", href: "product" },
                { label: "Beer Club", href: "pricing" },
                { label: "Merchandise", href: "shop" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Taproom Hours", href: "contact" },
                { label: "Directions", href: "location" },
                { label: "Events", href: "events" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "terms" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Accessibility", href: "accessibility" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}