"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Users, Zap, CheckCircle, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="blurBottom"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ImplanVita"
          navItems={[
            { name: "Sobre", id: "about" },
            { name: "Tratamentos", id: "treatments" },
            { name: "Avaliações", id: "testimonials" },
            { name: "Localização", id: "contact" }
          ]}
          button={{ text: "Ligar Agora", href: "tel:+553132748807" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Referência em Implantes Dentários e Prótese Fixa em Belo Horizonte"
          description="15+ anos transformando sorrisos com segurança, tecnologia e um atendimento acolhedor. Implantes, próteses fixas e reabilitação oral com excelência clínica."
          tag="Autoridade Local"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Quero Agendar Minha Avaliação", href: "#contact" },
            { text: "Falar pelo WhatsApp", href: "https://wa.me/5531997348807" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg",              imageAlt: "Clínica ImplanVita moderna"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dentistry-team-office_1303-9359.jpg",              imageAlt: "Equipe especializada ImplanVita"
            }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="5,0 ★ • 1.190 avaliações no Google"
          background={{ variant: "plain" }}
          className="py-12 md:py-20"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Confiado por Pacientes em Toda Minas Gerais"
          description="Mais de 1.190 pacientes satisfeitos e avaliações 5 estrelas no Google. Referência em implantodontia desde 2009."
          tag="Credibilidade"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Pacientes Satisfeitos",            "Implantes Realizados",            "Anos de Experiência",            "Tecnologia Premium",            "Equipe Certificada",            "Garantia de Qualidade",            "Atendimento 24h"
          ]}
          speed={40}
          showCard={true}
          className="py-8 md:py-12"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="ImplanVita: 15 Anos de Excelência em Implantodontia e Reabilitação Oral"
          useInvertedBackground={false}
          metrics={[
            { icon: Award, label: "Anos de Experiência", value: "15+" },
            { icon: Users, label: "Pacientes Transformados", value: "1.190+" },
            { icon: Zap, label: "Tecnologia Moderna", value: "Premium" },
            { icon: CheckCircle, label: "Taxa de Sucesso", value: "98%" }
          ]}
          metricsAnimation="slide-up"
          className="py-12 md:py-20"
        />
      </div>

      <div id="treatments" data-section="treatments">
        <FeatureCardMedia
          title="Nossos Tratamentos Especializados"
          description="Soluções completas em implantodontia com tecnologia avançada e atendimento personalizado."
          tag="Especialidades"
          features={[
            {
              id: "implants",              title: "Implantes Dentários",              description: "Restauração completa de dentes com implantes de última geração. Função e estética perfeitas.",              tag: "Principal",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg?_wi=1"
            },
            {
              id: "protocol",              title: "Prótese Protocolo / Fixa",              description: "Próteses fixas que restauram a mastigação completa com segurança e conforto. Solução definitiva.",              tag: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg?_wi=2"
            },
            {
              id: "rehabilitation",              title: "Reabilitação Oral Completa",              description: "Transformação completa do sorriso com análise precisa e planejamento personalizado.",              tag: "Completo",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg?_wi=3"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          className="py-12 md:py-20"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="O Que Nossos Pacientes Dizem"
          description="Histórias reais de pacientes que transformaram seus sorrisos na ImplanVita."
          testimonials={[
            {
              id: "1",              name: "Denize Avila",              role: "Paciente",              company: "Belo Horizonte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg?_wi=1"
            },
            {
              id: "2",              name: "Stillmacxwell",              role: "Paciente",              company: "Belo Horizonte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg?_wi=2"
            },
            {
              id: "3",              name: "Maria Silva",              role: "Paciente Satisfeita",              company: "Centro, BH",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg?_wi=1"
            },
            {
              id: "4",              name: "João Santos",              role: "Paciente",              company: "Belo Horizonte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg"
            },
            {
              id: "5",              name: "Ana Costa",              role: "Paciente Transformada",              company: "Savassi, BH",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-her-dad-dental-appointment_329181-17718.jpg"
            },
            {
              id: "6",              name: "Carlos Mendes",              role: "Paciente",              company: "Belo Horizonte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg?_wi=2"
            }
          ]}
          kpiItems={[
            { value: "1.190+", label: "Pacientes Atendidos" },
            { value: "5,0 ★", label: "Avaliação Google" },
            { value: "15+", label: "Anos de Confiança" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          className="py-12 md:py-20"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Pronto para Começar?"
          tagIcon={Smile}
          title="Agende Sua Avaliação Gratuita com Nossos Especialistas"
          description="Converse com um de nossos ortodontistas sobre seu caso. Análise completa, sem compromisso. Sua transformação começa aqui."
          buttons={[
            { text: "Ligar Agora: (31) 3274-8807", href: "tel:+553132748807" },
            { text: "Agendar Avaliação", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          className="py-12 md:py-20"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg"
          imageAlt="Clínica ImplanVita interior"
          logoText="ImplanVita"
          copyrightText="© 2025 ImplanVita. Todos os direitos reservados. Clínica Odontológica CNPJ: [Seu CNPJ]"
          columns={[
            {
              title: "Empresa",              items: [
                { label: "Sobre Nós", href: "#about" },
                { label: "Tratamentos", href: "#treatments" },
                { label: "Avaliações", href: "#testimonials" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contato",              items: [
                { label: "Telefone: (31) 3274-8807", href: "tel:+553132748807" },
                { label: "WhatsApp: (31) 99734-8807", href: "https://wa.me/5531997348807" },
                { label: "Endereço: Av. Álvares Cabral, 374 - Centro", href: "https://maps.google.com/?q=Av.+Álvares+Cabral,+374,+Belo+Horizonte" },
                { label: "Horário: Seg-Sex 8h-18h30", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidade", href: "#" },
                { label: "Termos de Uso", href: "#" },
                { label: "Aviso Legal", href: "#" },
                { label: "Contato Administrativo", href: "mailto:contato@implarvita.com.br" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
