Update theme colors

Merge version_7 into main

src/app/page.tsx

@@ -30,26 +30,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Ecossistema",
+          name: "Ecossistema",          id: "#ecossistema"},
-          id: "#ecossistema",
-        },
         {
-          name: "Nossa Força",
+          name: "Nossa Força",          id: "#forca"},
-          id: "#forca",
-        },
         {
-          name: "Carreiras",
+          name: "Carreiras",          id: "#carreiras"},
-          id: "#carreiras",
-        },
         {
-          name: "Contato",
+          name: "Contato",          id: "#contato"},
-          id: "#contato",
-        },
       ]}
       button={{
-        text: "Trabalhe Conosco",
+        text: "Trabalhe Conosco",        href: "https://inhire.com.br"}}
-        href: "https://inhire.com.br",
-      }}
       brandName="PROATIVA CAPITAL"
     />
   </div>
@@ -57,46 +47,29 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "canvas-reveal",
+        variant: "canvas-reveal"}}
-      }}
       title="Inteligência que conecta. Operação que sustenta. Proteção que blinda."
       description="Não somos apenas investidores. Somos o cérebro operacional de um ecossistema com mais de 30 anos de lastro real — onde gestão, logística e inteligência jurídica trabalham como um só organismo."
       tag="HOLDING OPERACIONAL • BPO • CENTRO DE SERVIÇOS"
       buttons={[
         {
-          text: "Conheça o Ecossistema",
+          text: "Explore nosso ecossistema",          href: "#ecossistema"},
-          href: "#ecossistema",
-        },
         {
-          text: "Trabalhe Conosco",
+          text: "Ver vagas abertas",          href: "#carreiras"},
-          href: "#carreiras",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=1",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=1",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=2",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=2",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=3",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=3",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=4",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=4",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=5",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=5",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=6",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=6",          imageAlt: "Hero background particles"},
-          imageAlt: "Hero background particles",
-        },
       ]}
     />
   </div>
@@ -106,10 +79,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Proativa Capital",
+        "Proativa Capital",        "GLP Gás",        "Simeão Advogados"]}
-        "GLP Gás",
-        "Simeão Advogados",
-      ]}
       title="Empresas do Ecossistema"
       description="Marcas que integram nossa força operacional."
     />
@@ -122,41 +92,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "pc",
+          id: "pc",          title: "Proativa Capital",          tags: [
-          title: "Proativa Capital",
+            "BPO",            "Gestão",            "Governança"],
-          tags: [
+          imageAlt: "Proativa Capital",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=7"},
-            "BPO",
-            "Gestão",
-            "Governança",
-          ],
-          imageAlt: "Proativa Capital",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/interactive-3d-neural-network-nodes-on-d-1775369577362-724adacf.png?_wi=7",
-        },
         {
-          id: "glp",
+          id: "glp",          title: "GLP Gás",          tags: [
-          title: "GLP Gás",
+            "Logística",            "Operação 24/7",            "+30 Anos"],
-          tags: [
+          imageAlt: "GLP Gás",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-protective-gloves-handling-forklift_23-2148773474.jpg"},
-            "Logística",
-            "Operação 24/7",
-            "+30 Anos",
-          ],
-          imageAlt: "GLP Gás",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6qegi",
-        },
         {
-          id: "sa",
+          id: "sa",          title: "Simeão Advogados",          tags: [
-          title: "Simeão Advogados",
+            "Jurídico",            "Compliance",            "Blindagem"],
-          tags: [
+          imageAlt: "Simeão Advogados",          imageSrc: "http://img.b2bpic.net/free-vector/luxury-hand-drawn-logos-with-letter_23-2147540524.jpg"},
-            "Jurídico",
-            "Compliance",
-            "Blindagem",
-          ],
-          imageAlt: "Simeão Advogados",
-          imageSrc: "http://img.b2bpic.net/free-vector/flame-oval-set_78370-7466.jpg",
-        },
       ]}
       title="Um ecossistema. Três forças integradas."
       description="Cada empresa opera com identidade própria, mas funciona como parte de um organismo único."
+      buttons={[
+        { text: "Conheça Detalhes", href: "#" }
+      ]}
     />
   </div>
 
@@ -167,25 +119,13 @@ export default function LandingPage() {
       tag="Resultados Tangíveis"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "30+",          description: "Anos de Operação"},
-          value: "30+",
-          description: "Anos de Operação",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          description: "Colaboradores"},
-          value: "500+",
-          description: "Colaboradores",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "3",          description: "Empresas Integradas"},
-          value: "3",
-          description: "Empresas Integradas",
-        },
         {
-          id: "m4",
+          id: "m4",          value: "24/7",          description: "Operação Contínua"},
-          value: "24/7",
-          description: "Operação Contínua",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -196,8 +136,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Crescimento real em uma estrutura sólida."
       description={[
-        "Desenvolvimento Acelerado, Governança de Verdade, Impacto Tangível, Ecossistema Integrado.",
+        "Desenvolvimento Acelerado, Governança de Verdade, Impacto Tangível, Ecossistema Integrado."]}
-      ]}
     />
   </div>
 
@@ -208,18 +147,13 @@ export default function LandingPage() {
       description="Selecione a oportunidade que combina com seu perfil em nosso portal de vagas."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Seu Nome Completo"},
-          type: "text",
-          placeholder: "Seu Nome Completo",
-        },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Seu E-mail"},
-          type: "email",
-          placeholder: "Seu E-mail",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvTbQ6632znbLsaKaGRmU4D1rf/professional-diverse-corporate-team-coll-1775369575929-65dc04f8.png"
       buttonText="Acessar Portal de Vagas"
+      onSubmit={() => { window.location.href = "https://inhire.com.br"; }}
     />
   </div>
 
@@ -227,59 +161,37 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Marca",
+          title: "Marca",          items: [
-          items: [
             {
-              label: "Sobre Nós",
+              label: "Sobre Nós",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Compliance",
+              label: "Compliance",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Navegação",
+          title: "Navegação",          items: [
-          items: [
             {
-              label: "Ecossistema",
+              label: "Ecossistema",              href: "#ecossistema"},
-              href: "#ecossistema",
-            },
             {
-              label: "Carreiras",
+              label: "Carreiras",              href: "#carreiras"},
-              href: "#carreiras",
-            },
           ],
         },
         {
-          title: "Ecossistema",
+          title: "Ecossistema",          items: [
-          items: [
             {
-              label: "Proativa Capital",
+              label: "Proativa Capital",              href: "#"},
-              href: "#",
-            },
             {
-              label: "GLP Gás",
+              label: "GLP Gás",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Simeão Advogados",
+              label: "Simeão Advogados",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Contato",
+          title: "Contato",          items: [
-          items: [
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -289,4 +201,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0B1D3A;
+  --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #000612e6;
-  --primary-cta: #1A56DB;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #0B1D3A;
+  --secondary-cta-text: #000612e6;
-  --accent: #B8860B;
+  --accent: #e2e2e2;
-  --background-accent: #070E1A;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);