"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Collection",
          id: "#collection",
        },
        {
          name: "Our Story",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="100x35 Beer Boutique"
      button={{
        text: "Shop Now",
        href: "#collection",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Discover Extraordinary Craft Beer"
      description="Curated selections from independent breweries worldwide. Expert guidance, rare finds, and unforgettable tastings."
      testimonials={[
        {
          name: "Alex P.",
          handle: "@CraftBeerKing",
          testimonial: "100x35 is my go-to for truly unique beers. Their curation is unparalleled!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-earphones_171337-4772.jpg",
          imageAlt: "Alex P.",
        },
        {
          name: "Sarah J.",
          handle: "@HopHeadHoney",
          testimonial: "The staff are incredibly knowledgeable, always helping me find my next favorite brew.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-beer-pub_496169-2816.jpg",
          imageAlt: "Sarah J.",
        },
        {
          name: "Mark D.",
          handle: "@RareBottleHunter",
          testimonial: "I've found some truly rare gems here that I couldn't get anywhere else. A collector's paradise!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-alcoholic-drink-with-his-friends_23-2147919211.jpg",
          imageAlt: "Mark D.",
        },
        {
          name: "Emily R.",
          handle: "@BrewExplorer",
          testimonial: "Every visit is an education. I always leave with something new and exciting to try.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-toasting-with-friend-bar_23-2147681031.jpg",
          imageAlt: "Emily R.",
        },
        {
          name: "David W.",
          handle: "@LocalLover",
          testimonial: "Fantastic selection of local and international beers, plus the friendliest service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-afraid-hairdresser-wearing-gray-apron-holding-scissors-spray-bottle-pastel-blue-color-background_140725-154973.jpg",
          imageAlt: "David W.",
        },
      ]}
      buttons={[
        {
          text: "Explore Our Collection",
          href: "#collection",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/tasty-american-beer-assortment_23-2148907590.jpg"
      imageAlt="A curated selection of premium craft beers from 100x35 Beer Boutique."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19643.jpg",
          alt: "Happy craft beer enthusiast",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-man-sitting-restaurant-with-glass-drink_23-2147861893.jpg",
          alt: "Young man enjoying a beer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-blond-bearded-male-dressed-leather-jacket-sits-table-cafe_613910-16383.jpg",
          alt: "Blond bearded male in cafe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg",
          alt: "Senior man appreciating beer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tattoo-woman-holding-beer_23-2147680741.jpg",
          alt: "Woman holding a craft beer",
        },
      ]}
      avatarText="Join our community of over 10,000 satisfied connoisseurs!"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/christmas-beer-bottles-assortment_23-2149757161.jpg",
          alt: "Christmas beer bottles assortment",
        },
        {
          type: "text",
          text: "Rare Finds",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/christmas-beer-bottles-assortment-still-life_23-2149757162.jpg",
          alt: "Christmas beer bottles assortment still life",
        },
        {
          type: "text-icon",
          text: "Expert Picks",
          icon: Star,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/front-view-different-size-beer-bottles-aligned-table_23-2148342185.jpg",
          alt: "Front view different size of beer bottles aligned on table",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Rare & Exclusive Releases",
          author: "Collector's Finds",
          description: "Gain access to limited-edition beers and exclusive collaborations not found anywhere else. Be among the first to taste extraordinary brews.",
          tags: [
            "Exclusive",
            "Limited Edition",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/three-alcoholic-bottles-ears-wheat-wooden-surface_23-2147952036.jpg",
          imageAlt: "Rare and exclusive beer bottles",
        },
        {
          id: "f2",
          title: "Expert Guidance & Pairings",
          author: "Your Personal Sommelier",
          description: "Our passionate team provides personalized recommendations and expert pairing advice, transforming your beer journey into a culinary adventure.",
          tags: [
            "Guidance",
            "Education",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-bar-drinking_171337-19343.jpg",
          imageAlt: "Expert guiding customer through beer selection",
        },
        {
          id: "f3",
          title: "Unforgettable Tastings",
          author: "Sensory Journey",
          description: "Join our intimate tasting events and discover new flavors, styles, and breweries. Immerse yourself in the world of craft beer with fellow enthusiasts.",
          tags: [
            "Events",
            "Community",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beer-with-food-wooden-table_23-2148306009.jpg",
          imageAlt: "Beer tasting flight with various craft beers",
        },
      ]}
      title="Our Curated Experience"
      description="At 100x35 Beer Boutique, we believe exceptional beer is an art. We hand-select every bottle and can, ensuring you access only the finest, most intriguing brews from around the globe."
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardThree
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Imperial Stout Grand Cru",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-refreshing-beverage-bottle_23-2148342197.jpg",
          imageAlt: "Imperial Stout Grand Cru bottle",
        },
        {
          id: "p2",
          name: "Tropical Haze IPA",
          price: "$8.50",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995309.jpg",
          imageAlt: "Tropical Haze IPA can",
        },
        {
          id: "p3",
          name: "Bohemian Pilsner Classic",
          price: "$7.25",
          imageSrc: "http://img.b2bpic.net/free-photo/white-foam-background_23-2151706099.jpg",
          imageAlt: "Bohemian Pilsner Classic glass",
        },
        {
          id: "p4",
          name: "Wild Berry Sour Ale",
          price: "$12.00",
          imageSrc: "http://img.b2bpic.net/free-photo/bucket-fresh-summer-fruits-bottle-white-wine-empty-glass-carved-rug_114579-30904.jpg",
          imageAlt: "Wild Berry Sour Ale bottle",
        },
        {
          id: "p5",
          name: "Oatmeal Milk Stout",
          price: "$9.75",
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-mug-near-fireplace_23-2148312052.jpg",
          imageAlt: "Oatmeal Milk Stout mug",
        },
        {
          id: "p6",
          name: "Belgian Witbier Citrus",
          price: "$7.99",
          imageSrc: "http://img.b2bpic.net/free-photo/lemon-slices-cutting-board-dark-wooden-background-flat-lay_176474-3506.jpg",
          imageAlt: "Belgian Witbier Citrus bottle",
        },
      ]}
      title="Shop Our Exclusive Collection"
      description="Explore our hand-picked selection of craft beers, from local favorites to international rarities. Each bottle tells a story, waiting to be discovered."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Passion for Craft"
      metrics={[
        {
          icon: Award,
          label: "Curated Brews",
          value: "500+",
        },
        {
          icon: Award,
          label: "Years Expertise",
          value: "10+",
        },
        {
          icon: Users,
          label: "Happy Connoisseurs",
          value: "10K+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Jessica L.",
          handle: "@BrewBliss",
          testimonial: "The selection here is unparalleled. Every time I visit, I find a new gem. The staff's recommendations are always spot on!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-holding-glass-beer-bar_1262-3553.jpg",
          imageAlt: "Jessica L.",
        },
        {
          id: "t2",
          name: "Michael S.",
          handle: "@BarrelAgedFan",
          testimonial: "As a collector, 100x35 is a dream come true. Their access to rare barrel-aged stouts is simply incredible.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6896.jpg",
          imageAlt: "Michael S.",
        },
        {
          id: "t3",
          name: "Olivia P.",
          handle: "@LocalCraft",
          testimonial: "I love supporting local, and 100x35 does a fantastic job of highlighting independent breweries. Plus, the atmosphere is wonderful.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-holds-beer-bottles_613910-9268.jpg",
          imageAlt: "Olivia P.",
        },
        {
          id: "t4",
          name: "Daniel K.",
          handle: "@IPAlover",
          testimonial: "Their IPA selection is always fresh and diverse. I appreciate the variety and quality they consistently offer.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459244.jpg",
          imageAlt: "Daniel K.",
        },
        {
          id: "t5",
          name: "Sophia G.",
          handle: "@TasteExplorer",
          testimonial: "Every tasting event is a journey of discovery. I've expanded my palate immensely thanks to their unique selections.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
          imageAlt: "Sophia G.",
        },
      ]}
      showRating={true}
      title="What Our Connoisseurs Say"
      description="Our customers are at the heart of everything we do. Read their authentic experiences and discover why 100x35 is the preferred destination for craft beer enthusiasts."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Craft Brewers Guild",
        "International Beer Awards",
        "Local Brew Collective",
        "Independent Brewers Association",
        "The Hop Review",
        "Gourmet Beer Magazine",
        "Brewers World Summit",
      ]}
      title="Trusted by the Best"
      description="We are proud to partner with and feature exceptional breweries and acclaimed industry experts, bringing you a collection recognized for its quality and innovation."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What types of beer do you specialize in?",
          content: "We specialize in rare and high-quality craft beers, including unique stouts, limited-edition IPAs, international sours, and artisanal lagers from independent breweries worldwide.",
        },
        {
          id: "faq2",
          title: "Do you offer local pickup for online orders?",
          content: "Yes, local pickup is available at our boutique location during operating hours. Simply select 'Local Pickup' at checkout, and we'll notify you when your order is ready.",
        },
        {
          id: "faq3",
          title: "How often do you get new beers in stock?",
          content: "Our selection is constantly evolving! We receive new and exciting releases weekly. Follow us on social media or subscribe to our newsletter for the latest updates.",
        },
        {
          id: "faq4",
          title: "Can you help me find a specific rare beer?",
          content: "Our team loves a challenge! If you're searching for a particular rare brew, please contact us directly. We'll do our best to source it for you through our network of breweries and distributors.",
        },
        {
          id: "faq5",
          title: "Do you host tasting events or workshops?",
          content: "Absolutely! We regularly host exclusive tasting events, workshops, and meet-the-brewer sessions. Check our 'Events' section or sign up for our newsletter to stay informed.",
        },
      ]}
      title="Your Questions, Answered"
      description="Find answers to frequently asked questions about our curated beer selections, online ordering process, local pickup options, and more. Our goal is to make your 100x35 experience seamless."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us or Get in Touch"
      description="Whether you're visiting our boutique for a personalized recommendation or reaching out online, our knowledgeable team is ready to assist you in your craft beer journey."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Subject",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/happy-barista-holding-glass-draft-beer-while-working-bar-counter_637285-3371.jpg"
      imageAlt="Exterior of the 100x35 Beer Boutique storefront with inviting lights."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="100x35 Beer Boutique"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "All Beers",
              href: "#collection",
            },
            {
              label: "New Arrivals",
              href: "#",
            },
            {
              label: "Rare Finds",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Events",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 100x35 Beer Boutique. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
