Merge version_2 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -34,62 +34,35 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "sobre",
|
||||
},
|
||||
name: "Sobre", id: "sobre"},
|
||||
{
|
||||
name: "Aulas",
|
||||
id: "aulas",
|
||||
},
|
||||
name: "Aulas", id: "aulas"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "chamada",
|
||||
},
|
||||
name: "Contato", id: "chamada"},
|
||||
]}
|
||||
brandName="Yoga with Yas"
|
||||
brandName="Yoga com Yas"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Yoga with Yas"
|
||||
title="Yoga com Yas"
|
||||
description="Um momento pra respirar, desacelerar e se sentir bem no seu corpo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quero participar",
|
||||
href: "#aulas",
|
||||
},
|
||||
text: "Quero participar", href: "#aulas"},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5524999209575?text=Oi%20Yas%2C%20quero%20saber%20mais%20sobre%20as%20aulas%20de%20yoga",
|
||||
},
|
||||
text: "Falar no WhatsApp", href: "https://wa.me/5524999209575?text=Oi%20Yas%2C%20quero%20saber%20mais%20sobre%20as%20aulas%20de%20yoga"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-sportswoman-middle-workout-stretching-her-amrs-back-sitting-rubber-yoga_1258-198640.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-women-sitting-grass_23-2149161289.jpg",
|
||||
alt: "Yoga practitioner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-people-coming-together-outdoor-yoga_1262-20178.jpg",
|
||||
alt: "Yoga practitioner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-doing-yoga-park_23-2147995901.jpg",
|
||||
alt: "Yoga practitioner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-women-doing-yoga-together_23-2149386455.jpg",
|
||||
alt: "Yoga practitioner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yoga-partners-doing-acrobatics_23-2147645820.jpg",
|
||||
alt: "Yoga practitioner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-women-sitting-grass_23-2149161289.jpg", alt: "Yoga practitioner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-people-coming-together-outdoor-yoga_1262-20178.jpg", alt: "Yoga practitioner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-women-doing-yoga-park_23-2147995901.jpg", alt: "Yoga practitioner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-women-doing-yoga-together_23-2149386455.jpg", alt: "Yoga practitioner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/yoga-partners-doing-acrobatics_23-2147645820.jpg", alt: "Yoga practitioner 5" },
|
||||
]}
|
||||
avatarText="Mais de 100 alunos transformando sua rotina"
|
||||
/>
|
||||
@@ -110,21 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Mais calma",
|
||||
description: "Tranquilidade no cotidiano.",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Menos tensão",
|
||||
description: "Redução da ansiedade e estresse.",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Conexão",
|
||||
description: "Harmonia com o seu corpo.",
|
||||
},
|
||||
{ icon: Smile, title: "Mais calma", description: "Tranquilidade no cotidiano." },
|
||||
{ icon: Wind, title: "Menos tensão", description: "Redução da ansiedade e estresse." },
|
||||
{ icon: Heart, title: "Conexão", description: "Harmonia com o seu corpo." },
|
||||
]}
|
||||
title="O que você pode sentir"
|
||||
description="Benefícios reais para o seu dia a dia."
|
||||
@@ -137,21 +98,9 @@ export default function LandingPage() {
|
||||
title="Yoga que faz sentido"
|
||||
tag="Neurociência"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Respiração",
|
||||
description: "Regular o sistema nervoso.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Movimento",
|
||||
description: "Aprender a relaxar.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Equilíbrio",
|
||||
description: "Corpo em harmonia.",
|
||||
},
|
||||
{ id: "m1", value: "Respiração", description: "Regular o sistema nervoso." },
|
||||
{ id: "m2", value: "Movimento", description: "Aprender a relaxar." },
|
||||
{ id: "m3", value: "Equilíbrio", description: "Corpo em harmonia." },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -162,21 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Nunca fiz yoga, posso começar?",
|
||||
content: "Com certeza! A prática é acessível para iniciantes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Preciso de um corpo específico?",
|
||||
content: "Yoga é para todos os tipos de corpos.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "E se eu não estiver bem hoje?",
|
||||
content: "Você pode praticar justamente para se sentir melhor.",
|
||||
},
|
||||
{ id: "f1", title: "Nunca fiz yoga, posso começar?", content: "Com certeza! A prática é acessível para iniciantes." },
|
||||
{ id: "f2", title: "Preciso de um corpo específico?", content: "Yoga é para todos os tipos de corpos." },
|
||||
{ id: "f3", title: "E se eu não estiver bem hoje?", content: "Você pode praticar justamente para se sentir melhor." },
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
title="Yoga pra vida real"
|
||||
@@ -193,60 +130,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Yoga",
|
||||
name: "Aulas em Grupo",
|
||||
price: "Coletivo",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Yoga",
|
||||
name: "Aulas Particulares",
|
||||
price: "Individual",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-yoga-mat_23-2148285813.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Yoga",
|
||||
name: "Yoga na Praça",
|
||||
price: "Acessível",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grey-hair-doing-yoga-park-female-model-sportive-clothes-exercising-mat-cloudy-day-sport-hobby-health-concept_74855-25600.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Yoga",
|
||||
name: "Workshops",
|
||||
price: "Eventos",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-teacher-helping-woman-with-position_23-2148935639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Yoga",
|
||||
name: "Mentoria",
|
||||
price: "Guiada",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-cat-training-summer-yard_1157-30824.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Yoga",
|
||||
name: "Yoga Online",
|
||||
price: "Remoto",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-yoga-class-with-male-instructor_171337-13846.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Yoga", name: "Aulas em Grupo", price: "Coletivo", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg?_wi=1" },
|
||||
{ id: "p2", brand: "Yoga", name: "Aulas Particulares", price: "Individual", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-yoga-mat_23-2148285813.jpg" },
|
||||
{ id: "p3", brand: "Yoga", name: "Yoga na Praça", price: "Acessível", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grey-hair-doing-yoga-park-female-model-sportive-clothes-exercising-mat-cloudy-day-sport-hobby-health-concept_74855-25600.jpg?_wi=1" },
|
||||
{ id: "p4", brand: "Yoga", name: "Workshops", price: "Eventos", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/yoga-teacher-helping-woman-with-position_23-2148935639.jpg" },
|
||||
{ id: "p5", brand: "Yoga", name: "Mentoria", price: "Guiada", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-cat-training-summer-yard_1157-30824.jpg" },
|
||||
{ id: "p6", brand: "Yoga", name: "Yoga Online", price: "Remoto", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-yoga-class-with-male-instructor_171337-13846.jpg" },
|
||||
]}
|
||||
title="Nossas Aulas"
|
||||
description="Opções adaptadas para o seu ritmo e necessidade."
|
||||
@@ -257,15 +146,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Momentos reais",
|
||||
"Natureza",
|
||||
"Comunidade",
|
||||
"Bem-estar",
|
||||
"Presença",
|
||||
"Acolhimento",
|
||||
"Movimento",
|
||||
]}
|
||||
names={["Momentos reais", "Natureza", "Comunidade", "Bem-estar", "Presença", "Acolhimento", "Movimento"]}
|
||||
title="Comunidade Yoga com Yas"
|
||||
description="Pessoas reais, momentos de presença e conexão."
|
||||
/>
|
||||
@@ -276,61 +157,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana",
|
||||
date: "2024",
|
||||
title: "Primeira aula",
|
||||
quote: "Me senti mais leve já na primeira aula.",
|
||||
tag: "Yoga",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-smiling-pink_179666-2194.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-sportswoman-middle-workout-stretching-her-amrs-back-sitting-rubber-yoga_1258-198640.jpg?_wi=2",
|
||||
imageAlt: "authentic person smiling yoga",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Pedro",
|
||||
date: "2024",
|
||||
title: "Surpreendente",
|
||||
quote: "Achei que não era pra mim, mas foi.",
|
||||
tag: "Yoga",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-working-out-home-doing-fitness-training-alone-yoga-mat-listens-music_1258-253580.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexible-young-woman-stretching-leg_23-2147645752.jpg?_wi=2",
|
||||
imageAlt: "authentic person smiling yoga",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julia",
|
||||
date: "2024",
|
||||
title: "Relaxamento",
|
||||
quote: "Finalmente consegui relaxar de verdade.",
|
||||
tag: "Yoga",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-doing-exerecises_23-2148521616.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-182433.jpg",
|
||||
imageAlt: "authentic person smiling yoga",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lucas",
|
||||
date: "2024",
|
||||
title: "Acolhedor",
|
||||
quote: "A Yas faz tudo ser simples.",
|
||||
tag: "Yoga",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3436.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg?_wi=2",
|
||||
imageAlt: "authentic person smiling yoga",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mariana",
|
||||
date: "2024",
|
||||
title: "Bem-estar",
|
||||
quote: "Meu momento preferido da semana.",
|
||||
tag: "Yoga",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-yoga-mat_23-2148285813.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grey-hair-doing-yoga-park-female-model-sportive-clothes-exercising-mat-cloudy-day-sport-hobby-health-concept_74855-25600.jpg?_wi=2",
|
||||
imageAlt: "authentic person smiling yoga",
|
||||
},
|
||||
{ id: "t1", name: "Ana", date: "2024", title: "Primeira aula", quote: "Me senti mais leve já na primeira aula.", tag: "Yoga", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-smiling-pink_179666-2194.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-sportswoman-middle-workout-stretching-her-amrs-back-sitting-rubber-yoga_1258-198640.jpg?_wi=2", imageAlt: "authentic person smiling yoga" },
|
||||
{ id: "t2", name: "Pedro", date: "2024", title: "Surpreendente", quote: "Achei que não era pra mim, mas foi.", tag: "Yoga", avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-working-out-home-doing-fitness-training-alone-yoga-mat-listens-music_1258-253580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flexible-young-woman-stretching-leg_23-2147645752.jpg?_wi=2", imageAlt: "authentic person smiling yoga" },
|
||||
{ id: "t3", name: "Julia", date: "2024", title: "Relaxamento", quote: "Finalmente consegui relaxar de verdade.", tag: "Yoga", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-doing-exerecises_23-2148521616.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-182433.jpg", imageAlt: "authentic person smiling yoga" },
|
||||
{ id: "t4", name: "Lucas", date: "2024", title: "Acolhedor", quote: "A Yas faz tudo ser simples.", tag: "Yoga", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3436.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg?_wi=2", imageAlt: "authentic person smiling yoga" },
|
||||
{ id: "t5", name: "Mariana", date: "2024", title: "Bem-estar", quote: "Meu momento preferido da semana.", tag: "Yoga", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-yoga-mat_23-2148285813.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grey-hair-doing-yoga-park-female-model-sportive-clothes-exercising-mat-cloudy-day-sport-hobby-health-concept_74855-25600.jpg?_wi=2", imageAlt: "authentic person smiling yoga" },
|
||||
]}
|
||||
title="O que dizem os alunos"
|
||||
description="Veja como a prática impactou a vida das pessoas."
|
||||
@@ -340,9 +171,7 @@ export default function LandingPage() {
|
||||
<div id="experiencia" data-section="experiencia">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Vamos tentar agora? Inspire pelo nariz... Solte o ar devagar pela boca... Percebe a diferença?"
|
||||
/>
|
||||
</div>
|
||||
@@ -350,37 +179,25 @@ export default function LandingPage() {
|
||||
<div id="chamada" data-section="chamada">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Seu corpo tá pedindo uma pausa. Você só precisa começar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5524999209575?text=Oi%20Yas%2C%20quero%20saber%20mais%20sobre%20as%20aulas%20de%20yoga",
|
||||
},
|
||||
text: "Falar no WhatsApp", href: "https://wa.me/5524999209575?text=Oi%20Yas%2C%20quero%20saber%20mais%20sobre%20as%20aulas%20de%20yoga"},
|
||||
{
|
||||
text: "Ver no Instagram",
|
||||
href: "https://instagram.com/yogacomyas",
|
||||
},
|
||||
text: "Ver no Instagram", href: "https://instagram.com/yogacomyas"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Yoga with Yas"
|
||||
leftLink={{
|
||||
text: "@yogacomyas",
|
||||
href: "https://instagram.com/yogacomyas",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5524999209575",
|
||||
}}
|
||||
logoText="Yoga com Yas"
|
||||
leftLink={{ text: "@yogacomyas", href: "https://instagram.com/yogacomyas" }}
|
||||
rightLink={{ text: "WhatsApp", href: "https://wa.me/5524999209575" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user