bender/af07ba12-ff85-4199-b773-6bebcacbfee5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

10 Commits
version_2 ... main

Author SHA1 Message Date
bender
78030a9490 Merge version_3 into main 
Merge version_3 into main
 2026-05-11 14:38:32 +00:00
bender
9b4ffe54f2 Update src/app/page.tsx 2026-05-11 14:38:29 +00:00
bender
b828c0c0af Merge version_3 into main 
Merge version_3 into main
 2026-05-11 14:38:08 +00:00
bender
d02c922a2d Update src/app/page.tsx 2026-05-11 14:38:05 +00:00
bender
7f5de45418 Merge version_3 into main 
Merge version_3 into main
 2026-05-11 14:37:39 +00:00
bender
dd4498b37c Update src/app/page.tsx 2026-05-11 14:37:36 +00:00
bender
d2e4b5867c Merge version_3 into main 
Merge version_3 into main
 2026-05-11 14:37:10 +00:00
bender
d135387756 Update src/app/styles/variables.css 2026-05-11 14:37:07 +00:00
bender
e1ab6c8571 Update src/app/page.tsx 2026-05-11 14:37:07 +00:00
bender
41b25390fe Merge version_2 into main 
Merge version_2 into main
 2026-05-11 14:34:01 +00:00
2 changed files with 50 additions and 91 deletions
Expand all files Collapse all files

129
src/app/page.tsx
View File

@@ -3,15 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
export default function LandingPage() {
return (
@@ -42,124 +40,83 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
<HeroBillboardGallery
title="Zanza Pura Beleza"
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: "Agende Agora", href: "#contact" }]}
marqueeItems={[
{ 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" },
background={{ variant: "plain" }}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg", imageAlt: "Client 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/face-close-up-happy-woman_1098-3047.jpg", imageAlt: "Client 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-holding-black-digital-tablet-smiling-gazing-gently_1258-200125.jpg", imageAlt: "Client 3" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
<SplitAbout
title="Nossa Filosofia"
description="Combinando técnicas ancestrais com a tecnologia moderna para garantir resultados impecáveis em cada tratamento."
imageSrc="http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg"
textboxLayout="default"
useInvertedBackground={true}
heading={[
{ type: "text", content: "Nossa Filosofia" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg", alt: "Sobre a Zanza" },
bulletPoints={[
{ title: "Excelência", description: "Profissionais certificados com anos de experiência." },
{ title: "Qualidade", description: "Produtos veganos e orgânicos premium." },
{ title: "Bem-estar", description: "Um ambiente pensado para o seu relaxamento absoluto." }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
<FeatureCardOne
title="Destaques da Zanza"
description="Conheça os diferenciais que tornam nossa clínica referência em beleza e bem-estar."
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: ["Vagas limitadas", "Agendamento prévio necessário", "Restrições para cancelamento", "Horários de pico concorridos", "Sessões privativas"],
}}
positiveCard={{
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="Por que escolher a Zanza"
description="Cuidados profissionais que realçam sua beleza natural."
features={[
{ title: "Consultas Personalizadas", description: "Planos focados na necessidade da sua pele.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037149.jpg?_wi=1" },
{ title: "Ambiente Zen", description: "Refúgio urbano para desconectar e recarregar.", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg?_wi=1" },
{ title: "Tecnologia de Ponta", description: "Equipamentos modernos para melhores resultados.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg" },
{ title: "Equipe Especialista", description: "Expertise que realça o seu brilho natural.", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg" }
]}
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
useInvertedBackground={true}
products={[
{ 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="Nossos Serviços Signature"
description="Explore nossa seleção de tratamentos de beleza."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Nosso Impacto"
tag="Marcos"
metrics={[
{ id: "m1", value: "500+", description: "Clientes Felizes" },
{ id: "m2", value: "12", description: "Equipe Especialista" },
{ id: "m3", value: "5+", description: "Anos de Experiência" },
products={[
{ 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?_wi=2" },
{ 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?_wi=2" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ 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="O Que Nossos Clientes Dizem"
description="Ouça quem já passou pela experiência Zanza."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Planos de Tratamento"
description="Escolha o plano que melhor atende à sua rotina de cuidados."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ 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." },
plans={[
{ id: "p1", badge: "Essential", price: "R$ 199", subtitle: "Para manutenção diária", features: ["Avaliação gratuita", "1 Hidratação facial", "Desconto em produtos"] },
{ id: "p2", badge: "Premium", price: "R$ 399", subtitle: "Tratamento completo", features: ["Todos do Essential", "2 Massagens", "Acesso à sauna", "Consultoria estética"] }
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435793.jpg"
mediaAnimation="slide-up"
title="Perguntas Frequentes"
description="Respostas para facilitar o seu agendamento."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
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."
@@ -167,6 +124,8 @@ export default function LandingPage() {
{ text: "WhatsApp (11) 4444-6602", href: "https://wa.me/551144446602" },
{ text: "Ver Mapa", href: "https://share.google/9awEMaPsoCHpYd0wU" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fbfbfb;
--background: #fdf1f7;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #1c4a3b;
--foreground: #330018;
--primary-cta: #e8197d;
--primary-cta-text: #f7f6f7;
--secondary-cta: #f0f0f0;
--secondary-cta: #fce4ef;
--secondary-cta-text: #25190c;
--accent: #d1e7dd;
--background-accent: #e8f5e9;
--accent: #f9a8d4;
--background-accent: #fbcfe8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);