Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 17:15:36 +00:00

View File

@@ -1,387 +1,130 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Building, CheckCircle, Heart, Instagram, Leaf, MessageCircle, ShieldCheck, Smile, Star, Target, Users } from "lucide-react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Heart, Star, Users, CheckCircle, Smile, Building, Leaf, Target, ShieldCheck, Instagram, MessageCircle } from 'lucide-react';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Serviços",
id: "services",
},
{
name: "Depoimentos",
id: "testimonials",
},
{
name: "Contato",
id: "cta",
},
]}
brandName="Dra. Cristiane"
button={{
text: "Agendar Agora",
href: "#cta",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "radial-gradient" }}
title="Cuidado especializado para a saúde íntima da mulher"
description="Fisioterapia pélvica e obstétrica com atendimento humanizado em Americana."
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg", alt: "Paciente 1" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", alt: "Paciente 2" }, { src: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg", alt: "Paciente 3" }, { src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg", alt: "Paciente 4" }, { src: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg", alt: "Paciente 5" }]}
avatarText="+500 pacientes atendidas"
buttons={[{ text: "Agendar consulta", href: "#cta" }, { text: "Falar no WhatsApp", href: "https://wa.me/5519999999999" }]}
marqueeItems={[{ type: "text", text: "Fisioterapia Pélvica" }, { type: "text", text: "Preparação para o Parto" }, { type: "text", text: "Recuperação Pós-Parto" }, { type: "text", text: "Saúde Íntima" }, { type: "text", text: "Bem-estar Feminino" }]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient",
}}
title="Cuidado especializado para a saúde íntima da mulher"
description="Fisioterapia pélvica e obstétrica com atendimento humanizado em Americana."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg",
alt: "Paciente 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
alt: "Paciente 2",
},
{
src: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
alt: "Paciente 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg",
alt: "Paciente 4",
},
{
src: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg",
alt: "Paciente 5",
},
]}
avatarText="+500 pacientes atendidas"
buttons={[
{
text: "Agendar consulta",
href: "#cta",
},
{
text: "Falar no WhatsApp",
href: "https://wa.me/5519999999999",
},
]}
marqueeItems={[
{
type: "text",
text: "Fisioterapia Pélvica",
},
{
type: "text",
text: "Preparação para o Parto",
},
{
type: "text",
text: "Recuperação Pós-Parto",
},
{
type: "text",
text: "Saúde Íntima",
},
{
type: "text",
text: "Bem-estar Feminino",
},
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Cuidado que vai além do tratamento"
metrics={[{ icon: Award, label: "Atendimento", value: "Humanizado" }, { icon: Heart, label: "Ambiente", value: "Acolhedor" }, { icon: Star, label: "Profissional", value: "Especialista" }, { icon: Users, label: "Experiência", value: "Exclusiva" }, { icon: CheckCircle, label: "Resultados", value: "Eficazes" }]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Cuidado que vai além do tratamento"
metrics={[
{
icon: Award,
label: "Atendimento",
value: "Humanizado",
},
{
icon: Heart,
label: "Ambiente",
value: "Acolhedor",
},
{
icon: Star,
label: "Profissional",
value: "Especialista",
},
{
icon: Users,
label: "Experiência",
value: "Exclusiva",
},
{
icon: CheckCircle,
label: "Resultados",
value: "Eficazes",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
title="Nossas Especialidades"
description="Tratamentos personalizados para as diferentes fases da vida da mulher."
textboxLayout="default"
useInvertedBackground={false}
features={[{ title: "Fisioterapia Pélvica", description: "Tratamento especializado para disfunções do assoalho pélvico.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-noninvasive-treatment-urinary-incontinence-clinic_637285-9473.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Fisioterapia para Gestantes", description: "Preparação física e emocional para um parto mais tranquilo.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Pós-parto", description: "Recuperação funcional e bem-estar físico no pós-gestação.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Saúde Íntima", description: "Cuidado integral para a melhora da qualidade de vida feminina.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Dores Pélvicas", description: "Abordagem terapêutica para alívio e controle da dor crônica.", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fisioterapia Pélvica",
description: "Tratamento especializado para disfunções do assoalho pélvico.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-noninvasive-treatment-urinary-incontinence-clinic_637285-9473.jpg",
imageAlt: "elegant medical clinic physiotherapy interior",
},
{
title: "Fisioterapia para Gestantes",
description: "Preparação física e emocional para um parto mais tranquilo.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1",
imageAlt: "elegant medical clinic physiotherapy interior",
},
{
title: "Pós-parto",
description: "Recuperação funcional e bem-estar físico no pós-gestação.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg",
imageAlt: "elegant medical clinic physiotherapy interior",
},
{
title: "Saúde Íntima",
description: "Cuidado integral para a melhora da qualidade de vida feminina.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
imageAlt: "elegant medical clinic physiotherapy interior",
},
{
title: "Dores Pélvicas",
description: "Abordagem terapêutica para alívio e controle da dor crônica.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
imageAlt: "elegant medical clinic physiotherapy interior",
},
]}
title="Nossas Especialidades"
description="Tratamentos personalizados para as diferentes fases da vida da mulher."
/>
</div>
<div id="differentials" data-section="differentials">
<MetricCardOne
title="Por que escolher a Dra. Cristiane?"
description="Diferenciais que garantem um cuidado excepcional e humano."
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[{ id: "1", value: "100%", title: "Atendimento", description: "Humanizado e exclusivo", icon: Smile }, { id: "2", value: "Alta", title: "Estrutura", description: "Consultório moderno e seguro", icon: Building }, { id: "3", value: "Foco", title: "Bem-estar", description: "Prioridade total na saúde", icon: Leaf }, { id: "4", value: "Referência", title: "Expertise", description: "Especialista na área", icon: Target }, { id: "5", value: "Acompanhamento", title: "Suporte", description: "Do início ao fim", icon: ShieldCheck }]}
/>
</div>
<div id="differentials" data-section="differentials">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "100%",
title: "Atendimento",
description: "Humanizado e exclusivo",
icon: Smile,
},
{
id: "2",
value: "Alta",
title: "Estrutura",
description: "Consultório moderno e seguro",
icon: Building,
},
{
id: "3",
value: "Foco",
title: "Bem-estar",
description: "Prioridade total na saúde",
icon: Leaf,
},
{
id: "4",
value: "Referência",
title: "Expertise",
description: "Especialista na área",
icon: Target,
},
{
id: "5",
value: "Acompanhamento",
title: "Suporte",
description: "Do início ao fim",
icon: ShieldCheck,
},
]}
title="Por que escolher a Dra. Cristiane?"
description="Diferenciais que garantem um cuidado excepcional e humano."
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardEight
title="Um ambiente pensado para o seu conforto"
description="Cada detalhe do nosso espaço foi planejado para oferecer segurança, acolhimento e tranquilidade."
textboxLayout="inline-image"
useInvertedBackground={false}
features={[{ title: "Ambiente Relaxante", description: "Salas equipadas com o que há de melhor em tecnologia.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "Ambiente do Consultório" }]}
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardEight
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Ambiente Relaxante",
description: "Salas equipadas com o que há de melhor em tecnologia.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
imageAlt: "Ambiente do Consultório",
},
]}
title="Um ambiente pensado para o seu conforto"
description="Cada detalhe do nosso espaço foi planejado para oferecer segurança, acolhimento e tranquilidade."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="O que nossas pacientes dizem"
description="Experiências reais de mulheres que confiaram em nosso cuidado."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[{ id: "1", name: "José Amaral", role: "Paciente", testimonial: "Fui muito bem atendido pela Dra. Cristiane, extremamente atenciosa e profissional. O consultório tem ótima estrutura.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg" }, { id: "2", name: "Monike Cristina", role: "Paciente", testimonial: "O melhor consultório com um atendimento espetacular.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg" }, { id: "3", name: "Ana Silva", role: "Paciente", testimonial: "Profissional maravilhosa, me senti muito segura durante todo o tratamento.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" }, { id: "4", name: "Carla Mendes", role: "Paciente", testimonial: "Atendimento humanizado como eu nunca vi antes. Recomendo muito!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg" }, { id: "5", name: "Beatriz Lima", role: "Paciente", testimonial: "Equipe nota 10 e estrutura impecável. Muito grata por tudo.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-spreading-palms-camera-beige-tank-top-looking-cheerful-front-view_176474-42727.jpg" }]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "José Amaral",
role: "Paciente",
testimonial: "Fui muito bem atendido pela Dra. Cristiane, extremamente atenciosa e profissional. O consultório tem ótima estrutura.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg",
},
{
id: "2",
name: "Monike Cristina",
role: "Paciente",
testimonial: "O melhor consultório com um atendimento espetacular.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg",
},
{
id: "3",
name: "Ana Silva",
role: "Paciente",
testimonial: "Profissional maravilhosa, me senti muito segura durante todo o tratamento.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
},
{
id: "4",
name: "Carla Mendes",
role: "Paciente",
testimonial: "Atendimento humanizado como eu nunca vi antes. Recomendo muito!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
},
{
id: "5",
name: "Beatriz Lima",
role: "Paciente",
testimonial: "Equipe nota 10 e estrutura impecável. Muito grata por tudo.",
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-spreading-palms-camera-beige-tank-top-looking-cheerful-front-view_176474-42727.jpg",
},
]}
title="O que nossas pacientes dizem"
description="Experiências reais de mulheres que confiaram em nosso cuidado."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Perguntas Frequentes"
description="Tire suas dúvidas sobre os tratamentos."
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[{ id: "q1", title: "Como agendar uma consulta?", content: "Você pode entrar em contato diretamente pelo nosso WhatsApp no botão abaixo." }, { id: "q2", title: "Quais convênios atendem?", content: "Trabalhamos com atendimento particular e fornecemos o recibo para reembolso." }, { id: "q3", title: "Onde fica o consultório?", content: "Estamos localizados em Americana, São Paulo." }, { id: "q4", title: "Quanto tempo dura a sessão?", content: "Em média 50 minutos para um atendimento personalizado." }, { id: "q5", title: "Preciso de encaminhamento médico?", content: "Não é obrigatório, mas traga exames e avaliações anteriores se tiver." }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Como agendar uma consulta?",
content: "Você pode entrar em contato diretamente pelo nosso WhatsApp no botão abaixo.",
},
{
id: "q2",
title: "Quais convênios atendem?",
content: "Trabalhamos com atendimento particular e fornecemos o recibo para reembolso.",
},
{
id: "q3",
title: "Onde fica o consultório?",
content: "Estamos localizados em Americana, São Paulo.",
},
{
id: "q4",
title: "Quanto tempo dura a sessão?",
content: "Em média 50 minutos para um atendimento personalizado.",
},
{
id: "q5",
title: "Preciso de encaminhamento médico?",
content: "Não é obrigatório, mas traga exames e avaliações anteriores se tiver.",
},
]}
title="Perguntas Frequentes"
description="Tire suas dúvidas sobre os tratamentos."
faqsAnimation="slide-up"
/>
</div>
<div id="cta" data-section="cta">
<ContactCenter
tag="Contato"
title="Cuide da sua saúde com quem realmente se importa"
description="Agende sua avaliação e transforme sua qualidade de vida."
buttonText="Falar no WhatsApp"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Contato"
title="Cuide da sua saúde com quem realmente se importa"
description="Agende sua avaliação e transforme sua qualidade de vida."
buttonText="Falar no WhatsApp"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Dra. Cristiane"
copyrightText="© 2025 | Fisioterapeuta Pélvica & Obstetrícia"
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: MessageCircle,
href: "https://wa.me/5519999999999",
ariaLabel: "WhatsApp",
},
]}
/>
</div>
</ReactLenis>
<div id="footer" data-section="footer">
<FooterCard
logoText="Dra. Cristiane"
copyrightText="© 2025 | Fisioterapeuta Pélvica & Obstetrícia"
socialLinks={[{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: MessageCircle, href: "https://wa.me/5519999999999", ariaLabel: "WhatsApp" }]}
/>
</div>
</ThemeProvider>
);
}
}