Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Zanza Pura Beleza"
|
||||
/>
|
||||
@@ -58,60 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Zanza Pura Beleza"
|
||||
description="Where beauty meets elegance. Experience personalized skincare and aesthetic treatments designed just for you."
|
||||
description="Onde a beleza encontra a elegância. Experimente tratamentos estéticos e de pele personalizados feitos especialmente para você."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/face-close-up-happy-woman_1098-3047.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-holding-black-digital-tablet-smiling-gazing-gently_1258-200125.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-pink-clothes-with-no-makeup-isolated-gray-drinking-coffee_158538-14933.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/face-close-up-happy-woman_1098-3047.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-holding-black-digital-tablet-smiling-gazing-gently_1258-200125.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-pink-clothes-with-no-makeup-isolated-gray-drinking-coffee_158538-14933.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Agende Agora", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Staff",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vegan Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Treatments",
|
||||
},
|
||||
{ type: "text", text: "Skincare Premium" },
|
||||
{ type: "text", text: "Equipe Profissional" },
|
||||
{ type: "text", text: "Produtos Veganos" },
|
||||
{ type: "text", text: "Atendimento Personalizado" },
|
||||
{ type: "text", text: "Tratamentos Especializados" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,15 +68,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg",
|
||||
alt: "About Zanza",
|
||||
},
|
||||
{ type: "text", content: "Nossa Filosofia" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg", alt: "Sobre a Zanza" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,25 +80,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited slots available",
|
||||
"Booking required in advance",
|
||||
"Cancellations restricted",
|
||||
"Peak times fill fast",
|
||||
"Private sessions only",
|
||||
],
|
||||
items: ["Vagas limitadas", "Agendamento prévio necessário", "Restrições para cancelamento", "Horários de pico concorridos", "Sessões privativas"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Expert aesthetic staff",
|
||||
"Premium vegan products",
|
||||
"Personalized treatment plans",
|
||||
"State-of-the-art facility",
|
||||
"Holistic wellness focus",
|
||||
],
|
||||
items: ["Equipe de estética especializada", "Produtos veganos premium", "Planos de tratamento personalizados", "Instalações de última geração", "Foco em bem-estar holístico"],
|
||||
}}
|
||||
title="Why Choose Zanza"
|
||||
description="Professional care that enhances your natural beauty."
|
||||
title="Por que escolher a Zanza"
|
||||
description="Cuidados profissionais que realçam sua beleza natural."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,69 +97,27 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Facial Glow",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037149.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Massage",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deep Hydration",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brow Sculpting",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561156.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Natural Peel",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Skin Tightening",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
|
||||
},
|
||||
{ id: "1", name: "Brilho Facial", price: "R$ 80", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037149.jpg" },
|
||||
{ id: "2", name: "Massagem Signature", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg" },
|
||||
{ id: "3", name: "Hidratação Profunda", price: "R$ 95", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg" },
|
||||
{ id: "4", name: "Escultura de Sobrancelhas", price: "R$ 45", imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561156.jpg" },
|
||||
{ id: "5", name: "Peeling Natural", price: "R$ 110", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg" },
|
||||
{ id: "6", name: "Firmador de Pele", price: "R$ 150", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Explore our curated list of beauty treatments."
|
||||
title="Nossos Serviços Signature"
|
||||
description="Explore nossa seleção de tratamentos de beleza."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
title="Nosso Impacto"
|
||||
tag="Marcos"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Expert Staff",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Clientes Felizes" },
|
||||
{ id: "m2", value: "12", description: "Equipe Especialista" },
|
||||
{ id: "m3", value: "5+", description: "Anos de Experiência" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -241,49 +128,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Wonderful Experience",
|
||||
quote: "The best facial I've ever had!",
|
||||
name: "Maria Silva",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-pink-dress-sexy-carefree-woman-posing-near-wall-studio-positive-model-having-fun-indoors-cheerful-happy-sunglasses_158538-21270.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional and clean environment.",
|
||||
name: "Ana Souza",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Amazing Results",
|
||||
quote: "My skin looks so glowing.",
|
||||
name: "Julia Costa",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-white-shirt-feeling-fun_114579-24456.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Five Stars",
|
||||
quote: "Very attentive to details.",
|
||||
name: "Beatriz Lima",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-white-bathrobes-towels-head_158538-18079.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfect Care",
|
||||
quote: "Truly relaxing and effective.",
|
||||
name: "Fernanda Rosa",
|
||||
role: "Lawyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Experiência Maravilhosa", quote: "O melhor facial que já fiz!", name: "Maria Silva", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-pink-dress-sexy-carefree-woman-posing-near-wall-studio-positive-model-having-fun-indoors-cheerful-happy-sunglasses_158538-21270.jpg" },
|
||||
{ id: "t2", title: "Super Recomendado", quote: "Ambiente profissional e muito limpo.", name: "Ana Souza", role: "Gerente", imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg" },
|
||||
{ id: "t3", title: "Resultados Incríveis", quote: "Minha pele parece muito mais radiante.", name: "Julia Costa", role: "Estudante", imageSrc: "http://img.b2bpic.net/free-photo/blond-model-white-shirt-feeling-fun_114579-24456.jpg" },
|
||||
{ id: "t4", title: "Cinco Estrelas", quote: "Muito atenciosos aos detalhes.", name: "Beatriz Lima", role: "Professora", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-white-bathrobes-towels-head_158538-18079.jpg" },
|
||||
{ id: "t5", title: "Cuidado Perfeito", quote: "Verdadeiramente relaxante e eficaz.", name: "Fernanda Rosa", role: "Advogada", imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our satisfied beauty enthusiasts."
|
||||
title="O Que Nossos Clientes Dizem"
|
||||
description="Ouça quem já passou pela experiência Zanza."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -292,26 +144,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, booking is highly recommended.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Which products do you use?",
|
||||
content: "We use premium vegan-friendly skincare.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel?",
|
||||
content: "Cancellation is allowed 24h prior.",
|
||||
},
|
||||
{ id: "f1", title: "Preciso de agendamento?", content: "Sim, recomendamos fortemente que agende sua visita." },
|
||||
{ id: "f2", title: "Quais produtos utilizam?", content: "Utilizamos produtos de skincare veganos premium." },
|
||||
{ id: "f3", title: "Posso cancelar?", content: "Cancelamentos são permitidos com 24h de antecedência." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435793.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Answers to help you book your visit."
|
||||
title="Perguntas Frequentes"
|
||||
description="Respostas para facilitar o seu agendamento."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -319,17 +159,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a transformation?"
|
||||
description="Schedule your consultation today and discover your best self."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Entre em Contato"
|
||||
title="Pronta para uma transformação?"
|
||||
description="Agende sua consulta hoje mesmo e descubra sua melhor versão. Visite-nos em R. Basílio Fazzi, 290 - Centro, Franco da Rocha - SP."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+5511999999999",
|
||||
},
|
||||
{ text: "WhatsApp (11) 4444-6602", href: "https://wa.me/551144446602" },
|
||||
{ text: "Ver Mapa", href: "https://share.google/9awEMaPsoCHpYd0wU" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -338,36 +174,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Links Rápidos", items: [
|
||||
{ label: "Sobre", href: "#about" },
|
||||
{ label: "Serviços", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
title: "Conecte-se", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Zanza Pura Beleza"
|
||||
copyrightText="© 2025 Zanza Pura Beleza | Todos os direitos reservados"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--background: #fbfbfb;
|
||||
--card: #ffffff;
|
||||
--foreground: #25190c;
|
||||
--primary-cta: #ff6207;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c4a3b;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f0f0f0;
|
||||
--secondary-cta-text: #25190c;
|
||||
--accent: #ffce93;
|
||||
--background-accent: #e8cfa8;
|
||||
--accent: #d1e7dd;
|
||||
--background-accent: #e8f5e9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user