Files
a06634df-c202-4e31-9605-142…/src/app/page.tsx
2026-06-08 17:08:53 +00:00

367 lines
23 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Facebook, Instagram, Brush, Sparkles, Palette, Replace, Scalpel, HeartPulse } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "home"},
{
name: "Sobre", id: "about"},
{
name: "Serviços", id: "services"},
{
name: "Diferenciais", id: "diferenciais"},
{
name: "Transformações", id: "before-after"},
{
name: "Avaliações", id: "testimonials"},
{
name: "Ambiente", id: "ambiente"},
{
name: "Contato", id: "contact"},
{
name: "FAQ", id: "faq"}
]}
logoSrc="http://img.b2bpic.net/free-vector/dental-logo-business-card-branding-template-designs-inspiration-isolated-white-background_384344-1514.jpg"
logoAlt="Charles Dener Odontologia Logo"
brandName="Charles Dener Odontologia"
button={{
text: "Agendar Consulta", href: "https://wa.me/5535984544167"
}}
animateOnLoad={true}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "plain"
}}
title="Seu sorriso merece o melhor cuidado."
description="Atendimento odontológico completo com tecnologia, experiência e foco na saúde e estética do seu sorriso."
buttons={[
{
text: "Agendar Consulta", href: "https://wa.me/5535984544167"
},
{
text: "Falar no WhatsApp", href: "https://wa.me/5535984544167"
}
]}
carouselItems={[
{
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-dentist-cabinet-medical-chair-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12482.jpg", imageAlt: "Consultório odontológico moderno e limpo"
},
{
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleased-smiling-woman-dentist-s-clinic_329181-20765.jpg", imageAlt: "Paciente sorrindo após tratamento odontológico"
},
{
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg", imageAlt: "Dentista examinando paciente com equipamentos modernos"
},
{
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "Área de recepção elegante da clínica"
},
{
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg", imageAlt: "Dentista conversando com paciente em consulta"
},
{
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentition-chart-monitor-screen_23-2147906071.jpg", imageAlt: "Tecnologia odontológica avançada"
}
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={true}
title="Conheça o Dr. Charles Dener"
description="A Charles Dener Odontologia oferece atendimento personalizado e tratamentos odontológicos completos para toda a família. Nosso compromisso é proporcionar saúde bucal, bem-estar e autoestima através de um atendimento humanizado, ambiente acolhedor e técnicas modernas."
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg"
imageAlt="Dr. Charles Dener"
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Experiência e Qualificação", description: "Dr. Charles Dener possui vasta experiência e constante atualização nas mais recentes técnicas odontológicas para oferecer o melhor tratamento."
},
{
title: "Tecnologia Avançada", description: "Utilizamos equipamentos de última geração para diagnósticos precisos e tratamentos mais confortáveis e eficazes."
},
{
title: "Cuidado Personalizado", description: "Cada paciente é único. Oferecemos planos de tratamento individualizados, focados nas suas necessidades e expectativas."
}
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Limpeza Dental", description: "Prevenção e manutenção da saúde bucal para um sorriso mais saudável.", buttonIcon: Brush,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-vector/dental-logo_384344-1797.jpg", imageAlt: "dental logo"
},
{
title: "Restaurações", description: "Recuperação estética e funcional dos dentes afetados por cáries ou fraturas.", buttonIcon: Sparkles,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-vector/dental-logo-business-card-branding-template-designs-inspiration-isolated-white-background_384344-1514.jpg", imageAlt: "dental logo"
},
{
title: "Clareamento Dental", description: "Sorriso mais branco e harmonioso através de técnicas seguras e eficazes.", buttonIcon: Palette,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-dentist-cabinet-medical-chair-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12482.jpg", imageAlt: "dental logo"
},
{
title: "Próteses Totais e Parciais", description: "Reabilitação completa do sorriso com próteses personalizadas e confortáveis.", buttonIcon: Replace,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleased-smiling-woman-dentist-s-clinic_329181-20765.jpg", imageAlt: "dental logo"
},
{
title: "Cirurgias Odontológicas", description: "Procedimentos realizados com segurança, conforto e precisão para sua saúde bucal.", buttonIcon: Scalpel,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg", imageAlt: "dental logo"
},
{
title: "Tratamento Endodôntico", description: "Tratamento de canal com técnicas modernas e minimamente invasivas para preservar seu dente.", buttonIcon: HeartPulse,
buttonHref: "https://wa.me/5535984544167", imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "dental logo"
}
]}
title="Nossos Serviços Odontológicos"
description="Oferecemos uma gama completa de tratamentos para garantir a saúde e a beleza do seu sorriso."
/>
</div>
<div id="diferenciais" data-section="diferenciais">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "dif-1", value: "✅", title: "Atendimento Humanizado", items: [
"Cuidado e atenção individualizada a cada paciente."
]
},
{
id: "dif-2", value: "✅", title: "Ambiente Acolhedor", items: [
"Conforto e bem-estar em cada visita à clínica."
]
},
{
id: "dif-3", value: "✅", title: "Equipamentos Modernos", items: [
"Tecnologia de ponta para tratamentos mais eficazes."
]
},
{
id: "dif-4", value: "✅", title: "Foco em Estética e Saúde", items: [
"Resultados que harmonizam beleza e funcionalidade."
]
},
{
id: "dif-5", value: "✅", title: "Atendimento Personalizado", items: [
"Soluções sob medida para suas necessidades específicas."
]
},
{
id: "dif-6", value: "✅", title: "Excelência Reconhecida", items: [
"Qualidade de serviço atestada pela satisfação dos pacientes."
]
}
]}
title="Nossos Diferenciais"
description="Escolha a Charles Dener Odontologia e experimente um novo padrão de cuidado odontológico com excelência e atenção que você merece."
/>
</div>
<div id="before-after" data-section="before-after">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "case-1", name: "Clareamento Avançado", price: "Sorriso Renovado", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg", imageAlt: "Antes e depois de clareamento dental"
},
{
id: "case-2", name: "Aparelho Ortodôntico", price: "Alinhamento Perfeito", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1711.jpg", imageAlt: "Antes e depois de tratamento ortodôntico"
},
{
id: "case-3", name: "Implantes Dentários", price: "Função e Estética", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-consulting-patient-with-caries-problem-dentistry-office-using-dental-tools-instrument-medic-assistant-preparing-surgery-procedure-with-drill-intrument_482257-37312.jpg", imageAlt: "Antes e depois de implantes dentários"
},
{
id: "case-4", name: "Lentes de Contato Dental", price: "Beleza e Harmonia", imageSrc: "http://img.b2bpic.net/free-photo/closeup-childs-mouth-dental-treatment-dentistry-dental-treatment_169016-67456.jpg", imageAlt: "Antes e depois de lentes de contato dental"
},
{
id: "case-5", name: "Recontorno Gengival", price: "Harmonia do Sorriso", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-making-make-up-near-mirror-home_1301-7649.jpg", imageAlt: "Antes e depois de recontorno gengival"
},
{
id: "case-6", name: "Reabilitação Oral Completa", price: "Sorriso Transformado", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67022.jpg", imageAlt: "Antes e depois de reabilitação oral completa"
}
]}
title="Transformações que devolvem autoestima"
description="Veja alguns dos resultados impressionantes que nossos pacientes conquistaram com a Charles Dener Odontologia, reconquistando sorrisos e confiança."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t-1", name: "Maria Silva", handle: "", testimonial: "Excelente profissional, entrega resultados impressionantes e um atendimento de primeira. Recomendo a todos!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg", imageAlt: "Foto de Maria Silva"
},
{
id: "t-2", name: "João Pereira", handle: "", testimonial: "O ambiente é muito acolhedor e a equipe é extremamente atenciosa. Eu amei o resultado do meu tratamento, superou as expectativas.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Foto de João Pereira"
},
{
id: "t-3", name: "Ana Paula", handle: "", testimonial: "Excelente atendimento, profissional nota 1000, serviço de ótima qualidade. Sempre saio satisfeita e com um sorriso lindo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1403.jpg", imageAlt: "Foto de Ana Paula"
},
{
id: "t-4", name: "Carlos Eduardo", handle: "", testimonial: "A clínica Charles Dener Odontologia é referência em Baependi. Modernidade e cuidado em cada detalhe. Confio plenamente!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-retired-man_23-2147562098.jpg", imageAlt: "Foto de Carlos Eduardo"
},
{
id: "t-5", name: "Patrícia Alves", handle: "", testimonial: "Trouxe meus filhos e eles amaram! O Dr. Charles tem um jeito incrível com crianças. Um ambiente familiar e profissional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-girl-is-talking-phone_169016-65646.jpg", imageAlt: "Foto de Patrícia Alves"
}
]}
showRating={true}
title="O que nossos pacientes dizem"
description="Com mais de 24 avaliações positivas e nota 5,0 no Google, a satisfação dos nossos pacientes é a nossa maior recompensa e inspiração."
/>
</div>
<div id="ambiente" data-section="ambiente">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Um ambiente pensado para o seu conforto"
description="Conheça a nossa clínica, projetada para oferecer uma experiência acolhedora e tranquila a cada visita, unindo modernidade e bem-estar."
blogs={[
{
id: "env-1", category: "Clínica", title: "Consultório Moderno", excerpt: "Equipamentos de última geração e um design pensado para o seu bem-estar durante o tratamento.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-wearing-uniform-mask-sitting-chair-his-workplace-dental-clinic_613910-17789.jpg", imageAlt: "Consultório odontológico moderno e bem equipado", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
},
{
id: "env-2", category: "Clínica", title: "Recepção Acolhedora", excerpt: "Um espaço elegante e confortável para sua espera, com atendimento cordial desde o primeiro contato.", imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-lobby-with-empty-reception-counter-desk-give-help-support-patients-with-consultation-appointments-professional-treatment-space-with-checkup-visits-clinical-exam_482257-50526.jpg", imageAlt: "Recepção da clínica odontológica com design moderno", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
},
{
id: "env-3", category: "Clínica", title: "Espaço do Café", excerpt: "Desfrute de um café ou chá enquanto aguarda, em um ambiente exclusivo para seu relaxamento.", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", imageAlt: "Área de café para pacientes na clínica", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
},
{
id: "env-4", category: "Clínica", title: "Estrutura Confortável", excerpt: "Cada detalhe da clínica foi planejado para oferecer o máximo de conforto e conveniência a você.", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-accessories_23-2149871682.jpg", imageAlt: "Detalhe da estrutura confortável da clínica", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
},
{
id: "env-5", category: "Clínica", title: "Ambiente Limpo e Organizado", excerpt: "Priorizamos a higiene e a organização para garantir um tratamento seguro e uma experiência agradável.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-hand-pink-gloves-arranging-dental-tools-tray_23-2147906067.jpg", imageAlt: "Ambiente limpo e organizado de uma sala de tratamento", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
},
{
id: "env-6", category: "Clínica", title: "Tecnologia e Cuidado", excerpt: "Avanços tecnológicos aliados a um toque humano, para um sorriso mais saudável e bonito.", imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-food_23-2149500988.jpg", imageAlt: "Tecnologia e cuidado no ambiente da clínica", authorName: "Dr. Charles Dener", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", date: "Julho 20, 2024"
}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Vocês atendem crianças?", content: "Sim, a Charles Dener Odontologia oferece atendimento odontológico para toda a família, incluindo crianças. Nossos profissionais estão preparados para um cuidado humanizado e acolhedor, tornando a visita ao dentista uma experiência positiva para os pequenos."
},
{
id: "q2", title: "Como funciona o clareamento dental?", content: "Oferecemos diferentes métodos de clareamento dental, como o clareamento de consultório e o clareamento caseiro supervisionado. Ambos são seguros e eficazes para remover manchas e clarear os dentes, proporcionando um sorriso mais brilhante. O método ideal será discutido em sua consulta."
},
{
id: "q3", title: "O tratamento de canal dói?", content: "Com as técnicas modernas e anestesia eficaz utilizadas na Charles Dener Odontologia, o tratamento de canal é realizado com o máximo de conforto, minimizando qualquer desconforto. Nosso foco é garantir que sua experiência seja tranquila e indolor."
},
{
id: "q4", title: "Como faço para agendar uma consulta?", content: "Você pode agendar sua consulta facilmente clicando nos botões 'Agendar Consulta' ou 'Falar no WhatsApp' presentes em nosso site. Alternativamente, você pode ligar para (35) 98454-4167. Estamos prontos para te atender!"
},
{
id: "q5", title: "Quais formas de pagamento são aceitas?", content: "Aceitamos diversas formas de pagamento para facilitar seu acesso aos tratamentos. Durante sua consulta, nossa equipe poderá informar sobre as opções disponíveis e planos de parcelamento, garantindo flexibilidade para você."
}
]}
sideTitle="Perguntas Frequentes"
sideDescription="Encontre respostas para as suas dúvidas mais comuns sobre nossos tratamentos, agendamentos e formas de pagamento, de forma clara e objetiva."
faqsAnimation="slide-up"
textPosition="left"
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain"
}}
tag="Contato"
title="Visite-nos ou Agende sua Consulta"
description="Estamos em Baependi-MG para cuidar do seu sorriso. Ligue ou fale conosco pelo WhatsApp e agende seu horário.\n\n**Endereço:** Rua Antônio Nicoliello, nº 410, Sala 1, Baependi MG, CEP: 37443-000\n**Telefone:** (35) 98454-4167\n\nEstá na hora de cuidar do seu sorriso. Agende sua consulta e descubra como podemos ajudar você a conquistar mais saúde, confiança e qualidade de vida."
imageSrc="http://img.b2bpic.net/free-photo/cash-from-various-countries-global-economic-crisis-concept_181624-22935.jpg"
imageAlt="Mapa da Charles Dener Odontologia em Baependi-MG"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Seu nome e e-mail (opcional)"
buttonText="Agendar pelo WhatsApp"
termsText="Ao clicar em agendar, você concorda com nossos Termos e Condições."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoSrc="http://img.b2bpic.net/free-vector/dental-logo-business-card-branding-template-designs-inspiration-isolated-white-background_384344-1514.jpg"
logoAlt="Charles Dener Odontologia Logo"
logoText="Charles Dener Odontologia"
copyrightText="© 2024 Charles Dener Odontologia. Todos os direitos reservados."
socialLinks={[
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"
},
{
icon: Facebook,
href: "#", ariaLabel: "Facebook"
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}