Merge version_2 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Eye, Heart, Palette, Scissors, Sparkles } from "lucide-react";
|
||||
import { Eye, Heart, Palette, Scissors, Sparkles, Users, Award, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Avaliações",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Avaliações", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Studio OG"
|
||||
/>
|
||||
@@ -57,38 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Studio OG Lapa: O Seu Momento de Beleza"
|
||||
description="Transforme seu visual com atendimento de excelência e produtos de primeira linha no coração da Lapa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora",
|
||||
href: "https://wa.me/5511991168944",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
title="Studio OG Lapa: Beleza com Identidade"
|
||||
description="Especialistas em loiras e morenas iluminadas. Atendimento especializado com Geovani e uma curadoria de produtos de marcas conceituais para realçar seu brilho único."
|
||||
buttons={[{ text: "Agendar Agora", href: "https://wa.me/5511991168944" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg",
|
||||
imageAlt: "Ambiente luxuoso do Studio OG",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
|
||||
imageAlt: "Profissional realizando serviço",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
|
||||
imageAlt: "Design moderno do estúdio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg",
|
||||
imageAlt: "Produtos de tratamento capilar",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
|
||||
imageAlt: "Espaço de relaxamento",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-young-woman_23-2147769811.jpg", imageAlt: "Studio OG Ambiente" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg", imageAlt: "Especialidade em Mechas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", imageAlt: "Atendimento Personalizado" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,24 +59,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Sinta-se em Casa no Studio OG"
|
||||
description="Nossa missão é elevar sua autoestima em um ambiente acolhedor, com profissionais dedicados a entender seus desejos e entregar resultados impecáveis na Lapa."
|
||||
title="Liderança e Acolhimento"
|
||||
description="O Studio OG é um espaço liderado por empreendedoras e reconhecido como um ambiente que acolhe a comunidade LGBTQ+. Acreditamos na beleza como forma de expressão livre e segura."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Atendimento Personalizado",
|
||||
description: "Entendemos seu estilo individual.",
|
||||
},
|
||||
{
|
||||
title: "Produtos de Elite",
|
||||
description: "Trabalhamos apenas com marcas renomadas.",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Relaxante",
|
||||
description: "Um refúgio de beleza no seu dia a dia.",
|
||||
},
|
||||
{ title: "Especialidade em Iluminação", description: "Experts em loiras e morenas iluminadas.", icon: Sparkles },
|
||||
{ title: "Acolhimento LGBTQ+", description: "Um espaço inclusivo para todas as identidades.", icon: Users },
|
||||
{ title: "Produtos Conceituais", description: "Trabalhamos com as melhores marcas do mercado.", icon: Award },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-styling-hair-young-woman_23-2147769811.jpg"
|
||||
imageAlt="Equipe Studio OG atendendo clientes"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg"
|
||||
imageAlt="Espaço Studio OG"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -126,39 +78,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Corte de Cabelo",
|
||||
description: "Tendências modernas e clássicas.",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Coloração Premium",
|
||||
description: "Tintas de longa duração e brilho extremo.",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Tratamentos Capilares",
|
||||
description: "Hidratação profunda e nutrição intensa.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Manicure e Pedicure",
|
||||
description: "Cuidado total para suas mãos e pés.",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Maquiagem Profissional",
|
||||
description: "Beleza para todas as ocasiões.",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Design de Sobrancelhas",
|
||||
description: "Moldura perfeita para seu olhar.",
|
||||
icon: Eye,
|
||||
},
|
||||
{ title: "Especialidade Geovani", description: "Atendimento técnico personalizado e exclusivo.", icon: Scissors },
|
||||
{ title: "Loiras e Morenas Iluminadas", description: "Técnicas avançadas para o tom perfeito.", icon: Palette },
|
||||
{ title: "Marcas Conceituais", description: "Produtos de luxo para o seu tratamento.", icon: Sparkles },
|
||||
{ title: "Design e Estética", description: "Sobrancelhas e cuidados especializados.", icon: Eye },
|
||||
]}
|
||||
title="Nossos Especialistas e Serviços"
|
||||
description="Oferecemos uma gama completa de cuidados para realçar sua beleza natural."
|
||||
title="Serviços com Propósito"
|
||||
description="Mais que um salão, uma experiência completa conduzida por especialistas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,63 +94,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kimberlly Gomez",
|
||||
role: "Cliente",
|
||||
company: "Studio OG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vanessa Lopes Santana",
|
||||
role: "Cliente",
|
||||
company: "Studio OG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tairini Bianca",
|
||||
role: "Cliente",
|
||||
company: "Studio OG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana Silva",
|
||||
role: "Cliente",
|
||||
company: "Studio OG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mariana Souza",
|
||||
role: "Cliente",
|
||||
company: "Studio OG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
|
||||
},
|
||||
{ id: "1", name: "Cliente Studio OG", role: "Cliente", company: "Comunidade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg" },
|
||||
{ id: "2", name: "Cliente Studio OG", role: "Cliente", company: "Comunidade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avaliação Média",
|
||||
},
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Clientes Satisfeitas",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Qualidade Garantida",
|
||||
},
|
||||
{ value: "LGBTQ+", label: "Espaço Seguro" },
|
||||
{ value: "Experts", label: "Técnicas de Iluminação" },
|
||||
{ value: "5.0", label: "Excelência em Atendimento" },
|
||||
]}
|
||||
title="O Que Dizem Nossas Clientes"
|
||||
description="A satisfação de quem passa pelo Studio OG é nossa maior conquista."
|
||||
title="Comunidade Acolhida"
|
||||
description="Veja como nossos clientes se sentem ao viverem a experiência Studio OG."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,55 +113,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "R$ 150",
|
||||
subtitle: "Corte e Hidratação",
|
||||
features: [
|
||||
"Corte personalizado",
|
||||
"Hidratação básica",
|
||||
"Finalização",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Mais Procurado",
|
||||
price: "R$ 350",
|
||||
subtitle: "Coloração Completa",
|
||||
features: [
|
||||
"Coloração completa",
|
||||
"Corte",
|
||||
"Tratamento de brilho",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "Dia de Diva",
|
||||
price: "R$ 600",
|
||||
subtitle: "Spa Completo",
|
||||
features: [
|
||||
"Tratamento capilar",
|
||||
"Manicure/Pedicure",
|
||||
"Maquiagem",
|
||||
"Design de Sobrancelhas",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "Consulte", subtitle: "Atendimento Personalizado", features: ["Corte", "Finalização", "Tratamento Inicial"] },
|
||||
{ id: "pro", badge: "Especialidade", price: "Consulte", subtitle: "Loiras/Morenas", features: ["Mechas Iluminadas", "Tratamento Premium", "Design"] },
|
||||
{ id: "gold", badge: "Exclusivo", price: "Consulte", subtitle: "Dia Especial", features: ["Atendimento Geovani", "Produtos Conceituais", "Completo"] },
|
||||
]}
|
||||
title="Pacotes de Beleza"
|
||||
description="Preços justos e transparentes para quem busca qualidade sem surpresas."
|
||||
title="Nossos Planos"
|
||||
description="Beleza premium feita para você."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Entre em contato"
|
||||
title="Agende seu horário"
|
||||
description="Estamos localizados na R. Joaquim Machado, 29 - Lapa. Clique abaixo para falar diretamente no WhatsApp."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visite-nos"
|
||||
title="Localização e Horários"
|
||||
description="Estamos na R. Joaquim Machado, 29 - Lapa. Atendemos com hora marcada de Segunda a Sábado."
|
||||
buttonText="Falar no WhatsApp"
|
||||
/>
|
||||
</div>
|
||||
@@ -290,14 +136,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Studio OG"
|
||||
leftLink={{
|
||||
text: "R. Joaquim Machado, 29 - Lapa, São Paulo",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "(11) 99116-8944",
|
||||
href: "https://wa.me/5511991168944",
|
||||
}}
|
||||
leftLink={{ text: "R. Joaquim Machado, 29 - Lapa", href: "#" }}
|
||||
rightLink={{ text: "(11) 99116-8944", href: "https://wa.me/5511991168944" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user