Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import { Award, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,34 +31,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Início", id: "hero" },
-          name: "Início",          id: "hero"},
+        { name: "Sobre", id: "about" },
-        {
+        { name: "Diferenciais", id: "features" },
-          name: "Sobre",          id: "about"},
+        { name: "Produtos", id: "products" },
-        {
+        { name: "Depoimentos", id: "testimonials" },
-          name: "Diferenciais",          id: "features"},
+        { name: "Contato", id: "contact" },
-        {
-          name: "Depoimentos",          id: "testimonials"},
-        {
-          name: "Contato",          id: "contact"},
       ]}
       brandName="Valverde"
-      button={{
+      button={{ text: "WhatsApp", href: "https://wa.me/5500000000000" }}
-        text: "WhatsApp",        href: "https://wa.me/5500000000000"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Excelência Valverde: O Padrão Premium para o seu Negócio"
       description="Combinamos preço justo e atendimento excepcional para entregar resultados que superam expectativas. Sua solução completa está a um clique de distância."
       buttons={[
-        {
+        { text: "Solicitar Orçamento", href: "#contact" },
-          text: "Solicitar Orçamento",          href: "#contact"},
+        { text: "WhatsApp", href: "https://wa.me/5500000000000" },
-        {
-          text: "WhatsApp",          href: "https://wa.me/5500000000000"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=1"
     />
@@ -70,51 +63,28 @@ export default function LandingPage() {
       title="Compromisso Real com Você"
       description="Mais do que prestar um serviço, construímos parcerias baseadas em transparência e excelência. A Valverde nasceu para descomplicar processos e maximizar seus resultados."
       bulletPoints={[
-        {
+        { title: "Atendimento de Elite", description: "Respostas ágeis, humanas e personalizadas." },
-          title: "Atendimento de Elite",          description: "Respostas ágeis, humanas e personalizadas."},
+        { title: "Preço Competitivo", description: "Valores justos sem abrir mão da qualidade máxima." },
-        {
+        { title: "Expertise Comprovada", description: "Anos de mercado entregando valor real e segurança." },
-          title: "Preço Competitivo",          description: "Valores justos sem abrir mão da qualidade máxima."},
-        {
-          title: "Expertise Comprovada",          description: "Anos de mercado entregando valor real e segurança."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=1"
       mediaAnimation="blur-reveal"
     />
   </div>
 
+  <div id="products" data-section="products">
+      <ProductCardOne title="Nossos Produtos" description="Produtos de alta qualidade para o seu dia a dia." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{id: "1", name: "Produto A", price: "R$ 100", imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=1"}, {id: "2", name: "Produto B", price: "R$ 200", imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=1"}, {id: "3", name: "Produto C", price: "R$ 300", imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=2"}]} />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyFive
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Agilidade", description: "Processos otimizados para seu tempo.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=2" }] },
-          title: "Agilidade",          description: "Processos otimizados para seu tempo.",          icon: Zap,
+        { title: "Suporte Premium", description: "Acompanhamento em todas as etapas.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=3" }, { imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=3" }] },
-          mediaItems: [
+        { title: "Resultados Garantidos", description: "Foco total na sua satisfação.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=4" }, { imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=4" }] },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=2"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=2"},
-          ],
-        },
-        {
-          title: "Suporte Premium",          description: "Acompanhamento em todas as etapas.",          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=3"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=3"},
-          ],
-        },
-        {
-          title: "Resultados Garantidos",          description: "Foco total na sua satisfação.",          icon: Award,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=4"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/wood-desk-with-chair-laptop_23-2148267480.jpg?_wi=4"},
-          ],
-        },
       ]}
       title="Por que nos escolher?"
       description="Nossos diferenciais são validados por quem mais importa: nossos clientes."
@@ -125,16 +95,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Ricardo Silva", imageSrc: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6368.jpg" },
-          id: "1",          name: "Ricardo Silva",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6368.jpg"},
+        { id: "2", name: "Ana Beatriz", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
-        {
+        { id: "3", name: "Carlos Mendes", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg" },
-          id: "2",          name: "Ana Beatriz",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg"},
+        { id: "4", name: "Juliana Costa", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg" },
-        {
+        { id: "5", name: "Felipe Souza", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
-          id: "3",          name: "Carlos Mendes",          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg"},
-        {
-          id: "4",          name: "Juliana Costa",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg"},
-        {
-          id: "5",          name: "Felipe Souza",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
       ]}
       cardTitle="Quem confia na Valverde"
       cardTag="Depoimentos"
@@ -146,12 +111,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "Como solicito orçamento?", content: "Basta clicar em um de nossos botões e falar com nossa equipe pelo WhatsApp." },
-          id: "1",          title: "Como solicito orçamento?",          content: "Basta clicar em um de nossos botões e falar com nossa equipe pelo WhatsApp."},
+        { id: "2", title: "O atendimento é personalizado?", content: "Sim, entendemos cada caso individualmente para oferecer a solução ideal." },
-        {
+        { id: "3", title: "Qual o prazo médio?", content: "O prazo varia conforme a complexidade, mas prezamos sempre pela agilidade." },
-          id: "2",          title: "O atendimento é personalizado?",          content: "Sim, entendemos cada caso individualmente para oferecer a solução ideal."},
-        {
-          id: "3",          title: "Qual o prazo médio?",          content: "O prazo varia conforme a complexidade, mas prezamos sempre pela agilidade."},
       ]}
       sideTitle="Dúvidas Frequentes"
       sideDescription="Respostas rápidas para sua tranquilidade."
@@ -162,13 +124,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       tag="Contato"
       title="Pronto para começar?"
       description="Entre em contato agora e receba um atendimento exclusivo da equipe Valverde."
       imageSrc="http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891739.jpg?_wi=5"
-      buttonText="Falar no WhatsApp"
       onSubmit={(email) => console.log(email)}
       mediaAnimation="blur-reveal"
     />
@@ -177,22 +137,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Valverde", items: [{ label: "Sobre nós", href: "#about" }, { label: "Depoimentos", href: "#testimonials" }] },
-          title: "Valverde",          items: [
+        { title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5500000000000" }, { label: "Orçamento", href: "#contact" }] },
-            {
-              label: "Sobre nós",              href: "#about"},
-            {
-              label: "Depoimentos",              href: "#testimonials"},
-          ],
-        },
-        {
-          title: "Contato",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/5500000000000"},
-            {
-              label: "Orçamento",              href: "#contact"},
-          ],
-        },
       ]}
       bottomLeftText="© 2024 Valverde. Todos os direitos reservados."
       bottomRightText="Políticas de Privacidade"
@@ -201,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
+  --foreground: #000f06e6;
-  --primary-cta: #15479c;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;