"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "SHOP",          id: "#products"},
        {
          name: "ABOUT",          id: "#about"},
        {
          name: "FIND US",          id: "#contact"},
        {
          name: "CART (0)",          id: "#cart"},
      ]}
      brandName="altitude"
      button={{
        text: "A"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Low-Key Sophisticated"
      description="Non-Alcoholic Pairings for Perfect Vibes"
      testimonials={[
        {
          name: "Alex P.",          handle: "@alex.p",          testimonial: "Altitude Beverages has redefined my social experiences. The flavors are simply unmatched, and the aesthetic is pure sophistication.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",          imageAlt: "Portrait of Alex P."},
        {
          name: "Jordan R.",          handle: "@jordanr",          testimonial: "Finally, a non-alcoholic option that feels truly elevated. The packaging is as stunning as the taste. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-dressed-business-suit-white-shirt_613910-1410.jpg",          imageAlt: "Portrait of Jordan R."},
        {
          name: "Sam C.",          handle: "@samc",          testimonial: "From casual gatherings to special occasions, Altitude is my go-to. It's chic, delicious, and always impresses my guests.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg",          imageAlt: "Portrait of Sam C."},
        {
          name: "Taylor B.",          handle: "@taylorb",          testimonial: "The attention to detail in every blend is evident. Altitude offers a refined experience without compromise.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-wearing-summer-hipster-biker-leather-jacket-clothes-sunglasses-posing-near-wall_158538-8933.jpg",          imageAlt: "Portrait of Taylor B."},
        {
          name: "Chris M.",          handle: "@chrism",          testimonial: "Love the minimalist design and the bold flavors. Altitude Beverages embodies modern elegance in every sip.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-african-man-casual-orange-wall-blue-hair-frowns-disagree-disappointed-serious_343596-6096.jpg",          imageAlt: "Portrait of Chris M."},
      ]}
      buttons={[
        {
          text: "SHOP",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/turquoise-decorative-bottle-wrapped-with-silver-ribbon_23-2147988566.jpg"
      imageAlt="Collection of Altitude Beverages non-alcoholic drinks"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg",          alt: "Confident middle aged woman portrait"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",          alt: "Portrait of an handsome young man"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg",          alt: "Close-up of confident male employee in white collar shirt smiling at camera, standing self-assured against studio background."},
        {
          src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",          alt: "blonde businesswoman portrait with a copy space"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-pensive-african-american-man-dressed-classic-brown-jacket-standing-studio-dark-background_613910-17787.jpg",          alt: "Portrait of a pensive African-American man, dressed in a classic brown jacket standing in a studio on a dark background."},
      ]}
      avatarText="Join 5000+ satisfied customers"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="none"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",          name: "The Ascent",          price: "$18",          variant: "Herbal | Bittersweet | Refreshing",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-transparent-glasses-isolated-white-background_23-2147948653.jpg",          imageAlt: "The Ascent non-alcoholic beverage can"},
        {
          id: "product-2",          name: "Midnight Dew",          price: "$22",          variant: "Dark | Complex | Aromatic",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282125.jpg",          imageAlt: "Midnight Dew non-alcoholic beverage can"},
      ]}
      title="Signature Blends"
      description="Experience our carefully crafted non-alcoholic beverages, designed for discerning palates."
    />
  </div>

  <div id="gradient-break" data-section="gradient-break">
      <TextAbout
      useInvertedBackground={false}
      title="Altitude"
    />
  </div>

  <div id="product-row-two" data-section="product-row-two">
      <ProductCardFour
      animationType="none"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "product-3",          name: "Solar Elixir",          price: "$20",          variant: "Bright | Citrus | Invigorating",          imageSrc: "http://img.b2bpic.net/free-photo/water-pouring-glass-blue-yellow-wall_176420-11496.jpg",          imageAlt: "Solar Elixir non-alcoholic beverage can"},
        {
          id: "product-4",          name: "Forest Whisper",          price: "$19",          variant: "Earthy | Green | Serene",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bicolor-plant-details_23-2149362191.jpg",          imageAlt: "Forest Whisper non-alcoholic beverage can"},
      ]}
      title="Discover More"
      description="Explore our diverse range of non-alcoholic creations, perfect for any occasion."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Our Philosophy"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What makes Altitude Beverages non-alcoholic?",          content: "Our beverages are crafted using specialized distillation and blending techniques to ensure a rich flavor profile without any alcohol content, making them suitable for all occasions."},
        {
          id: "faq-2",          title: "Are your products all-natural?",          content: "Yes, we are committed to using only high-quality, natural ingredients in our blends. We avoid artificial flavors, colors, and preservatives to deliver a pure and authentic taste."},
        {
          id: "faq-3",          title: "Where can I find Altitude Beverages?",          content: "Our products are available for purchase online through our website. We also partner with select retailers and establishments. Check our 'Find Us' section for more details."},
      ]}
      sideTitle="Common Questions"
      faqsAnimation="none"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "SHOP",          items: [
            {
              label: "All Drinks",              href: "#products"},
            {
              label: "Gift Sets",              href: "#"},
          ],
        },
        {
          title: "COMPANY",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "SUPPORT",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Altitude Beverages"
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
