Merge version_3 into main

Update src/app/page.tsx
2026-05-11 14:38:32 +00:00 · 2026-05-11 14:38:29 +00:00 · 2026-05-11 14:38:08 +00:00 · 2026-05-11 14:38:05 +00:00 · 2026-05-11 14:37:39 +00:00 · 2026-05-11 14:37:36 +00:00
2 changed files with 50 additions and 91 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>

--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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);
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