"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Instagram, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Início",
          id: "hero",
        },
        {
          name: "Modalidades",
          id: "sports",
        },
        {
          name: "Experiência",
          id: "social",
        },
        {
          name: "Localização",
          id: "location",
        },
      ]}
      brandName="Nossa Arena"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="NOSSA ARENA"
      description="Viva o esporte. Conecte-se. Jogue na Nossa Arena. Estrutura completa com as melhores quadras da região."
      buttons={[
        {
          text: "Agendar quadra agora",
          href: "#",
        },
        {
          text: "Falar no WhatsApp",
          href: "#",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-356.jpg",
          imageAlt: "Arena Action",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-athlete_654080-1578.jpg",
          imageAlt: "Arena Action",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492376.jpg",
          imageAlt: "Arena Action",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/runway-stadium_1417-1665.jpg",
          imageAlt: "Arena Action",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492333.jpg",
          imageAlt: "Arena Action",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231749.jpg",
          imageAlt: "Arena Action",
        },
      ]}
    />
  </div>

  <div id="sports" data-section="sports">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Padel 🎾",
          description: "02 quadras profissionais para elevar seu jogo.",
          buttons: [
            {
              text: "Agendar",
              href: "#",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-316.jpg",
          imageAlt: "Quadra de Padel",
        },
        {
          title: "Pickleball 🏓",
          description: "01 quadra moderna para muita diversão.",
          buttons: [
            {
              text: "Agendar",
              href: "#",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg",
          imageAlt: "Quadra de Pickleball",
        },
        {
          title: "Beach Tennis 🏖️",
          description: "09 quadras com areia de alta qualidade.",
          buttons: [
            {
              text: "Agendar",
              href: "#",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-football_23-2148867379.jpg",
          imageAlt: "Quadras de Beach Tennis",
        },
        {
          title: "Society ⚽",
          description: "Primeiro campo society coberto da cidade.",
          buttons: [
            {
              text: "Agendar",
              href: "#",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-players-tournament-game_23-2149668553.jpg",
          imageAlt: "Campo Society",
        },
      ]}
      title="Estrutura esportiva completa"
      description="Qualidade, conforto e experiência de alto nível."
    />
  </div>

  <div id="social" data-section="social">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Pedro Santos",
          date: "12/03",
          title: "Jogador",
          quote: "Melhor arena da região, estrutura impecável!",
          tag: "Beach Tennis",
          avatarSrc: "http://img.b2bpic.net/free-photo/athletic-young-woman-doing-exercise-yoga-mat_23-2147827396.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-356.jpg",
          imageAlt: "sports club people laughing",
        },
        {
          id: "2",
          name: "Ana Souza",
          date: "14/03",
          title: "Atleta",
          quote: "Adoro jogar aqui, ambiente sensacional.",
          tag: "Padel",
          avatarSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13270.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-316.jpg",
          imageAlt: "sports club people laughing",
        },
        {
          id: "3",
          name: "Lucas Lima",
          date: "15/03",
          title: "Fã",
          quote: "Quadras society cobertas são um diferencial.",
          tag: "Society",
          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-fit-friends-outdoors_23-2150828884.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg",
          imageAlt: "sports club people laughing",
        },
        {
          id: "4",
          name: "Carla Silva",
          date: "16/03",
          title: "Jogadora",
          quote: "Estrutura excelente e atendimento nota 10.",
          tag: "Beach Tennis",
          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-friends-sportswear-sitting-bench-city-discussing-while-using-smartphone-looking-screen-multiethnic-women-having-fitness-workout-break_158595-7949.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-football_23-2148867379.jpg",
          imageAlt: "sports club people laughing",
        },
        {
          id: "5",
          name: "João Pereira",
          date: "17/03",
          title: "Atleta",
          quote: "O melhor lugar para curtir com os amigos.",
          tag: "Pickleball",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-fit-friends-outdoors_23-2150828920.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-players-tournament-game_23-2149668553.jpg",
          imageAlt: "sports club people laughing",
        },
      ]}
      title="Mais que esporte"
      description="Uma experiência completa de comunidade."
    />
  </div>

  <div id="barbershop" data-section="barbershop">
      <MediaAbout
      useInvertedBackground={false}
      title="Corte, estilo e praticidade"
      description="Barbearia completa no mesmo lugar. Agende seu horário e mantenha o estilo antes ou depois do jogo."
      buttons={[
        {
          text: "Agendar via WhatsApp",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg"
      imageAlt="Barbearia Nossa Arena"
    />
  </div>

  <div id="acai" data-section="acai">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Açaí Tradicional",
          price: "R$ 15,00",
          variant: "Grande",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-acai-dessert-with-kiwi_23-2149871612.jpg",
        },
        {
          id: "2",
          name: "Açaí Premium",
          price: "R$ 20,00",
          variant: "Super",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cups-brazilian-acai-dessert_23-2149871563.jpg",
        },
        {
          id: "3",
          name: "Açaí com Morango",
          price: "R$ 22,00",
          variant: "Especial",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-cup-acai-dessert-with-cashew_23-2149871588.jpg",
        },
        {
          id: "4",
          name: "Açaí com Banana",
          price: "R$ 18,00",
          variant: "Simples",
          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788578.jpg",
        },
        {
          id: "5",
          name: "Açaí com Leite",
          price: "R$ 19,00",
          variant: "Cremoso",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186070.jpg",
        },
        {
          id: "6",
          name: "Açaí Completo",
          price: "R$ 25,00",
          variant: "Gourmet",
          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-salmon-crackers_140725-9358.jpg",
        },
      ]}
      title="Energia e sabor"
      description="Açaí de verdade, cremoso e com ótimos acompanhamentos."
    />
  </div>

  <div id="restaurant" data-section="restaurant">
      <ProductCardFour
      textboxLayout="split-actions"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        {
          id: "r1",
          name: "Prato Executivo",
          price: "R$ 35,00",
          variant: "Diário",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185019.jpg",
        },
        {
          id: "r2",
          name: "Sanduíche Gourmet",
          price: "R$ 28,00",
          variant: "Clássico",
          imageSrc: "http://img.b2bpic.net/free-photo/man-eating-corn-salad-chicken-lettuce-pepper-sesame-side-view_141793-1842.jpg",
        },
        {
          id: "r3",
          name: "Salada Fit",
          price: "R$ 30,00",
          variant: "Saudável",
          imageSrc: "http://img.b2bpic.net/free-photo/half-shot-soft-cake-decorated-with-lemon-chocolate-dark-table_140725-86708.jpg",
        },
        {
          id: "r4",
          name: "Omelete Especial",
          price: "R$ 22,00",
          variant: "Proteína",
          imageSrc: "http://img.b2bpic.net/free-photo/family-having-picnic-nature_23-2148199370.jpg",
        },
        {
          id: "r5",
          name: "Wrap de Frango",
          price: "R$ 25,00",
          variant: "Leve",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2149272702.jpg",
        },
        {
          id: "r6",
          name: "Suco Natural",
          price: "R$ 12,00",
          variant: "Refrescante",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookie-pastries-inside-plate-light-table-biscuit-sugar-sweet-pastry-bake_140725-24487.jpg",
        },
      ]}
      title="Restaurante"
      description="Refeições rápidas e saborosas em um ambiente completo."
      buttons={[
        {
          text: "Ver cardápio completo",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="location" data-section="location">
      <FaqBase
      textboxLayout="split-description"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Endereço",
          content: "Av. Principal, 123 - Centro, Cidade Esportiva.",
        },
        {
          id: "2",
          title: "Horário",
          content: "Segunda a Domingo, das 07h às 23h.",
        },
        {
          id: "3",
          title: "Google Maps",
          content: "Clique no botão abaixo para traçar sua rota.",
        },
      ]}
      title="Onde estamos"
      description="Fácil acesso e estacionamento garantido."
      buttons={[
        {
          text: "Abrir no Google Maps",
          href: "#",
        },
      ]}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      tag="Agende agora"
      title="Pronto para jogar?"
      description="Não perca tempo, reserve sua quadra hoje mesmo."
      imageSrc="http://img.b2bpic.net/free-photo/glass-wall-details_1359-785.jpg"
      mediaAnimation="slide-up"
      buttonText="Reservar agora"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Nossa Arena"
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: MessageCircle,
          href: "#",
          ariaLabel: "WhatsApp",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
