Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ef624a9ca | |||
| 81a9d0087b | |||
| b436847031 | |||
| 45884598c0 |
206
src/app/page.tsx
206
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user