"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Clínica Veterinária Maskotes"
          logoSrc="http://img.b2bpic.net/free-photo/concept-treatment-heart-disease-with-drugs-prescribed-by-doctor_185193-162192.jpg"
          logoAlt="Clínica Veterinária Maskotes Logo"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Sobre Nós", id: "about" },
            { name: "Nossos Serviços", id: "services" },
            { name: "Nossa Equipe", id: "team" },
            { name: "Depoimentos", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contato", id: "contact" }
          ]}
        />
      </div>
      <div id="home" data-section="home" className="mx-auto px-4 md:px-6">
        <HeroBillboardGallery
          title="Clínica Veterinária Maskotes: Cuidado, Carinho e Saúde para o seu Pet."
          description="Na Clínica Veterinária Maskotes, seu animal de estimação recebe atendimento premium com uma equipe apaixonada e experiente. Conheça nossos serviços e proporcione o melhor para quem você ama."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Agende uma Consulta", href: "#contact" },
            { text: "Nossos Serviços", href: "#services" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143857.jpg", imageAlt: "Happy golden retriever with a veterinarian" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cat-examination-with-magnifying-glass_329181-10403.jpg", imageAlt: "Calm cat being examined by a vet" },
            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-puppy_23-2149304303.jpg", imageAlt: "Veterinary assistant holding a puppy" },
            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctors-chatting-clinic_23-2149304274.jpg", imageAlt: "Modern veterinary clinic interior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg", imageAlt: "Veterinarian consulting with a pet owner" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <TextAbout
          tag="Sobre Nós"
          title="Sua Clínica Veterinária de Confiança em Balneário Camboriú"
          body="Desde 2005, a Clínica Veterinária Maskotes é sinônimo de excelência e dedicação no cuidado animal. Localizada na Rua Portugal, 335, no bairro Nações, oferecemos um ambiente acolhedor e equipamentos de ponta para garantir a saúde e o bem-estar do seu pet. Nossa missão é proporcionar um atendimento humanizado e completo, do check-up de rotina a emergências complexas, com todo o carinho que seu melhor amigo merece."
          useInvertedBackground={false}
        />
      </div>
      <div id="services" data-section="services" className="mx-auto px-4 md:px-6">
        <FeatureCardTwentyEight
          tag="Nossos Serviços"
          title="Cuidado Completo para a Vida do seu Pet"
          description="Oferecemos uma vasta gama de serviços veterinários, desde consultas de rotina até procedimentos especializados, garantindo que seu pet tenha uma vida longa, saudável e feliz."
          features={[
            { id: "service-1", title: "Vacinação Completa", subtitle: "Proteção essencial para todas as fases da vida.", category: "Prevenção", value: "Saúde em Dia" },
            { id: "service-2", title: "Consultas e Check-ups", subtitle: "Atendimento personalizado para diagnóstico e acompanhamento.", category: "Rotina", value: "Bem-Estar" },
            { id: "service-3", title: "Cirurgias Especializadas", subtitle: "Procedimentos seguros com equipe e tecnologia de ponta.", category: "Emergência", value: "Recuperação" },
            { id: "service-4", title: "Internação e UTI", subtitle: "Cuidado intensivo e monitoramento 24h para casos delicados.", category: "Urgência", value: "Suporte Vital" },
            { id: "service-5", title: "Exames Laboratoriais e de Imagem", subtitle: "Diagnóstico preciso para tratamentos eficazes.", category: "Diagnóstico", value: "Precisão" },
            { id: "service-6", title: "Odontologia Veterinária", subtitle: "Saúde bucal para prevenir doenças e garantir qualidade de vida.", category: "Especialidade", value: "Hálito Fresco" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
        <MetricCardSeven
          tag="Nossos Resultados"
          title="Confiança e Excelência Comprovadas"
          description="Mais de 18 anos dedicados à saúde e felicidade dos seus pets. Conheça os números que refletem nosso compromisso e paixão pela medicina veterinária."
          metrics={[
            { id: "metric-1", value: "18+", title: "Anos de Experiência", items: ["Liderança no cuidado animal", "Equipe altamente qualificada"] },
            { id: "metric-2", value: "98%", title: "Clientes Satisfeitos", items: ["Atendimento de excelência", "Recomendação garantida"] },
            { id: "metric-3", value: "15.000+", title: "Animais Atendidos", items: ["Milhares de pets saudáveis", "Histórias de sucesso"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="team" data-section="team" className="mx-auto px-4 md:px-6">
        <TeamCardTen
          tag="Nossa Equipe"
          title="Vets Dedicados e Apaixonados pelo que Fazem"
          members={[
            { id: "member-1", name: "Dra. Ana Paula", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-smiling-blue-uniform-looking-blissful-space-text_176474-19562.jpg", imageAlt: "Dra. Ana Paula, Veterinária Chefe" },
            { id: "member-2", name: "Dr. Carlos Eduardo", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-posing-with-christmas-stocking-gray-background_114579-55253.jpg", imageAlt: "Dr. Carlos Eduardo, Cirurgião Veterinário" },
            { id: "member-3", name: "Dra. Juliana Mendes", imageSrc: "http://img.b2bpic.net/free-photo/vet-with-nurse-examining-german-shepherd_7502-9552.jpg", imageAlt: "Dra. Juliana Mendes, Clínica Geral" },
            { id: "member-4", name: "Dr. Fernando Costa", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-examining-cat-s-teeth-mouth-vet-clinic_613910-21630.jpg", imageAlt: "Dr. Fernando Costa, Especialista em Felinos" }
          ]}
          memberVariant="card"
          membersAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardTen
          tag="Depoimentos"
          title="Quem Ama Nossos Cuidados"
          description="Histórias reais de tutores e pets que encontraram na Maskotes um lar de carinho e profissionalismo."
          testimonials={[
            { id: "testimonial-1", title: "Atendimento Impecável!", quote: "A equipe da Clínica Maskotes é maravilhosa! Meu Golden Retriever, Thor, adora vir aqui. São sempre muito atenciosos e profissionais. Recomendo de olhos fechados!", name: "Laura S.", role: "Tutora do Thor", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-man-with-dog-rejoicing-celebrating-victory-happy-guy-carry-cute-black-pug-looking-upbeat-adopting-pet-standing-white-background_1258-75767.jpg", imageAlt: "Laura S. with her Golden Retriever, Thor" },
            { id: "testimonial-2", title: "Confiança Total na Equipe", quote: "Sempre que preciso, a Maskotes está lá. Já me ajudaram em emergências e no dia a dia. A Dra. Ana Paula é um anjo! Meu gato, Mingau, é muito bem cuidado.", name: "Marcelo F.", role: "Tutor do Mingau", imageSrc: "http://img.b2bpic.net/free-photo/view-adorable-chihuahua-dog-getting-some-treats-home_23-2149880004.jpg", imageAlt: "Marcelo F. with his cat, Mingau" },
            { id: "testimonial-3", title: "Profissionalismo e Carinho", quote: "A Clínica Veterinária Maskotes une o melhor de dois mundos: um profissionalismo exemplar com um carinho genuíno pelos animais. Nossos pets estão em ótimas mãos!", name: "Família Oliveira", role: "Clientes Fiéis", imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-dog_23-2148518235.jpg", imageAlt: "Family Oliveira with their pet" },
            { id: "testimonial-4", title: "Melhor Clínica da Região", quote: "Não troco a Maskotes por nada! Desde o primeiro atendimento, senti a diferença no cuidado e na atenção com a minha cachorrinha, Mel. São super capacitados e amam o que fazem.", name: "Fernanda L.", role: "Tutora da Mel", imageSrc: "http://img.b2bpic.net/free-photo/girl-dog-being-happy-play_23-2148797420.jpg", imageAlt: "Fernanda L. with her dog, Mel" },
            { id: "testimonial-5", title: "Cuidado Humanizado", quote: "Impressionada com a forma como tratam os animais e os tutores. O cuidado é realmente humanizado e a explicação de cada procedimento é clara e objetiva. Gratidão por tudo!", name: "Rodrigo P.", role: "Tutor do Billy", imageSrc: "http://img.b2bpic.net/free-photo/modern-lady-with-blonde-short-hair-white-shirt-hugging-dog-sitting-with-man-eyeglasses-white-clothes-outdoor_197531-19111.jpg", imageAlt: "Rodrigo P. with his dog, Billy" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqDouble
          tag="Dúvidas Frequentes"
          title="Respostas Rápidas para Suas Perguntas"
          description="Tire suas principais dúvidas sobre nossos serviços, agendamentos e como funciona a Clínica Veterinária Maskotes."
          faqs={[
            { id: "faq-1", title: "Quais são os horários de atendimento da clínica?", content: "Nosso horário de atendimento é de segunda a sexta-feira, das 8h às 18h, e aos sábados, das 9h às 13h. Para emergências, temos um telefone de plantão disponível 24h." },
            { id: "faq-2", title: "Como faço para agendar uma consulta?", content: "Você pode agendar uma consulta ligando para (47) 3363-9381 durante o horário comercial, ou através do nosso WhatsApp no mesmo número." },
            { id: "faq-3", title: "Vocês atendem emergências 24 horas?", content: "Sim, oferecemos suporte para emergências 24 horas. Para casos urgentes, por favor, ligue para nosso número de emergência: (47) 8424-5440." },
            { id: "faq-4", title: "Quais formas de pagamento são aceitas?", content: "Aceitamos diversas formas de pagamento, incluindo dinheiro, cartões de débito e crédito (principais bandeiras), e PIX. Consulte nossa recepção para mais detalhes." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactCenter
          tag="Fale Conosco"
          title="Visite-nos ou Entre em Contato"
          description="Estamos localizados na Rua Portugal, 335 - Nações, Balneário Camboriú - SC. Fone: (47) 3363-9381. Para emergências, ligue para (47) 8424-5440. Envie-nos uma mensagem ou visite-nos!"
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Seu email aqui"
          buttonText="Enviar Mensagem"
          termsText="Ao enviar uma mensagem, você concorda com nossos termos de uso e política de privacidade."
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <FooterLogoReveal
          logoText="Clínica Veterinária Maskotes"
          leftLink={{ text: "Termos de Serviço", href: "#" }}
          rightLink={{ text: "Política de Privacidade", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
