"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import {
  Heart,
  Shield,
  Zap,
  Users,
  CheckCircle,
  Activity,
  Smile,
  TrendingUp,
  Clock,
  Award,
  HelpCircle,
  Phone,
  Sparkles,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Sobre", id: "about" },
    { name: "Serviços", id: "services" },
    { name: "Pacotes", id: "pricing" },
    { name: "Contato", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Instituto",
      items: [
        { label: "Sobre o ITI", href: "/sobre" },
        { label: "Serviços", href: "/sobre" },
        { label: "Pacotes", href: "/" },
        { label: "Contato", href: "/" },
      ],
    },
    {
      title: "Informações",
      items: [
        { label: "Horário: Seg-Sex 8h-18h", href: "#" },
        { label: "WhatsApp: (11) 9XXXX-XXXX", href: "https://wa.me/551199999999" },
        { label: "Telefone: (11) 3XXX-XXXX", href: "tel:+551133333333" },
        { label: "Email: contato@iti.com.br", href: "mailto:contato@iti.com.br" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Política de Privacidade", href: "#" },
        { label: "Termos de Serviço", href: "#" },
        { label: "Cookies", href: "#" },
        { label: "Conformidade LGPD", href: "#" },
      ],
    },
    {
      title: "Redes Sociais",
      items: [
        { label: "Instagram", href: "https://instagram.com" },
        { label: "Facebook", href: "https://facebook.com" },
        { label: "LinkedIn", href: "https://linkedin.com" },
        { label: "YouTube", href: "https://youtube.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ITI - Instituto de Terapia Infusional"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
        <HeroLogoBillboardSplit
          logoText="ITI"
          description="Cuidado que flui com segurança e precisão. Terapias infusionais inovadoras para sua saúde com excelência clínica e acolhimento humanizado."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Agendar Consulta", href: "#contact" },
            { text: "Saiba Mais", href: "/sobre" },
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/male-patient-bed-talking-nurse_23-2148981200.jpg"
          imageAlt="Terapia infusional profissional"
          mediaAnimation="blur-reveal"
          frameStyle="card"
          ariaLabel="Hero section - Instituto de Terapia Infusional"
        />
      </div>

      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <SplitAbout
          title="Instituto de Terapia Infusional"
          description="O ITI é referência em terapias infusionais e tratamentos intravenosos clínicos. Combinamos tecnologia de ponta, protocolo científico rigoroso e atendimento humanizado para oferecer o melhor cuidado ao paciente."
          tag="Nossa Missão"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[{ text: "Conheça Nossa História", href: "/sobre" }]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Segurança Garantida",
              description:
                "Protocolos clínicos rigorosos e certificação internacional em todas as terapias infusionais.",
              icon: Shield,
            },
            {
              title: "Tecnologia Avançada",
              description:
                "Equipamentos de última geração para precisão, conforto e monitoramento contínuo do paciente.",
              icon: Zap,
            },
            {
              title: "Atendimento Humanizado",
              description:
                "Equipe multidisciplinar dedicada ao bem-estar físico e emocional do paciente.",
              icon: Users,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/troubled-medic-working-with-monitor-healthcare-papers-consultation-examination-doctor-using-computer-medical-information-analysis-overtime-health-practitioner_482257-30365.jpg"
          imageAlt="Instalação moderna do Instituto de Terapia Infusional"
          mediaAnimation="opacity"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="About section - ITI"
        />
      </div>

      <div id="services" data-section="services" className="mx-auto px-4 md:px-6">
        <FeatureHoverPattern
          title="Vantagens dos Dispositivos Infusionais"
          description="Tecnologia inovadora que oferece segurança, eficácia e conforto ao paciente em cada tratamento."
          tag="Benefícios Clínicos"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Agendar Avaliação", href: "#contact" }]}
          buttonAnimation="slide-up"
          features={[
            {
              icon: Activity,
              title: "Segurança Máxima",
              description:
                "Sistemas de infusão com controle automático de fluxo, reduzindo riscos de complicações e garantindo precisão na administração de medicamentos.",
              button: { text: "Saiba Mais" },
            },
            {
              icon: Smile,
              title: "Conforto do Paciente",
              description:
                "Acesso vascular seguro e discreto com mínimo incômodo, permitindo maior liberdade de movimento durante o tratamento.",
              button: { text: "Saiba Mais" },
            },
            {
              icon: TrendingUp,
              title: "Menor Risco de Complicações",
              description:
                "Redução significativa de flebite, extravasamento e infecções associadas ao acesso vascular.",
              button: { text: "Saiba Mais" },
            },
            {
              icon: Clock,
              title: "Eficiência Clínica",
              description:
                "Infusões precisas e controladas, reduzindo tempo de tratamento e possibilitando melhor monitoramento do paciente.",
              button: { text: "Saiba Mais" },
            },
            {
              icon: Award,
              title: "Qualidade Certificada",
              description:
                "Equipamentos e materiais certificados internacionalmente, seguindo os mais rigorosos padrões de qualidade e segurança.",
              button: { text: "Saiba Mais" },
            },
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Features section - Infusional devices benefits"
        />
      </div>

      <div id="team" data-section="team" className="mx-auto px-4 md:px-6">
        <TeamCardTwo
          title="Quem Sou Eu"
          description="Conheça o profissional que lidera o Instituto de Terapia Infusional com excelência, dedicação e paixão pelo cuidado humanizado."
          tag="Expertise e Dedicação"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Agendar Consulta", href: "#contact" }]}
          buttonAnimation="slide-up"
          members={[
            {
              id: "founder-1",
              name: "Dr. [Nome do Fundador]",
              role: "Fundador e Diretor Médico",
              description:
                "Médico especialista em terapias infusionais com mais de 15 anos de experiência clínica. Formação em instituições de excelência e participação em programas de pesquisa científica internacionais. Dedicado ao desenvolvimento de protocolos inovadores e à humanização do atendimento em saúde.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/team-doctors-looking-digital-tablet_107420-84759.jpg",
              imageAlt: "Fundador - Dr. [Nome]",
              socialLinks: [],
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Team section - Founder presentation"
        />
      </div>

      <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
        <PricingCardEight
          title="Pacotes e Planos de Terapia"
          description="Escolha o plano ideal para suas necessidades de saúde. Todos incluem atendimento humanizado, monitoramento clínico e suporte especializado."
          tag="Investimento em Saúde"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[{ text: "Consultar Disponibilidade", href: "#contact" }]}
          buttonAnimation="slide-up"
          plans={[
            {
              id: "consulta",
              badge: "Inicial",
              badgeIcon: Sparkles,
              price: "Sob Consulta",
              subtitle: "Avaliação clínica completa",
              features: [
                "Consulta com especialista",
                "Avaliação de elegibilidade para terapia",
                "Plano de tratamento personalizado",
                "Orientações iniciais",
              ],
              buttons: [{ text: "Agendar Consulta", href: "#contact" }],
            },
            {
              id: "basico",
              badge: "Essencial",
              badgeIcon: Sparkles,
              price: "A partir de R$ 800",
              subtitle: "Terapia infusional padrão",
              features: [
                "Sessão de infusão completa",
                "Monitoramento durante o procedimento",
                "Material médico de qualidade",
                "Acompanhamento pós-tratamento",
                "Acesso a suporte telefônico",
              ],
              buttons: [{ text: "Contratar", href: "#contact" }],
            },
            {
              id: "premium",
              badge: "Premium",
              badgeIcon: Sparkles,
              price: "A partir de R$ 1.500",
              subtitle: "Terapia avançada com suporte total",
              features: [
                "Sessões de infusão customizadas",
                "Monitoramento contínuo",
                "Equipe dedicada",
                "Programa de bem-estar",
                "Suporte prioritário 24/7",
                "Avaliações periódicas incluídas",
              ],
              buttons: [{ text: "Contratar", href: "#contact" }],
            },
            {
              id: "corporativo",
              badge: "Corporativo",
              badgeIcon: Sparkles,
              price: "Sob Orçamento",
              subtitle: "Programa para empresas",
              features: [
                "Múltiplos colaboradores",
                "Atendimento na empresa ou centro",
                "Planos customizados",
                "Relatórios de saúde",
                "Gestor de contas dedicado",
              ],
              buttons: [{ text: "Solicitar Orçamento", href: "#contact" }],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Pricing section - Service packages"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardOne
          title="O Que Nossos Pacientes Dizem"
          description="Histórias reais de pacientes que confiaram no Instituto de Terapia Infusional e experimentaram o diferencial do nosso atendimento."
          tag="Depoimentos Verificados"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Compartilhe Sua Experiência", href: "#contact" }]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Marina Silva",
              role: "Paciente",
              company: "São Paulo",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/side-view-smiley-nurse-patient_23-2149741230.jpg",
              imageAlt: "Marina Silva",
            },
            {
              id: "testimonial-2",
              name: "Carlos Mendes",
              role: "Paciente",
              company: "Rio de Janeiro",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/female-nurse-patients-reviewing-diagnostic-results-medical-office_482257-122801.jpg",
              imageAlt: "Carlos Mendes",
            },
            {
              id: "testimonial-3",
              name: "Ana Costa",
              role: "Paciente",
              company: "Belo Horizonte",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/side-view-smiley-nurse-talking-patient_23-2149741240.jpg",
              imageAlt: "Ana Costa",
            },
            {
              id: "testimonial-4",
              name: "Roberto Ferreira",
              role: "Paciente",
              company: "Curitiba",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/smiley-nurses-talking_23-2148501138.jpg",
              imageAlt: "Roberto Ferreira",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqDouble
          title="Dúvidas Frequentes"
          description="Encontre respostas às perguntas mais comuns sobre terapias infusionais, procedimentos e como agendar seu atendimento."
          tag="Perguntas & Respostas"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Fale Conosco", href: "#contact" }]}
          buttonAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",
              title: "O que é terapia infusional?",
              content:
                "Terapia infusional é a administração de medicamentos, nutrientes ou fluidos diretamente na circulação sanguínea através de acesso vascular. É um procedimento seguro, preciso e eficaz usado em diversos contextos clínicos.",
            },
            {
              id: "faq-2",
              title: "Quem pode se beneficiar de terapias infusionais?",
              content:
                "Pacientes com diversas condições clínicas podem se beneficiar, incluindo aqueles em recuperação pós-cirúrgica, com deficiências nutricionais, em tratamentos oncológicos, ou que necessitam de hidratação e medicação intensiva.",
            },
            {
              id: "faq-3",
              title: "Qual é o tempo de duração de uma sessão?",
              content:
                "O tempo varia conforme o tipo de terapia e as necessidades do paciente. Geralmente, sessões variam de 30 minutos a 2 horas. Durante a consulta inicial, nossos especialistas fornecerão uma estimativa precisa.",
            },
            {
              id: "faq-4",
              title: "Como funciona o agendamento?",
              content:
                "Você pode entrar em contato através do nosso formulário de contato, WhatsApp ou telefone. Nossa equipe realizará uma avaliação inicial e agendará a data mais adequada para seu tratamento.",
            },
            {
              id: "faq-5",
              title: "Há contraindicações para terapia infusional?",
              content:
                "Como todo procedimento médico, existem algumas contraindicações relativas. Durante a consulta, nossos especialistas avaliarão seu histórico médico completo para determinar se a terapia é adequada para você.",
            },
            {
              id: "faq-6",
              title: "Quais são os cuidados pós-procedimento?",
              content:
                "Fornecemos orientações completas pós-procedimento, incluindo repouso recomendado, sinais de alerta a observar e como manter o local de acesso limpo e seguro. Nossa equipe está sempre disponível para dúvidas.",
            },
          ]}
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactSplit
          tag="Fale Conosco"
          title="Agende Sua Consulta"
          description="Estamos prontos para ajudá-lo a dar o próximo passo em direção ao cuidado que você merece. Entre em contato conosco através do formulário, WhatsApp ou telefone."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/medical-professionals-analyzing-anatomy-x-ray-scans-find-best-treatment_482257-123066.jpg"
          imageAlt="Equipe médica do ITI"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="seu@email.com"
          buttonText="Enviar"
          termsText="Ao enviar este formulário, você concorda com nossa política de privacidade e termos de serviço."
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-vector/blue-medical-background-with-text-space_1017-19374.jpg"
          imageAlt="Background footer ITI"
          columns={footerColumns}
          logoText="ITI - Instituto de Terapia Infusional"
          copyrightText="© 2025 ITI - Instituto de Terapia Infusional. Todos os direitos reservados."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}