Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -30,96 +30,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Procedimentos",
|
||||
id: "procedimentos",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "depoimentos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "sobre",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Procedimentos", id: "procedimentos" },
|
||||
{ name: "Depoimentos", id: "depoimentos" },
|
||||
{ name: "Sobre", id: "sobre" },
|
||||
]}
|
||||
brandName="Lumina Estética"
|
||||
button={{
|
||||
text: "Agendar",
|
||||
href: "#contato",
|
||||
}}
|
||||
button={{ text: "Agendar", href: "#contato" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Realce sua beleza com resultados naturais e sofisticados"
|
||||
description="Procedimentos estéticos seguros, modernos e com resultados visíveis desde a primeira sessão."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar pelo WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg?_wi=1"
|
||||
buttons={[{ text: "Agendar pelo WhatsApp", href: "https://wa.me/5511999999999" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg"
|
||||
imageAlt="Clínica de estética avançada"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2149080963.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148334605.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734939.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Cliente Satisfeita" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2149080963.jpg", alt: "Cliente Satisfeita" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148334605.jpg", alt: "Cliente Satisfeita" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734939.jpg", alt: "Cliente Satisfeita" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Cliente Satisfeita" },
|
||||
]}
|
||||
avatarText="Mais de 5.000 clientes transformadas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Segurança Máxima",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Atendimento VIP",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tecnologia Avançada",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Resultados Naturais",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ambiente Sofisticado",
|
||||
icon: Smile,
|
||||
},
|
||||
{ type: "text-icon", text: "Segurança Máxima", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Atendimento VIP", icon: Star },
|
||||
{ type: "text-icon", text: "Tecnologia Avançada", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Resultados Naturais", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Ambiente Sofisticado", icon: Smile },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,26 +74,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Excelência e Segurança",
|
||||
description: "Atendimento focado em resultados naturais e harmonia facial.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206144.jpg?_wi=1",
|
||||
imageAlt: "Resultados naturais",
|
||||
},
|
||||
id: "f1", title: "Excelência e Segurança", description: "Atendimento focado em resultados naturais e harmonia facial.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206144.jpg", imageAlt: "Resultados naturais"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Profissionais qualificados",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Atendimento personalizado",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Profissionais qualificados" },
|
||||
{ icon: CheckCircle, text: "Atendimento personalizado" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg?_wi=2",
|
||||
imageAlt: "luxurious skincare clinic professional aesthetic background",
|
||||
},
|
||||
]}
|
||||
title="Por que escolher nossa clínica?"
|
||||
@@ -160,46 +90,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="procedimentos" data-section="procedimentos">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Facial",
|
||||
name: "Limpeza de Pele",
|
||||
price: "A partir de R$150",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206144.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Facial",
|
||||
name: "Botox Premium",
|
||||
price: "A partir de R$800",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-laying-back_23-2148263413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Facial",
|
||||
name: "Preenchimento",
|
||||
price: "A partir de R$1200",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-enjoy-spa-day_23-2148520370.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Facial",
|
||||
name: "Harmonização Facial",
|
||||
price: "Sob avaliação",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520802.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Facial", name: "Limpeza de Pele", price: "A partir de R$150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206144.jpg" },
|
||||
{ id: "p2", brand: "Facial", name: "Botox Premium", price: "A partir de R$800", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-laying-back_23-2148263413.jpg" },
|
||||
{ id: "p3", brand: "Facial", name: "Preenchimento", price: "A partir de R$1200", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-enjoy-spa-day_23-2148520370.jpg" },
|
||||
{ id: "p4", brand: "Facial", name: "Harmonização Facial", price: "Sob avaliação", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520802.jpg" },
|
||||
]}
|
||||
title="Nossos Procedimentos"
|
||||
description="Tratamentos pensados para realçar o que você tem de melhor."
|
||||
@@ -208,37 +107,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="depoimentos" data-section="depoimentos">
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beatriz Souza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2149080963.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Oliveira",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148334605.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daniela Lima",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734939.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fernanda Costa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Ana Silva", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg" },
|
||||
{ id: "2", name: "Beatriz Souza", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2149080963.jpg" },
|
||||
{ id: "3", name: "Carla Oliveira", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148334605.jpg" },
|
||||
{ id: "4", name: "Daniela Lima", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734939.jpg" },
|
||||
{ id: "5", name: "Fernanda Costa", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg" },
|
||||
]}
|
||||
cardTitle="O que nossas clientes dizem"
|
||||
cardTag="Experiências Reais"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -248,16 +127,10 @@ export default function LandingPage() {
|
||||
title="Sobre a Clínica Lumina"
|
||||
description="Nossa clínica é um refúgio de bem-estar e sofisticação. Combinamos técnicas modernas com um ambiente acolhedor para que você se sinta cuidada e valorizada em cada detalhe."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Anos de experiência",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Clientes atendidas",
|
||||
},
|
||||
{ value: "10+", title: "Anos de experiência" },
|
||||
{ value: "5k+", title: "Clientes atendidas" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -265,9 +138,7 @@ export default function LandingPage() {
|
||||
<div id="contato" data-section="contato">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Agendamento"
|
||||
title="Pronta para transformar sua beleza?"
|
||||
description="Clique no botão abaixo para falar com nosso atendimento e agendar sua avaliação."
|
||||
@@ -279,32 +150,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Procedimentos",
|
||||
href: "#procedimentos",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Procedimentos", href: "#procedimentos" }] },
|
||||
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5511999999999" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Lumina Estética. Todos os direitos reservados."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user