Merge version_2 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Tratamentos",
|
||||
id: "features",
|
||||
},
|
||||
name: "Tratamentos", id: "features"},
|
||||
{
|
||||
name: "Equipe",
|
||||
id: "team",
|
||||
},
|
||||
name: "Equipe", id: "team"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="DentalCare"
|
||||
/>
|
||||
@@ -60,104 +50,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Cuidando do seu sorriso com excelência."
|
||||
description="Atendimento humanizado e tecnologia de ponta para garantir a saúde e a estética do seu sorriso. Agende sua consulta hoje."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana Silva",
|
||||
handle: "@ana",
|
||||
testimonial: "Excelente atendimento e ambiente muito acolhedor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=1",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
name: "Ana Silva", handle: "@ana", testimonial: "Excelente atendimento e ambiente muito acolhedor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=1", imageAlt: "dentist working with patient"},
|
||||
{
|
||||
name: "Pedro Santos",
|
||||
handle: "@pedro",
|
||||
testimonial: "A melhor experiência odontológica que já tive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=1",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
name: "Pedro Santos", handle: "@pedro", testimonial: "A melhor experiência odontológica que já tive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=1", imageAlt: "dentist working with patient"},
|
||||
{
|
||||
name: "Clara Lima",
|
||||
handle: "@clara",
|
||||
testimonial: "Equipe muito atenciosa e profissional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
name: "Clara Lima", handle: "@clara", testimonial: "Equipe muito atenciosa e profissional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1", imageAlt: "dentist working with patient"},
|
||||
{
|
||||
name: "Roberto Dias",
|
||||
handle: "@roberto",
|
||||
testimonial: "Tratamento impecável e muito moderno.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=1",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
name: "Roberto Dias", handle: "@roberto", testimonial: "Tratamento impecável e muito moderno.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=1", imageAlt: "dentist working with patient"},
|
||||
{
|
||||
name: "Juliana Moura",
|
||||
handle: "@juliana",
|
||||
testimonial: "Recomendo a todos, consultório nota 10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=1",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
name: "Juliana Moura", handle: "@juliana", testimonial: "Recomendo a todos, consultório nota 10.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=1", imageAlt: "dentist working with patient"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consulta",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Agendar Consulta", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=2"
|
||||
imageAlt="Dentista atendendo paciente"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-face-portrait-smiling-happy-woman-hold-hands-face-looking-camera-with-satisfied-cheerful-face-watch-something-interesting-white-background_176420-54393.jpg",
|
||||
alt: "happy patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-face-portrait-smiling-happy-woman-hold-hands-face-looking-camera-with-satisfied-cheerful-face-watch-something-interesting-white-background_176420-54393.jpg", alt: "happy patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-leaning-sofa_1262-3274.jpg",
|
||||
alt: "patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-leaning-sofa_1262-3274.jpg", alt: "patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg",
|
||||
alt: "smiling woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg", alt: "smiling woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg",
|
||||
alt: "happy person",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg", alt: "happy person"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "satisfied patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "satisfied patient"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento Humanizado",
|
||||
},
|
||||
type: "text", text: "Atendimento Humanizado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnologia de Ponta",
|
||||
},
|
||||
type: "text", text: "Tecnologia de Ponta"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saúde e Estética",
|
||||
},
|
||||
type: "text", text: "Saúde e Estética"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Acolhedor",
|
||||
},
|
||||
type: "text", text: "Ambiente Acolhedor"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Profissionais Qualificados",
|
||||
},
|
||||
type: "text", text: "Profissionais Qualificados"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,8 +110,7 @@ export default function LandingPage() {
|
||||
title="Excelência em Odontologia Integrada"
|
||||
buttons={[
|
||||
{
|
||||
text: "Saiba Mais",
|
||||
},
|
||||
text: "Saiba Mais"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -180,29 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Estética",
|
||||
title: "Clareamento",
|
||||
subtitle: "Sorriso branco",
|
||||
description: "Técnicas seguras para um sorriso mais iluminado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=2",
|
||||
imageAlt: "clean dental clinic reception",
|
||||
},
|
||||
tag: "Estética", title: "Clareamento", subtitle: "Sorriso branco", description: "Técnicas seguras para um sorriso mais iluminado.", imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=2", imageAlt: "clean dental clinic reception"},
|
||||
{
|
||||
tag: "Preventiva",
|
||||
title: "Checkup",
|
||||
subtitle: "Prevenção",
|
||||
description: "Limpeza e acompanhamento anual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=3",
|
||||
imageAlt: "clean dental clinic reception",
|
||||
},
|
||||
tag: "Preventiva", title: "Checkup", subtitle: "Prevenção", description: "Limpeza e acompanhamento anual.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=3", imageAlt: "clean dental clinic reception"},
|
||||
{
|
||||
tag: "Cirurgia",
|
||||
title: "Implantes",
|
||||
subtitle: "Reposição",
|
||||
description: "Recupere a função e a estética dos seus dentes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2",
|
||||
imageAlt: "clean dental clinic reception",
|
||||
},
|
||||
tag: "Cirurgia", title: "Implantes", subtitle: "Reposição", description: "Recupere a função e a estética dos seus dentes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2", imageAlt: "clean dental clinic reception"},
|
||||
]}
|
||||
title="Nossos Tratamentos"
|
||||
description="Soluções completas para a sua saúde bucal."
|
||||
@@ -217,23 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dra. Maria",
|
||||
role: "Ortodontista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-background_1157-44782.jpg",
|
||||
},
|
||||
id: "t1", name: "Dra. Maria", role: "Ortodontista", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-background_1157-44782.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. João",
|
||||
role: "Implantodontista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. João", role: "Implantodontista", imageSrc: "http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dra. Elisa",
|
||||
role: "Clínica Geral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg",
|
||||
},
|
||||
id: "t3", name: "Dra. Elisa", role: "Clínica Geral", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg"},
|
||||
]}
|
||||
title="Conheça nossa equipe"
|
||||
description="Profissionais altamente qualificados dedicados a você."
|
||||
@@ -245,30 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Ana Silva", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=3"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pedro Santos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Pedro Santos", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara Lima",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Clara Lima", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Roberto Dias",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
|
||||
},
|
||||
id: "4", name: "Roberto Dias", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Juliana Moura",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg",
|
||||
},
|
||||
id: "5", name: "Juliana Moura", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg"},
|
||||
]}
|
||||
cardTitle="Depoimentos de pacientes"
|
||||
cardTag="Clientes"
|
||||
@@ -282,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como agendar?",
|
||||
content: "Pelo WhatsApp ou telefone.",
|
||||
},
|
||||
id: "f1", title: "Como agendar?", content: "Pelo WhatsApp ou telefone."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Aceitam convênios?",
|
||||
content: "Sim, verifique a lista.",
|
||||
},
|
||||
id: "f2", title: "Aceitam convênios?", content: "Sim, verifique a lista."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quanto dura a consulta?",
|
||||
content: "Cerca de 40 minutos.",
|
||||
},
|
||||
id: "f3", title: "Quanto dura a consulta?", content: "Cerca de 40 minutos."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas sobre nossos serviços."
|
||||
@@ -311,25 +198,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Anos",
|
||||
description: "De experiência",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+", title: "Anos", description: "De experiência", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k",
|
||||
title: "Sorrisos",
|
||||
description: "Transformados",
|
||||
icon: Smile,
|
||||
id: "m2", value: "5k", title: "Sorrisos", description: "Transformados", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfação",
|
||||
description: "De nossos clientes",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "99%", title: "Satisfação", description: "De nossos clientes", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Nossa trajetória"
|
||||
@@ -338,45 +213,29 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Agende sua avaliação"
|
||||
description="Estamos prontos para atendê-lo."
|
||||
inputs={[
|
||||
<ContactText
|
||||
text="Entre em contato para agendar sua consulta e transformar seu sorriso com nossa equipe especializada."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
text: "Agendar Agora", href: "#contact"
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Mensagem",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-dentists-with-papers-professional-doctors-solve-problems-with-documents_169016-66946.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBase
|
||||
logoText="DentalCare"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Navegação", items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -385,4 +244,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbf8e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user