Merge version_1 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tratamentos",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Aurabella"
|
||||
/>
|
||||
@@ -56,86 +41,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sua melhor versão, em cada detalhe."
|
||||
description="Experimente a excelência da Aurabella: estética personalizada, tecnologia de ponta e um acolhimento pensado especialmente para você no Tatuapé."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg?_wi=1",
|
||||
imageAlt: "Ambiente luxuoso",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg?_wi=1",
|
||||
imageAlt: "Sala de atendimento",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16751.jpg?_wi=1",
|
||||
imageAlt: "Procedimento facial",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg?_wi=1",
|
||||
imageAlt: "Tratamento corporal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg?_wi=1",
|
||||
imageAlt: "Cuidados com a pele",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg", imageAlt: "Ambiente luxuoso" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg", imageAlt: "Sala de atendimento" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16751.jpg", imageAlt: "Procedimento facial" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg", imageAlt: "Tratamento corporal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg", imageAlt: "Cuidados com a pele" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg?_wi=2",
|
||||
imageAlt: "Dermatologia avançada",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg?_wi=2",
|
||||
imageAlt: "Tecnologia corporal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg?_wi=2",
|
||||
imageAlt: "Clínica premium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg",
|
||||
imageAlt: "Equipe especialista",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg",
|
||||
imageAlt: "Atendimento humanizado",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg", imageAlt: "Dermatologia avançada" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg", imageAlt: "Tecnologia corporal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg", imageAlt: "Clínica premium" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg", imageAlt: "Equipe especialista" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg", imageAlt: "Atendimento humanizado" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Avaliação",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5511915966932",
|
||||
},
|
||||
{ text: "Agendar Avaliação", href: "#contact" },
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/5511915966932" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg", alt: "Cliente" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg", alt: "Cliente" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg", alt: "Cliente" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", alt: "Cliente" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg", alt: "Cliente" },
|
||||
]}
|
||||
avatarText="Mais de 500 pacientes satisfeitos"
|
||||
/>
|
||||
@@ -146,31 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Excelência e Confiança"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Avaliação Média",
|
||||
value: "4.9",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes Felizes",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Atendimento Humanizado",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certificações",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Anos de Experiência",
|
||||
value: "8",
|
||||
},
|
||||
{ icon: Star, label: "Avaliação Média", value: "4.9" },
|
||||
{ icon: Users, label: "Clientes Felizes", value: "500+" },
|
||||
{ icon: Heart, label: "Atendimento Humanizado", value: "100%" },
|
||||
{ icon: Award, label: "Certificações", value: "12" },
|
||||
{ icon: Clock, label: "Anos de Experiência", value: "8" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -178,44 +90,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Facial",
|
||||
subtitle: "Rejuvenescimento e glow",
|
||||
category: "Face",
|
||||
value: "Protocolos premium",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Corporal",
|
||||
subtitle: "Contorno e definição",
|
||||
category: "Corpo",
|
||||
value: "Modelagem de alta performance",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Pele",
|
||||
subtitle: "Tratamento profundo",
|
||||
category: "Pele",
|
||||
value: "Alta tecnologia",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Capilar",
|
||||
subtitle: "Saúde e força",
|
||||
category: "Saúde",
|
||||
value: "Bioestimulação",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Laser",
|
||||
subtitle: "Depilação definitiva",
|
||||
category: "Pele",
|
||||
value: "Laser de diodo",
|
||||
},
|
||||
{ id: "1", title: "Facial", subtitle: "Rejuvenescimento e glow", category: "Face", value: "Protocolos premium" },
|
||||
{ id: "2", title: "Corporal", subtitle: "Contorno e definição", category: "Corpo", value: "Modelagem de alta performance" },
|
||||
{ id: "3", title: "Pele", subtitle: "Tratamento profundo", category: "Pele", value: "Alta tecnologia" },
|
||||
{ id: "4", title: "Capilar", subtitle: "Saúde e força", category: "Saúde", value: "Bioestimulação" },
|
||||
{ id: "5", title: "Laser", subtitle: "Depilação definitiva", category: "Pele", value: "Laser de diodo" },
|
||||
]}
|
||||
title="Tratamentos Personalizados"
|
||||
description="Protocolos exclusivos desenvolvidos com tecnologia de ponta e o olhar atento de especialistas."
|
||||
@@ -228,60 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
date: "10/2024",
|
||||
title: "Excelente",
|
||||
quote: "Atendimento maravilhoso e super atencioso.",
|
||||
tag: "Facial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg?_wi=3",
|
||||
imageAlt: "luxury clinic interior serene",
|
||||
},
|
||||
id: "1", name: "Ana Silva", date: "10/2024", title: "Excelente", quote: "Atendimento maravilhoso e super atencioso.", tag: "Facial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg", imageAlt: "luxury clinic interior serene"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bia Souza",
|
||||
date: "09/2024",
|
||||
title: "Profissionalismo",
|
||||
quote: "Profissionais extremamente atenciosas, amei!",
|
||||
tag: "Corporal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg?_wi=2",
|
||||
imageAlt: "aesthetic clinic treatment room",
|
||||
},
|
||||
id: "2", name: "Bia Souza", date: "09/2024", title: "Profissionalismo", quote: "Profissionais extremamente atenciosas, amei!", tag: "Corporal", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg", imageAlt: "aesthetic clinic treatment room"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Lima",
|
||||
date: "08/2024",
|
||||
title: "Ambiente",
|
||||
quote: "Ambiente muito agradável e confortável.",
|
||||
tag: "Pele",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16751.jpg?_wi=2",
|
||||
imageAlt: "skincare treatment luxury clinic",
|
||||
},
|
||||
id: "3", name: "Carla Lima", date: "08/2024", title: "Ambiente", quote: "Ambiente muito agradável e confortável.", tag: "Pele", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16751.jpg", imageAlt: "skincare treatment luxury clinic"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daniela Mendes",
|
||||
date: "07/2024",
|
||||
title: "Recomendo",
|
||||
quote: "Resultados excelentes, super recomendo!",
|
||||
tag: "Facial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg?_wi=3",
|
||||
imageAlt: "body contouring clinic room",
|
||||
},
|
||||
id: "4", name: "Daniela Mendes", date: "07/2024", title: "Recomendo", quote: "Resultados excelentes, super recomendo!", tag: "Facial", avatarSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-interacting-with-each-other_107420-65458.jpg", imageAlt: "body contouring clinic room"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eduarda Porto",
|
||||
date: "06/2024",
|
||||
title: "Melhor clínica",
|
||||
quote: "Aumentou minha confiança, atendimento nota 10.",
|
||||
tag: "Corporal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg?_wi=3",
|
||||
imageAlt: "skincare products clinic table",
|
||||
},
|
||||
id: "5", name: "Eduarda Porto", date: "06/2024", title: "Melhor clínica", quote: "Aumentou minha confiança, atendimento nota 10.", tag: "Corporal", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg", imageAlt: "skincare products clinic table"},
|
||||
]}
|
||||
title="A Voz de Quem Confia"
|
||||
description="Mais de 500 pacientes transformaram sua confiança com nossos cuidados."
|
||||
@@ -294,24 +132,10 @@ export default function LandingPage() {
|
||||
title="Agende sua Consulta"
|
||||
description="Estamos prontos para atender você no Tatuapé."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Seu nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Seu WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Seu nome", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Seu WhatsApp", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Como podemos ajudar hoje?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Como podemos ajudar hoje?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-hotel-reception_1203-1410.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -320,35 +144,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Localização",
|
||||
items: [
|
||||
{
|
||||
label: "Rua Monte Serrat, 890 – Tatuapé, SP",
|
||||
href: "#",
|
||||
},
|
||||
title: "Localização", items: [{ label: "Rua Monte Serrat, 890 – Tatuapé, SP", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Atendimento", items: [
|
||||
{ label: "+55 11 91596-6932", href: "https://wa.me/5511915966932" },
|
||||
{ label: "Seg-Sex até 20:00", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Atendimento",
|
||||
items: [
|
||||
{
|
||||
label: "+55 11 91596-6932",
|
||||
href: "https://wa.me/5511915966932",
|
||||
},
|
||||
{
|
||||
label: "Seg-Sex até 20:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Social", items: [{ label: "Instagram", href: "#" }],
|
||||
},
|
||||
]}
|
||||
logoText="Aurabella"
|
||||
|
||||
Reference in New Issue
Block a user