Update src/app/page.tsx

This commit is contained in:
2026-04-17 11:22:49 +00:00
parent 02e9080a1d
commit 5005da54f4

View File

@@ -2,16 +2,14 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Smile, CheckCircle, Shield, Info, Users, Award } from "lucide-react";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import { Smile, CheckCircle, Shield, Info, Users, Award } from "lucide-react";
export default function SorrisoSaudePage() {
return (
@@ -23,66 +21,51 @@ export default function SorrisoSaudePage() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Sorriso & Saúde"
navItems={[
{ name: "Sobre", id: "about" },
{ name: "Serviços", id: "services" },
{ name: "Localização", id: "location" },
{ name: "Contato", id: "contact" },
]}
button={{ text: "Agendar", href: "#contact" }}
/>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Sorriso & Saúde"
navItems={[
{ name: "Sobre", id: "about" },
{ name: "Serviços", id: "services" },
{ name: "Contato", id: "contact" },
]}
button={{ text: "Agendar", href: "#contact" }}
/>
</div>
<div id="hero">
<HeroSplitDoubleCarousel
<HeroBillboardGallery
title="SORRISO & SAÚDE"
description="Odontologia moderna para um sorriso saudável e confiante. Na Sorriso & Saúde, acreditamos que um sorriso bem cuidado transforma autoestima, bem-estar e qualidade de vida."
tag="Excelência em Odontologia"
tagIcon={Smile}
tagAnimation="slide-up"
description="Odontologia moderna para um sorriso saudável e confiante."
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Agendar consulta", href: "#contact" },
{ text: "Falar no WhatsApp", href: "https://wa.me/5563993034347" },
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bedroom-interior_74190-5802.jpg", imageAlt: "Ambiente clínico" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", imageAlt: "Paciente" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg", imageAlt: "Consultório" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bedroom-interior_74190-5802.jpg", imageAlt: "Ambiente clínico aconchegante" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", imageAlt: "Paciente feliz" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg", imageAlt: "Consultório moderno" },
{ imageSrc: "http://img.b2bpic.net/free-photo/team-specialists-doing-surgical-procedure-man-with-toothache-using-dental-tools-instrument-stomatology-operation-dentist-nurse-extracting-teeth-oral-care-clinic_482257-35271.jpg", imageAlt: "Atendimento especializado" },
]}
carouselItemClassName="!aspect-[4/5]"
mediaAnimation="slide-up"
/>
</div>
<div id="about">
<FeatureBento
<FeatureCardSeven
title="Nosso compromisso"
description="A Clínica Odontológica Sorriso e Saúde foi criada para oferecer atendimento odontológico de qualidade com foco em cuidado humano e resultados duradouros."
description="Atendimento de qualidade com foco em cuidado humano."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Atendimento atencioso", description: "Receba um acompanhamento personalizado em cada etapa.", icon: Users,
title: "Atendimento atencioso", description: "Acompanhamento personalizado.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-with-female-assistant-standing-dentist-office_613910-21262.jpg", imageAlt: "Equipe"
},
{
title: "Ambiente confortável", description: "Espaço preparado para garantir total segurança e tranquilidade.", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-masks-waiting-doctor-dental-clinic-reception-while-stomatologist-working-background-wearing-ppe-suit-concept-new-normal-dentist-visit-coronavirus-outbreak_482257-3546.jpg", imageAlt: "Sala de espera" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-399.jpg", imageAlt: "Equipamentos" },
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-with-female-assistant-standing-dentist-office_613910-21262.jpg", imageAlt: "Equipe" },
],
title: "Ambiente confortável", description: "Total segurança e tranquilidade.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-399.jpg", imageAlt: "Equipamentos"
},
{
title: "Qualidade comprovada", description: "Procedimentos seguros com explicações claras.", icon: CheckCircle,
title: "Qualidade comprovada", description: "Procedimentos seguros.", imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-masks-waiting-doctor-dental-clinic-reception-while-stomatologist-working-background-wearing-ppe-suit-concept-new-normal-dentist-visit-coronavirus-outbreak_482257-3546.jpg", imageAlt: "Recepção"
}
]}
/>
@@ -90,86 +73,30 @@ export default function SorrisoSaudePage() {
<div id="services">
<FeatureCardTwentySix
title="Nossos tratamentos"
description="Soluções completas para a saúde e estética do seu sorriso."
description="Soluções para o seu sorriso."
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Odontologia Preventiva", description: "Limpeza, profilaxia e avaliação completa.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2955.jpg", buttonIcon: Award,
},
{
title: "Tratamentos Restauradores", description: "Restaurações e tratamento de cáries.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67154.jpg", buttonIcon: Shield,
},
{
title: "Estética do Sorriso", description: "Clareamento dental e ajustes estéticos.", imageSrc: "http://img.b2bpic.net/free-photo/girl-lying-chair-while-dentist-keeping-ultraviolet-tool_651396-1395.jpg", buttonIcon: Smile,
},
{
title: "Avaliação Inicial", description: "Planejamento do seu plano de tratamento.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-dentist-s-office_23-2148985783.jpg", buttonIcon: Info,
},
{ title: "Preventiva", description: "Limpeza.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2955.jpg", buttonIcon: Award },
{ title: "Restauradora", description: "Restaurações.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67154.jpg", buttonIcon: Shield },
{ title: "Estética", description: "Clareamento.", imageSrc: "http://img.b2bpic.net/free-photo/girl-lying-chair-while-dentist-keeping-ultraviolet-tool_651396-1395.jpg", buttonIcon: Smile },
]}
/>
</div>
<div id="testimonials">
<TestimonialCardFifteen
testimonial="Bom, excelente atendimento."
rating={5}
author="— Paciente Sorriso & Saúde"
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg", alt: "Paciente" }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="location">
<FeatureCardSixteen
title="Por que escolher a Sorriso & Saúde?"
description="Nossa clínica é focada na sua experiência."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [
"Atendimento apressado e impessoal", "Ambientes desorganizados", "Dúvidas sem respostas", "Falta de clareza nos procedimentos"],
}}
positiveCard={{
items: [
"Atendimento acolhedor e personalizado", "Estrutura preparada e moderna", "Explicações claras e transparentes", "Foco total na segurança e conforto"],
}}
/>
</div>
<div id="contact">
<ContactCTA
tag="Agende sua consulta"
title="Seu sorriso merece cuidado profissional"
description="📍 Esperantina Tocantins | 📞 (63) 99303-4347"
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Agendar consulta", href: "#contact" },
{ text: "Falar no WhatsApp", href: "https://wa.me/5563993034347" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
tag="Contato"
title="Agende sua consulta"
description="Estamos prontos para lhe atender."
buttons={[{ text: "WhatsApp", href: "https://wa.me/5563993034347" }]}
useInvertedBackground={false}
/>
</div>
<FooterBase
<FooterBaseCard
logoText="Sorriso & Saúde"
copyrightText="© 2025 Sorriso & Saúde"
columns={[
{
title: "Clínica", items: [
{ label: "Sobre", href: "#about" },
{ label: "Serviços", href: "#services" },
],
},
{
title: "Contato", items: [
{ label: "WhatsApp", href: "https://wa.me/5563993034347" },
{ label: "Localização", href: "#" },
],
},
]}
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}