Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Início",
-          id: "hero",
-        },
+          name: "Início",          id: "hero"},
         {
-          name: "Sobre",
-          id: "about",
-        },
+          name: "Sobre",          id: "about"},
         {
-          name: "Serviços",
-          id: "services",
-        },
+          name: "Serviços",          id: "services"},
         {
-          name: "Depoimentos",
-          id: "testimonials",
-        },
+          name: "Depoimentos",          id: "testimonials"},
         {
-          name: "Contato",
-          id: "contact",
-        },
+          name: "Contato",          id: "contact"},
       ]}
       brandName="GHM"
     />
@@ -57,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="PRECISÃO QUE MOVE A INDÚSTRIA"
       description="Ferramentaria e Serviços Industriais de alta performance no coração de São José dos Campos."
       buttons={[
         {
-          text: "Solicite um Orçamento",
-          href: "https://wa.me/551239414292",
-        },
+          text: "Solicite um Orçamento",          href: "https://wa.me/551239414292"},
         {
-          text: "Conheça Nossos Serviços",
-          href: "#services",
-        },
+          text: "Conheça Nossos Serviços",          href: "#services"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-dark-grunge-style-textures_1048-14265.jpg?_wi=1"
       imageAlt="Industrial Luxury Steel Texture"
@@ -83,17 +68,11 @@ export default function LandingPage() {
       description="Atuamos com rigor técnico para atender os maiores polos industriais e aeroespaciais. Nossa estrutura no Putim une tradição e agilidade na entrega de soluções em usinagem e ferramentaria."
       metrics={[
         {
-          value: "15+",
-          title: "Anos de Experiência",
-        },
+          value: "15+",          title: "Anos de Experiência"},
         {
-          value: "500+",
-          title: "Projetos Entregues",
-        },
+          value: "500+",          title: "Projetos Entregues"},
         {
-          value: "4.5★",
-          title: "Avaliação Google",
-        },
+          value: "4.5★",          title: "Avaliação Google"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/electric-drill-closeup-repair-shop_169016-24440.jpg?_wi=1"
       imageAlt="Industrial Precision Stat"
@@ -109,35 +88,17 @@ export default function LandingPage() {
       description="Soluções completas para sua operação, com foco em durabilidade e precisão técnica."
       accordionItems={[
         {
-          id: "s1",
-          title: "Usinagem de Precisão",
-          content: "Soluções CNC avançadas para peças complexas com tolerâncias restritas.",
-        },
+          id: "s1",          title: "Usinagem de Precisão",          content: "Soluções CNC avançadas para peças complexas com tolerâncias restritas."},
         {
-          id: "s2",
-          title: "Ferramentaria e Moldes",
-          content: "Desenvolvimento e fabricação de moldes de injeção e dispositivos de estampo.",
-        },
+          id: "s2",          title: "Ferramentaria e Moldes",          content: "Desenvolvimento e fabricação de moldes de injeção e dispositivos de estampo."},
         {
-          id: "s3",
-          title: "Manutenção Industrial",
-          content: "Reparos e revisões periódicas para evitar paradas inesperadas na produção.",
-        },
+          id: "s3",          title: "Manutenção Industrial",          content: "Reparos e revisões periódicas para evitar paradas inesperadas na produção."},
         {
-          id: "s4",
-          title: "Comércio de Ferramentas",
-          content: "Catálogo completo de insumos de corte e fixação de alta performance.",
-        },
+          id: "s4",          title: "Comércio de Ferramentas",          content: "Catálogo completo de insumos de corte e fixação de alta performance."},
         {
-          id: "s5",
-          title: "Retífica e Acabamentos",
-          content: "Processos de retificação para precisão superficial absoluta.",
-        },
+          id: "s5",          title: "Retífica e Acabamentos",          content: "Processos de retificação para precisão superficial absoluta."},
         {
-          id: "s6",
-          title: "Consultoria Técnica",
-          content: "Expertise técnica para otimizar processos de manufatura na sua planta.",
-        },
+          id: "s6",          title: "Consultoria Técnica",          content: "Expertise técnica para otimizar processos de manufatura na sua planta."},
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/25-tools-solid-glyph-icon-pack_1142-24324.jpg?_wi=1"
       imageAlt="Industrial Service Icon"
@@ -153,30 +114,15 @@ export default function LandingPage() {
       tag="Nosso Diferencial"
       metrics={[
         {
-          id: "p1",
-          value: "Qualidade",
-          description: "Certificada",
-        },
+          id: "p1",          value: "Qualidade",          description: "Certificada"},
         {
-          id: "p2",
-          value: "Rapidez",
-          description: "Entrega Ágil",
-        },
+          id: "p2",          value: "Rapidez",          description: "Entrega Ágil"},
         {
-          id: "p3",
-          value: "Expertise",
-          description: "Técnica",
-        },
+          id: "p3",          value: "Expertise",          description: "Técnica"},
         {
-          id: "p4",
-          value: "Localização",
-          description: "Hub SJC",
-        },
+          id: "p4",          value: "Localização",          description: "Hub SJC"},
         {
-          id: "p5",
-          value: "Segurança",
-          description: "Conformidade NR",
-        },
+          id: "p5",          value: "Segurança",          description: "Conformidade NR"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -188,60 +134,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Josue David Machado",
-          date: "2024",
-          title: "Cliente Industrial",
-          quote: "Excelente atendimento e qualidade técnica superior.",
-          tag: "Industrial",
-          avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-protective-helmet-holding-tablet-looking-screen_74855-16472.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-dark-grunge-style-textures_1048-14265.jpg?_wi=2",
-          imageAlt: "industrial steel texture dark",
-        },
+          id: "1",          name: "Josue David Machado",          date: "2024",          title: "Cliente Industrial",          quote: "Excelente atendimento e qualidade técnica superior.",          tag: "Industrial",          avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-protective-helmet-holding-tablet-looking-screen_74855-16472.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-dark-grunge-style-textures_1048-14265.jpg?_wi=2",          imageAlt: "industrial steel texture dark"},
         {
-          id: "2",
-          name: "Marco Campos",
-          date: "2024",
-          title: "Gestor de Manutenção",
-          quote: "Resolvem problemas complexos rapidamente.",
-          tag: "Manutenção",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/electric-drill-closeup-repair-shop_169016-24440.jpg?_wi=2",
-          imageAlt: "industrial machine parts macro",
-        },
+          id: "2",          name: "Marco Campos",          date: "2024",          title: "Gestor de Manutenção",          quote: "Resolvem problemas complexos rapidamente.",          tag: "Manutenção",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/electric-drill-closeup-repair-shop_169016-24440.jpg?_wi=2",          imageAlt: "industrial machine parts macro"},
         {
-          id: "3",
-          name: "Percilio Jesus",
-          date: "2024",
-          title: "Suprimentos",
-          quote: "Ótima localização e equipe muito prestativa.",
-          tag: "Suprimentos",
-          avatarSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-tools-solid-glyph-icon-pack_1142-24324.jpg?_wi=2",
-          imageAlt: "cnc machining icon gold",
-        },
+          id: "3",          name: "Percilio Jesus",          date: "2024",          title: "Suprimentos",          quote: "Ótima localização e equipe muito prestativa.",          tag: "Suprimentos",          avatarSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/25-tools-solid-glyph-icon-pack_1142-24324.jpg?_wi=2",          imageAlt: "cnc machining icon gold"},
         {
-          id: "4",
-          name: "Carlos Eduardo",
-          date: "2024",
-          title: "Engenharia",
-          quote: "Precisão absoluta nos moldes fornecidos.",
-          tag: "Engenharia",
-          avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-protective-helmet-holding-tablet-looking-screen_74855-16472.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg",
-          imageAlt: "industrial mold tool icon",
-        },
+          id: "4",          name: "Carlos Eduardo",          date: "2024",          title: "Engenharia",          quote: "Precisão absoluta nos moldes fornecidos.",          tag: "Engenharia",          avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-protective-helmet-holding-tablet-looking-screen_74855-16472.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg",          imageAlt: "industrial mold tool icon"},
         {
-          id: "5",
-          name: "Ana Souza",
-          date: "2024",
-          title: "Compra Técnica",
-          quote: "Parceria fundamental para nossa produção.",
-          tag: "Parceria",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg",
-          imageAlt: "mechanical gear icon metal",
-        },
+          id: "5",          name: "Ana Souza",          date: "2024",          title: "Compra Técnica",          quote: "Parceria fundamental para nossa produção.",          tag: "Parceria",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg",          imageAlt: "mechanical gear icon metal"},
       ]}
       title="O que dizem sobre nós"
       description="Clientes que confiam em nossa precisão técnica."
@@ -255,22 +156,14 @@ export default function LandingPage() {
       description="Estamos localizados na Estrada Municipal Glaudistom Pereira de Oliveira. Vamos elevar o nível da sua produção."
       inputs={[
         {
-          name: "nome",
-          type: "text",
-          placeholder: "Nome completo",
-          required: true,
+          name: "nome",          type: "text",          placeholder: "Nome completo",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "E-mail empresarial",
-          required: true,
+          name: "email",          type: "email",          placeholder: "E-mail empresarial",          required: true,
         },
       ]}
       textarea={{
-        name: "mensagem",
-        placeholder: "Descreva sua necessidade técnica",
-        rows: 4,
+        name: "mensagem",        placeholder: "Descreva sua necessidade técnica",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-16054.jpg"
       imageAlt="GHM Location SJC"
@@ -284,46 +177,29 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navegação",
-          items: [
+          title: "Navegação",          items: [
             {
-              label: "Início",
-              href: "#hero",
-            },
+              label: "Início",              href: "#hero"},
             {
-              label: "Serviços",
-              href: "#services",
-            },
+              label: "Serviços",              href: "#services"},
             {
-              label: "Contato",
-              href: "#contact",
-            },
+              label: "Contato",              href: "#contact"},
           ],
         },
         {
-          title: "Localização",
-          items: [
+          title: "Localização",          items: [
             {
-              label: "Estrada Municipal Glaudistom Pereira de Oliveira, 3200",
-              href: "#",
-            },
+              label: "Estrada Municipal Glaudistom Pereira de Oliveira, 3200",              href: "#"},
             {
-              label: "São José dos Campos - SP",
-              href: "#",
-            },
+              label: "São José dos Campos - SP",              href: "#"},
           ],
         },
         {
-          title: "Contato",
-          items: [
+          title: "Contato",          items: [
             {
-              label: "(12) 3941-4292",
-              href: "tel:+551239414292",
-            },
+              label: "(12) 3941-4292",              href: "tel:+551239414292"},
             {
-              label: "WhatsApp",
-              href: "https://wa.me/551239414292",
-            },
+              label: "WhatsApp",              href: "https://wa.me/551239414292"},
           ],
         },
       ]}
@@ -334,4 +210,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0D0D0D;
-  --card: #1A1A1A;
-  --foreground: #FFFFFF;
-  --primary-cta: #C9A84C;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #dfff1c;
   --primary-cta-text: #000000;
-  --secondary-cta: #1A1A1A;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #FFFFFF;
-  --accent: #333333;
-  --background-accent: #202020;
+  --accent: #8b9a1b;
+  --background-accent: #5d6b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);