"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Activity, Award, Heart, Home, Lock, Music, Square, Target, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Início",
          id: "hero",
        },
        {
          name: "Sobre",
          id: "sobre",
        },
        {
          name: "Formação",
          id: "formacao",
        },
        {
          name: "Estrutura",
          id: "estrutura",
        },
      ]}
      brandName="FERAS ACADEMIA"
      button={{
        text: "Agendar Aula",
        href: "#contato",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Onde o talento encontra disciplina — e o futuro começa."
      description="Mais de 15 anos formando atletas e cidadãos em Tijucas, moldando caráter e mentalidade vencedora."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-player-field_23-2150887430.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728370.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/little-basketball-player-sportswear-holding-ball-studio-isolated-dark-textured-background_613910-18206.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-copyspace_23-2147827776.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sportswear-celebrating_23-2148298925.jpg",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/colombian-soccer-team-concept-still-life_23-2150257164.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-grass-with-shadow_23-2147833424.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684399.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard_23-2147827695.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-player-pointing-somewhere_23-2147644515.jpg",
        },
      ]}
      buttons={[
        {
          text: "Agendar Aula",
          href: "#contato",
        },
        {
          text: "WhatsApp",
          href: "https://wa.me/5548984048248",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/adorable-kid-playing-with-shadows_23-2151335994.jpg",
          alt: "Aluno na Feras",
        },
        {
          src: "http://img.b2bpic.net/free-photo/family-silhouettes-having-fun-sunset-full-shot_23-2150456214.jpg",
          alt: "Treinador e aluno",
        },
        {
          src: "http://img.b2bpic.net/free-photo/adorable-kid-playing-with-shadows_23-2151336039.jpg",
          alt: "Atleta em destaque",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-adult-female-soccer-player_23-2150888451.jpg",
          alt: "Time Feras",
        },
        {
          src: "http://img.b2bpic.net/free-photo/colombian-soccer-team-concept-still-life_23-2150257129.jpg",
          alt: "Orgulho Feras",
        },
      ]}
      avatarText="Mais de 500 famílias impactadas"
      marqueeItems={[
        {
          type: "text",
          text: "ESPORTE",
        },
        {
          type: "text",
          text: "DISCIPLINA",
        },
        {
          type: "text",
          text: "RESPEITO",
        },
        {
          type: "text",
          text: "TALENTO",
        },
        {
          type: "text",
          text: "FUTURO",
        },
      ]}
    />
  </div>

  <div id="sobre" data-section="sobre">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Muito além de uma escolinha: um centro de desenvolvimento humano."
      description="A Feras Academia de Futebol é referência em Tijucas-SC. Com 15 anos de tradição, trabalhamos valores como disciplina e respeito que acompanham nossos alunos por toda a vida."
      metrics={[
        {
          value: "15+",
          title: "Anos de tradição",
        },
        {
          value: "100%",
          title: "Compromisso social",
        },
        {
          value: "Base",
          title: "Formação completa",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-playing-soccer_23-2150405387.jpg"
      imageAlt="Treinador da Feras com alunos"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="formacao" data-section="formacao">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Activity,
          title: "Desenv. Motor",
          description: "Melhoria contínua da coordenação física.",
        },
        {
          icon: Target,
          title: "Técnica e Tática",
          description: "Fundamentos essenciais para a performance.",
        },
        {
          icon: Heart,
          title: "Formação de Caráter",
          description: "Disciplina, respeito e espírito esportivo.",
        },
        {
          icon: Users,
          title: "Socialização",
          description: "Trabalho em equipe desde o primeiro dia.",
        },
        {
          icon: Award,
          title: "Oportunidades",
          description: "Preparação para o futebol profissional.",
        },
      ]}
      title="Formação Completa (4 a 15 anos)"
      description="Nosso método foca em transformar o esporte em uma ferramenta de evolução."
    />
  </div>

  <div id="estrutura" data-section="estrutura">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: Square,
          title: "Gramado Sintético",
          description: "Quadras de alto padrão para treinos perfeitos.",
        },
        {
          icon: Home,
          title: "Campos Cobertos",
          description: "Treine com conforto em qualquer clima.",
        },
        {
          icon: Lock,
          title: "Vestiários",
          description: "Estrutura completa e higienizada.",
        },
        {
          icon: Music,
          title: "Som Profissional",
          description: "Ambiente envolvente para cada atividade.",
        },
      ]}
      title="Estrutura Premium em Tijucas"
      description="Um ambiente seguro, moderno e preparado para performance."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ana Silva",
          role: "Mãe",
          company: "Tijucas-SC",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-couple-man-woman-standing-face-face-holding-soccer-ball-green-wall_141793-55481.jpg",
        },
        {
          id: "2",
          name: "Carlos Souza",
          role: "Pai",
          company: "Tijucas-SC",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-football-ball_23-2148598900.jpg",
        },
        {
          id: "3",
          name: "Mariana Santos",
          role: "Mãe",
          company: "Tijucas-SC",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684385.jpg",
        },
        {
          id: "4",
          name: "João Oliveira",
          role: "Pai",
          company: "Tijucas-SC",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-boy-playing-with-soccer-ball-home-smiling-cute-infant-standing-carpet-barefoot-having-fun-living-room-holiday-weekend-childhood-concept_74855-12864.jpg",
        },
        {
          id: "5",
          name: "Fernanda Lima",
          role: "Mãe",
          company: "Tijucas-SC",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/women-playing-football-team_23-2149044672.jpg",
        },
      ]}
      title="O que dizem as famílias"
      description="Histórias de sucesso que construímos em nossa trajetória."
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Feras Sports",
        "Tijucas FC",
        "Regional Cup",
        "Educa Esporte",
        "Arena Club",
        "Tijucas Eventos",
        "Base Formativa",
      ]}
      title="Parceiros e Apoio"
      description="Marcas que apoiam o futuro do esporte em nossa região."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Qual a idade mínima?",
          content: "Atendemos crianças a partir dos 4 anos de idade.",
        },
        {
          id: "2",
          title: "Como agendar uma aula?",
          content: "Você pode agendar diretamente pelo nosso botão de WhatsApp no site.",
        },
        {
          id: "3",
          title: "Quais os horários?",
          content: "Funcionamos de segunda a sexta, das 08h às 23h.",
        },
        {
          id: "4",
          title: "Como chegar?",
          content: "Estamos na R. Constâncio Wetcoski, 205, no Bairro Praça.",
        },
      ]}
      title="Dúvidas Frequentes"
      description="Tudo o que você precisa saber sobre a Feras Academia."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684440.jpg"
      imageAlt="Kids playing football"
    />
  </div>

  <div id="contato" data-section="contato">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Dê o primeiro passo hoje"
      description="Seu filho merece viver essa experiência. Agende uma aula experimental agora."
      inputs={[
        {
          name: "nome",
          type: "text",
          placeholder: "Nome do Responsável",
          required: true,
        },
        {
          name: "telefone",
          type: "tel",
          placeholder: "Seu WhatsApp",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-man-chatting-gym-door_1262-700.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navegação",
          items: [
            {
              label: "Início",
              href: "#hero",
            },
            {
              label: "Sobre",
              href: "#sobre",
            },
            {
              label: "Estrutura",
              href: "#estrutura",
            },
          ],
        },
        {
          title: "Contato",
          items: [
            {
              label: "(48) 98404-8248",
              href: "tel:48984048248",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/acad.feras",
            },
          ],
        },
      ]}
      logoText="FERAS ACADEMIA"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
