"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Sobre",
          id: "about",
        },
        {
          name: "Serviços",
          id: "features",
        },
        {
          name: "Contato",
          id: "contact",
        },
      ]}
      brandName="Apple Fitness"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Transforme sua vida na Apple Fitness"
      description="A melhor estrutura de Florianópolis para você alcançar sua melhor forma. Climatizada, equipada e focada no seu resultado."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699519.jpg",
          imageAlt: "Gym Facility",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg",
          imageAlt: "Workout",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg",
          imageAlt: "Yoga",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
          imageAlt: "Cardio",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBBbSYkTUzIjl88TqtYM3WpdW/uploaded-1778510171721-k0yg0juj.png?_wi=1",
          imageAlt: "Brand",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-weight-lifting_23-2149307977.jpg",
          imageAlt: "Studio",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting-gym_23-2149049818.jpg",
          imageAlt: "Gym",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-doing-spinning-cyclo-indoor-with-smart-watch_1139-1717.jpg",
          imageAlt: "Cardio",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-doing-yoga-together_23-2151084020.jpg",
          imageAlt: "Zen",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-handsome-men-is-engaged-gym_1157-21916.jpg",
          imageAlt: "Training",
        },
      ]}
      buttons={[
        {
          text: "Agendar Treino Grátis",
          href: "https://wa.me/4840093003",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-drinking-healthy-vegetable-drink-isolated-white-background_1258-107228.jpg",
          alt: "Gym member portrait 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105072.jpg",
          alt: "Gym member portrait 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-eating-green-ap_1258-105312.jpg",
          alt: "Gym member portrait 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105071.jpg",
          alt: "Gym member portrait 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
          alt: "Gym member portrait 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Foco total",
        },
        {
          type: "text",
          text: "Saúde e Bem-estar",
        },
        {
          type: "text",
          text: "Resultados reais",
        },
        {
          type: "text",
          text: "Ambiente climatizado",
        },
        {
          type: "text",
          text: "Equipe especializada",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Muito além de uma academia"
      description="Na Apple Fitness, você não é apenas um número. Nosso ambiente é feito para acolher, transformar e criar conexões reais. Com climatização impecável e profissionais que se importam de verdade, aqui o seu treino rende muito mais."
      metrics={[
        {
          value: "4.6",
          title: "Nota no Google",
        },
        {
          value: "100+",
          title: "Alunos Satisfeitos",
        },
        {
          value: "Clima",
          title: "Sempre Fresco",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room-interior_74190-5889.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          tag: "Musculação",
          title: "Treino de Alta Performance",
          subtitle: "Equipamentos de elite",
          description: "Estrutura completa para hipertrofia e emagrecimento, com acompanhamento de instrutores.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg",
        },
        {
          tag: "Bem-estar",
          title: "Yoga e Alongamento Zen",
          subtitle: "Corpo e mente alinhados",
          description: "Práticas que elevam sua flexibilidade e qualidade de vida.",
          imageSrc: "http://img.b2bpic.net/free-photo/resting-woman-looking-away_23-2147789618.jpg",
        },
        {
          tag: "Conforto",
          title: "Ambiente Climatizado",
          subtitle: "Treine com frescor o ano todo",
          description: "Esqueça o calor, foco total no seu treino mesmo no verão de Floripa.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-run-machine-gym_169016-58015.jpg",
        },
      ]}
      title="Treino pensado para você"
      description="Da musculação ao alongamento zen, temos a modalidade certa para o seu objetivo."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Resultados que transformam"
      tag="Nossa Excelência"
      metrics={[
        {
          id: "1",
          value: "56+",
          description: "Avaliações no Google",
        },
        {
          id: "2",
          value: "4.6",
          description: "Nota Média de Satisfação",
        },
        {
          id: "3",
          value: "100%",
          description: "Foco no seu Bem-estar",
        },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "staff",
          groupTitle: "Time Apple Fitness",
          members: [
            {
              id: "m1",
              title: "Instrutores",
              subtitle: "Focados no seu resultado",
              detail: "Treinadores altamente qualificados para orientar sua execução.",
            },
            {
              id: "m2",
              title: "Recepção",
              subtitle: "Atendimento humanizado",
              detail: "Prontos para te acolher em cada treino.",
            },
            {
              id: "m3",
              title: "Consultoria",
              subtitle: "Personalizado",
              detail: "Planejamento focado nas suas metas individuais.",
            },
          ],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBBbSYkTUzIjl88TqtYM3WpdW/uploaded-1778510171721-k0yg0juj.png?_wi=2",
          imageAlt: "User provided image",
        },
      ]}
      title="Equipe de Especialistas"
      description="Professores que corrigem, orientam e motivam."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Débora Vargas",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-sporting-mat-smiling_171337-8003.jpg",
        },
        {
          id: "2",
          name: "Aline Rosa",
          imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg",
        },
        {
          id: "3",
          name: "Cliente Fitness",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",
        },
        {
          id: "4",
          name: "Aluno Apple",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-male-dressed-blue-sportswear-holds-dumbbell-dark-grey-background_613910-1360.jpg",
        },
        {
          id: "5",
          name: "Membro Dedicado",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg",
        },
      ]}
      cardTitle="O que nossos alunos dizem"
      cardTag="Provas Reais"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Vocês oferecem treino personalizado?",
          content: "Sim, temos profissionais focados em orientar sua execução para garantir resultados e segurança.",
        },
        {
          id: "2",
          title: "A academia é muito lotada?",
          content: "Monitoramos nossos horários de pico para garantir que você sempre tenha acesso aos equipamentos.",
        },
        {
          id: "3",
          title: "O espaço é climatizado?",
          content: "Sim, nossa climatização é referência na região e funciona perfeitamente o ano todo.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114125.jpg"
      title="Perguntas Frequentes"
      description="Tudo o que você precisa saber antes de vir treinar."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Contato"
      title="Pronto para começar?"
      description="Entre em contato pelo WhatsApp e agende seu treino grátis hoje mesmo."
      buttonText="Falar pelo WhatsApp"
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Apple Fitness"
      copyrightText="© 2025 Academia Apple Fitness - Florianópolis"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
