Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Serviços", id: "features" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Lu Araujo"
|
||||
/>
|
||||
@@ -54,30 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Sobrancelhas perfeitas, naturais e feitas para o seu rosto"
|
||||
description="Especialista certificada internacionalmente em design, micropigmentação e nano brows."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar agora no WhatsApp",
|
||||
href: "https://wa.me/55",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Agendar agora no WhatsApp", href: "https://wa.me/55" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102720.jpg?_wi=1",
|
||||
imageAlt: "Design de sobrancelha natural",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/applying-mascara-her-eyelashes_181624-18072.jpg?_wi=1",
|
||||
imageAlt: "Resultado nano brows",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-make-up-client-close-up_23-2148398549.jpg",
|
||||
imageAlt: "Sobrancelha luxuosa",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102720.jpg", imageAlt: "Design de sobrancelha natural" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/applying-mascara-her-eyelashes_181624-18072.jpg", imageAlt: "Resultado nano brows" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-make-up-client-close-up_23-2148398549.jpg", imageAlt: "Sobrancelha luxuosa" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,26 +62,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Luisa M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylist-applying-eye-makeup-model_23-2147783892.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350655.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-small-brush-looking-mirror_23-2148332541.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-applying-herself-cosmetic-product_23-2148194162.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057783.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylist-applying-eye-makeup-model_23-2147783892.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350655.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holding-small-brush-looking-mirror_23-2148332541.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-applying-herself-cosmetic-product_23-2148194162.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057783.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -123,55 +80,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Design de Sobrancelhas",
|
||||
description: "Mapeamento personalizado para valorizar seu olhar.",
|
||||
icon: Sparkles,
|
||||
title: "Design de Sobrancelhas", description: "Mapeamento personalizado para valorizar seu olhar.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-clear-skin-brushing-her-eyebrows_23-2149207874.jpg",
|
||||
imageAlt: "Design de sobrancelhas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-applying-eyebrow-gel-woman_23-2148398529.jpg",
|
||||
imageAlt: "Mapeamento de sobrancelhas",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102720.jpg?_wi=2",
|
||||
imageAlt: "close up perfect eyebrows",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-clear-skin-brushing-her-eyebrows_23-2149207874.jpg", imageAlt: "Design de sobrancelhas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-applying-eyebrow-gel-woman_23-2148398529.jpg", imageAlt: "Mapeamento de sobrancelhas" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Micropigmentação",
|
||||
description: "Fios ultra realistas com técnica de excelência.",
|
||||
icon: Award,
|
||||
title: "Micropigmentação", description: "Fios ultra realistas com técnica de excelência.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-doing-bride-s-makeup_23-2149721994.jpg",
|
||||
imageAlt: "Micropigmentação fios realistas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-lady-with-make-up_23-2148398530.jpg",
|
||||
imageAlt: "Técnica de excelência",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/applying-mascara-her-eyelashes_181624-18072.jpg?_wi=2",
|
||||
imageAlt: "close up perfect eyebrows",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-doing-bride-s-makeup_23-2149721994.jpg", imageAlt: "Micropigmentação fios realistas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glamorous-lady-with-make-up_23-2148398530.jpg", imageAlt: "Técnica de excelência" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Nano Brows",
|
||||
description: "O ápice do realismo para um visual sofisticado.",
|
||||
icon: Star,
|
||||
title: "Nano Brows", description: "O ápice do realismo para um visual sofisticado.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-eyes-closeup-watching-camera_633478-795.jpg",
|
||||
imageAlt: "Nano Brows realistas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eye-adult-woman_23-2147750872.jpg",
|
||||
imageAlt: "Visual sofisticado",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-black-woman-with-mysterious-shadows_23-2149095695.jpg?_wi=1",
|
||||
imageAlt: "close up perfect eyebrows",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-eyes-closeup-watching-camera_633478-795.jpg", imageAlt: "Nano Brows realistas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eye-adult-woman_23-2147750872.jpg", imageAlt: "Visual sofisticado" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Serviços Premium"
|
||||
@@ -187,7 +114,7 @@ export default function LandingPage() {
|
||||
description="Com certificação internacional e anos de experiência, Lu Araujo combina técnica apurada com um olhar humanizado para criar sobrancelhas que refletem a sua essência."
|
||||
subdescription="Sua transformação está em mãos seguras."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-black-woman-with-mysterious-shadows_23-2149095695.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-black-woman-with-mysterious-shadows_23-2149095695.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Lu Araujo, especialista em sobrancelhas"
|
||||
/>
|
||||
@@ -195,64 +122,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="before-after" data-section="before-after">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Design",
|
||||
name: "Transformação 01",
|
||||
price: "Natural",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Nano",
|
||||
name: "Transformação 02",
|
||||
price: "Realista",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149183907.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Micropigmentação",
|
||||
name: "Transformação 03",
|
||||
price: "Sofisticada",
|
||||
rating: 5,
|
||||
reviewCount: "105",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210741.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Correção",
|
||||
name: "Transformação 04",
|
||||
price: "Impecável",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-with-interim-result-make-up-procedure_231208-3565.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Design",
|
||||
name: "Transformação 05",
|
||||
price: "Natural",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-her-eyebrows_23-2148553475.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Nano",
|
||||
name: "Transformação 06",
|
||||
price: "Realista",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-eyebrow-treatment-beauty-salon_23-2148910514.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Design", name: "Transformação 01", price: "Natural", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg" },
|
||||
{ id: "2", brand: "Nano", name: "Transformação 02", price: "Realista", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149183907.jpg" },
|
||||
{ id: "3", brand: "Micropigmentação", name: "Transformação 03", price: "Sofisticada", rating: 5, reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210741.jpg" },
|
||||
{ id: "4", brand: "Correção", name: "Transformação 04", price: "Impecável", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-with-interim-result-make-up-procedure_231208-3565.jpg" },
|
||||
{ id: "5", brand: "Design", name: "Transformação 05", price: "Natural", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-her-eyebrows_23-2148553475.jpg" },
|
||||
{ id: "6", brand: "Nano", name: "Transformação 06", price: "Realista", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-eyebrow-treatment-beauty-salon_23-2148910514.jpg" },
|
||||
]}
|
||||
title="Antes & Depois"
|
||||
description="Resultados naturais que transformam olhares."
|
||||
@@ -264,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "A técnica dói?",
|
||||
content: "Não, utilizamos anestésico tópico para seu máximo conforto.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quanto tempo dura?",
|
||||
content: "Varia de 1 a 2 anos dependendo do tipo de pele e cuidados.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Precisa de retoque?",
|
||||
content: "Sim, um retoque após 30 dias garante o resultado perfeito.",
|
||||
},
|
||||
{ id: "1", title: "A técnica dói?", content: "Não, utilizamos anestésico tópico para seu máximo conforto." },
|
||||
{ id: "2", title: "Quanto tempo dura?", content: "Varia de 1 a 2 anos dependendo do tipo de pele e cuidados." },
|
||||
{ id: "3", title: "Precisa de retoque?", content: "Sim, um retoque após 30 dias garante o resultado perfeito." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Tudo o que você precisa saber antes de agendar."
|
||||
@@ -292,18 +160,8 @@ export default function LandingPage() {
|
||||
title="Agende sua transformação"
|
||||
description="Dê o primeiro passo para o olhar que você sempre sonhou."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Seu nome completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Seu nome completo", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "WhatsApp", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-stylish-white-suit-sits-white-cube-gallery_8353-10744.jpg"
|
||||
buttonText="Falar no WhatsApp"
|
||||
@@ -314,32 +172,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lu Araujo"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/55",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Serviços", href: "#features" }] },
|
||||
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/55" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Lu Araujo Eyebrows"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user