- Artigos
+ Serviços
- Serviços
+ Artigos
+
+
+
+
+
+ Serviços de Consultoria em Desenvolvimento de Software
+
+
+ Diagnóstico, arquitetura e execução para modernizar sistemas, acelerar entregas e operar com segurança — de APIs e cloud a DevOps e qualidade.
+
+
+
+
+
+
+
O que eu entrego
+
+ {serviceOfferings.map((service, index) => {
+ const Icon = serviceIcons[index];
+
+ return (
+
+ {service.name}
+ {service.description}
+
+ );
+ })}
+
+
+
+
+
+
Modelos de Engajamento
+
+ {engagementModels.map((model) => (
+
+ {model.title}
+ {model.description}
+
+ ))}
+
+
+
+
+
+
Perguntas Frequentes
+
+ {faqs.map((faq) => (
+
+ {faq.question}
+ {faq.answer}
+
+ ))}
+
+
+
+
+
+
+
Fale sobre seu projeto
+
Envie os detalhes e responderei com uma proposta objetiva.
+
+
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bb67ff9..574d3fd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,15 +4,16 @@ import "./globals.css";
import Footer from "./components/Footer";
import GoogleAnalytics from "./components/GoogleAnalytics";
import Script from "next/script";
+import { serviceOfferings } from "@/data/services";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: {
- default: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
+ default: "HelpDev — Serviços de Consultoria em Desenvolvimento de Software",
template: "%s | HelpDev"
},
- description: "Consultoria em arquitetura, desenvolvimento de software, cloud/DevOps, performance e mentoria. Projetos sob medida com qualidade e previsibilidade.",
+ description: "Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps para acelerar produtos com qualidade e previsibilidade.",
keywords: ["consultoria de software", "desenvolvimento de software", "arquitetura de software", "devops", "cloud", "java", "node", "react", "next.js", "performance", "mentoria"],
authors: [{ name: "Guilherme Biff Zarelli" }],
creator: "Guilherme Biff Zarelli",
@@ -27,22 +28,22 @@ export const metadata: Metadata = {
type: "website",
locale: "pt_BR",
url: "https://helpdev.com.br",
- title: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
- description: "Consultoria em arquitetura, desenvolvimento, cloud/DevOps e performance. Projetos sob medida com entregas previsíveis.",
+ title: "HelpDev — Serviços de Consultoria em Desenvolvimento de Software",
+ description: "Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps.",
siteName: "HelpDev",
images: [
{
url: "https://helpdev.com.br/images/logo.png",
width: 1200,
height: 630,
- alt: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
+ alt: "HelpDev — Serviços de Consultoria em Desenvolvimento de Software",
},
],
},
twitter: {
card: "summary_large_image",
- title: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
- description: "Consultoria em arquitetura, desenvolvimento, cloud/DevOps e performance.",
+ title: "HelpDev — Serviços de Consultoria em Desenvolvimento de Software",
+ description: "Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps.",
images: ["https://helpdev.com.br/images/logo.png"],
creator: "@gbzarelli",
site: "@_helpdev",
@@ -84,7 +85,7 @@ export default function RootLayout({
url: 'https://helpdev.com.br',
logo: 'https://helpdev.com.br/images/logo.png',
image: 'https://helpdev.com.br/images/logo.png',
- description: 'Consultoria e desenvolvimento de software: arquitetura, cloud/DevOps, performance e mentoria.',
+ description: 'Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud, DevOps, performance e mentoria.',
areaServed: ['BR', 'Global'],
sameAs: [
'https://github.com/gbzarelli',
@@ -101,14 +102,14 @@ export default function RootLayout({
hasOfferCatalog: {
'@type': 'OfferCatalog',
name: 'Serviços de Consultoria',
- itemListElement: [
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Consultoria em Arquitetura' } },
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Desenvolvimento de Projetos' } },
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Cloud & DevOps' } },
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Qualidade & Segurança' } },
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Performance & Escala' } },
- { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Mentoria & Treinamentos' } }
- ]
+ itemListElement: serviceOfferings.map((service) => ({
+ '@type': 'Offer',
+ itemOffered: {
+ '@type': 'Service',
+ name: service.name,
+ description: service.description,
+ },
+ })),
}
}) }}
/>
diff --git a/src/app/metadata.ts b/src/app/metadata.ts
deleted file mode 100644
index c6c67ee..0000000
--- a/src/app/metadata.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
- title: 'HelpDev — Desenvolvimento de Software e Consultoria Técnica',
- description: 'Consultoria em arquitetura, desenvolvimento, cloud/DevOps, performance e mentoria. Projetos sob medida com qualidade e previsibilidade.',
- keywords: ['consultoria', 'desenvolvimento de software', 'arquitetura', 'devops', 'cloud', 'java', 'javascript', 'typescript', 'next.js', 'performance'],
- authors: [{ name: 'Guilherme Biff Zarelli' }],
- alternates: {
- canonical: '/',
- },
- openGraph: {
- title: 'HelpDev — Desenvolvimento de Software e Consultoria Técnica',
- description: 'Consultoria em arquitetura, desenvolvimento, cloud/DevOps e performance. Projetos sob medida com entregas previsíveis.',
- type: 'website',
- images: [
- {
- url: 'https://helpdev.com.br/images/logo.png',
- width: 1200,
- height: 630,
- alt: 'HelpDev — Desenvolvimento de Software e Consultoria Técnica',
- },
- ],
- },
- twitter: {
- card: 'summary_large_image',
- title: 'HelpDev — Desenvolvimento de Software e Consultoria Técnica',
- description: 'Consultoria em arquitetura, desenvolvimento, cloud/DevOps e performance.',
- images: ['https://helpdev.com.br/images/logo.png'],
- creator: '@gbzarelli',
- site: '@_helpdev',
- },
-};
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a945b55..eb31edd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,276 +1,24 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
-import { Navbar } from './components/Navbar';
-import { ArticleCard } from './components/ArticleCard';
-import { BlogCard } from './components/BlogCard';
-import { ProjectCard } from './components/ProjectCard';
-import {
- FaGithub, FaMedium, FaEnvelope, FaInstagram, FaArrowRight,
- FaBriefcase, FaCode, FaCloud, FaRocket, FaShieldAlt, FaChalkboardTeacher, FaUserGraduate
-} from 'react-icons/fa';
-import { featuredArticles, featuredProjects, featuredBlogPosts, contacts, quickLinks } from '@/data/content';
-import { ContactForm } from './components/ContactForm';
-
-// Create icon mapping for contacts
-const iconMap = {
- FaGithub:
,
- FaMedium:
,
- FaInstagram:
,
- FaEnvelope:
+import type { Metadata } from 'next';
+import { ServicesLanding } from './components/ServicesLanding';
+
+export const metadata: Metadata = {
+ title: 'Serviços de Consultoria em Desenvolvimento de Software',
+ description:
+ 'Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps para acelerar produtos com qualidade e previsibilidade.',
+ alternates: { canonical: '/' },
+ openGraph: {
+ url: '/',
+ title: 'Serviços de Consultoria em Desenvolvimento de Software | HelpDev',
+ description:
+ 'Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps para acelerar produtos com qualidade e previsibilidade.',
+ },
+ twitter: {
+ title: 'Serviços de Consultoria em Desenvolvimento de Software | HelpDev',
+ description:
+ 'Consultoria em desenvolvimento de software, arquitetura, modernização de sistemas, cloud e DevOps para acelerar produtos com qualidade e previsibilidade.',
+ },
};
-// Map contacts with icons
-const contactsWithIcons = contacts.map(contact => ({
- ...contact,
- icon: iconMap[contact.icon as keyof typeof iconMap]
-}));
-
export default function Home() {
- const services = [
- {
- icon:
,
- title: 'Consultoria em Arquitetura',
- desc: 'Diagnóstico, desenho e evolução de arquiteturas escaláveis e seguras.'
- },
- {
- icon:
,
- title: 'Desenvolvimento de Projetos',
- desc: 'Entrega ponta a ponta: backend, frontend, integrações e automações.'
- },
- {
- icon:
,
- title: 'Cloud & DevOps',
- desc: 'Infra como código, pipelines, observabilidade e custos otimizados.'
- },
- {
- icon:
,
- title: 'Qualidade & Segurança',
- desc: 'Revisão de código, testes, performance e práticas de segurança.'
- },
- {
- icon:
,
- title: 'Performance & Escala',
- desc: 'Perfis de desempenho, caching, filas e arquitetura orientada a eventos.'
- },
- {
- icon:
,
- title: 'Treinamentos Corporativos',
- desc: 'Workshops e capacitação sob medida para seu time e empresa.'
- },
- {
- icon:
,
- title: 'Mentoria Especializada para Desenvolvedor',
- desc: 'Orientação 1:1 personalizada para evolução técnica, carreira e boas práticas de desenvolvimento.'
- }
- ] as const;
-
- const mailtoHref =
- 'mailto:gbzarelli@helpdev.com.br?subject=Proposta%20-%20Consultoria%20e%20Desenvolvimento&body=Olá%20Guilherme,%20gostaria%20de%20conversar%20sobre%20um%20projeto/consultoria.%20Resumo:%20';
-
- return (
-
-
-
- {/* Hero Section - knowledge sharing focus */}
-
-
-
-
-
- Artigos e conhecimento aplicado em engenharia de software
-
-
- Compartilho experiências práticas sobre arquitetura, plataformas cloud e liderança técnica para ajudar times e devs a evoluírem com conteúdos acionáveis.
-
-
-
-
-
-
-
-
- {/* Featured Articles Section (social proof) */}
-
-
-
-
Artigos em Destaque
-
-
- {featuredArticles.map((article, index) => (
-
- ))}
-
-
-
- {/* Featured Blog Posts Section */}
-
-
-
-
Blog & Gists
-
-
- {featuredBlogPosts.map((post, index) => (
-
-
-
- {/* Services Section */}
-
-
-
-
- {services.map((s, i) => (
-
-
{s.icon}
-
{s.title}
-
{s.desc}
-
- ))}
-
-
-
- {/* Projects Section (portfolio) */}
-
-
-
-
Projetos Open Source
-
-
- {featuredProjects.map((project, index) => (
-
- ))}
-
-
-
- {/* Quick Links Section */}
-
-
-
Explore Mais
-
- {quickLinks.map((item, index) => (
-
-
-
{item.icon}
-
{item.title}
-
{item.description}
-
-
- ))}
-
-
-
- {/* Contact Section - static form */}
-
-
-
Pronto para acelerar seu produto?
-
Preencha o formulário e retorno com uma proposta objetiva.
-
-
-
-
- );
+ return
;
}
diff --git a/src/app/projects/metadata.ts b/src/app/projects/layout.tsx
similarity index 67%
rename from src/app/projects/metadata.ts
rename to src/app/projects/layout.tsx
index 00ec8dc..07142f7 100644
--- a/src/app/projects/metadata.ts
+++ b/src/app/projects/layout.tsx
@@ -1,32 +1,34 @@
import type { Metadata } from 'next';
+import type { ReactNode } from 'react';
export const metadata: Metadata = {
- title: 'Projetos - HelpDev',
+ title: 'Projetos',
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
keywords: ['projetos', 'open source', 'github', 'desenvolvimento', 'software', 'programação', 'tecnologia', 'java', 'javascript', 'typescript', 'ferramentas', 'soluções'],
authors: [{ name: 'Guilherme Biff Zarelli' }],
- alternates: {
- canonical: '/projects',
- },
+ alternates: { canonical: '/projects' },
openGraph: {
- title: 'Projetos - HelpDev',
+ url: '/projects',
+ title: 'Projetos | HelpDev',
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
type: 'website',
- images: [
- {
- url: 'https://helpdev.com.br/images/logo.png',
- width: 1200,
- height: 630,
- alt: 'HelpDev Projetos',
- },
- ],
+ images: [{
+ url: 'https://helpdev.com.br/images/logo.png',
+ width: 1200,
+ height: 630,
+ alt: 'HelpDev Projetos',
+ }],
},
twitter: {
card: 'summary_large_image',
- title: 'Projetos - HelpDev',
+ title: 'Projetos | HelpDev',
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
images: ['https://helpdev.com.br/images/logo.png'],
creator: '@gbzarelli',
site: '@_helpdev',
},
-};
\ No newline at end of file
+};
+
+export default function ProjectsLayout({ children }: { children: ReactNode }) {
+ return children;
+}
diff --git a/src/app/services/metadata.ts b/src/app/services/metadata.ts
deleted file mode 100644
index a5743c5..0000000
--- a/src/app/services/metadata.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
- title: 'Serviços de Consultoria e Desenvolvimento | HelpDev',
- description:
- 'Consultoria em arquitetura, desenvolvimento de software, cloud, DevOps, performance e mentoria. Acelere seu produto com qualidade e previsibilidade.',
- alternates: { canonical: '/services' },
-};
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 7633c74..cc38166 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,106 +1,14 @@
-import Link from 'next/link';
-import { FaBriefcase, FaCode, FaCloud, FaShieldAlt, FaRocket, FaChalkboardTeacher, FaUserGraduate, FaArrowRight } from 'react-icons/fa';
-import { Navbar } from '../components/Navbar';
-import { ContactForm } from '../components/ContactForm';
+import type { Metadata } from 'next';
+import { ServicesLanding } from '../components/ServicesLanding';
-const mailtoHref =
- 'mailto:gbzarelli@helpdev.com.br?subject=Proposta%20-%20Consultoria%20e%20Desenvolvimento&body=Olá%20Guilherme,%20gostaria%20de%20conversar%20sobre%20um%20projeto/consultoria.%20Resumo:%20';
+export const metadata: Metadata = {
+ title: 'Serviços de Consultoria em Desenvolvimento de Software',
+ description:
+ 'Esta rota redireciona para a página principal de consultoria em desenvolvimento de software da HelpDev.',
+ alternates: { canonical: '/' },
+ robots: { index: false, follow: true },
+};
export default function ServicesPage() {
- const services = [
- { icon:
, title: 'Consultoria em Arquitetura', desc: 'Diagnóstico, desenho e evolução de arquiteturas escaláveis e seguras.' },
- { icon:
, title: 'Desenvolvimento de Projetos', desc: 'Entrega ponta a ponta: backend, frontend, integrações e automações.' },
- { icon:
, title: 'Cloud & DevOps', desc: 'Infra como código, pipelines, observabilidade e custos otimizados.' },
- { icon:
, title: 'Qualidade & Segurança', desc: 'Revisão de código, testes, performance e práticas de segurança.' },
- { icon:
, title: 'Performance & Escala', desc: 'Perfis de desempenho, caching, filas e arquitetura orientada a eventos.' },
- { icon:
, title: 'Treinamentos Corporativos', desc: 'Workshops e capacitação sob medida para seu time e empresa.' },
- { icon:
, title: 'Mentoria Especializada para Desenvolvedor', desc: 'Orientação 1:1 personalizada para evolução técnica, carreira e boas práticas de desenvolvimento.' },
- ] as const;
-
- const models = [
- { title: 'Projeto Fechado', desc: 'Escopo definido, prazos e entregas claras. Ideal para iniciativas com requisitos consolidados.' },
- { title: 'Time & Material', desc: 'Alocação por horas/sprints com priorização contínua. Ideal para evolução de produto.' },
- { title: 'Advisory', desc: 'Acompanhamento executivo/técnico recorrente para governança, decisões e revisão de roadmap.' },
- ] as const;
-
- const faqs = [
- { q: 'Como iniciamos?', a: 'Agende uma conversa. Entendo o contexto, elaboro proposta com escopo, prazos e investimento.' },
- { q: 'Quais tecnologias?', a: 'Java, Spring, Node.js, Next.js, React, Docker, Kubernetes, AWS, CI/CD e boas práticas.' },
- { q: 'Como é a comunicação?', a: 'Sprints curtas, checkpoints semanais e acesso aos artefatos (código, board, documentação).' },
- ] as const;
-
- return (
-
-
-
-
Serviços de Consultoria e Desenvolvimento
-
Apoio estratégico e execução técnica para acelerar produtos com qualidade, previsibilidade e escala.
-
-
-
-
-
-
O que eu entrego
-
- {services.map((s, i) => (
-
-
{s.icon}
-
{s.title}
-
{s.desc}
-
- ))}
-
-
-
-
-
-
Modelos de Engajamento
-
- {models.map((m) => (
-
- ))}
-
-
-
-
-
-
Perguntas Frequentes
-
- {faqs.map((f, i) => (
-
- ))}
-
-
-
-
-
-
-
Fale sobre seu projeto
-
Envie os detalhes e responderei com uma proposta objetiva.
-
-
-
- );
+ return
;
}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index 31fe6e2..35708ae 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -4,21 +4,16 @@ export const dynamic = 'force-static';
export default function sitemap(): MetadataRoute.Sitemap {
const baseUrl = 'https://helpdev.com.br';
- const now = new Date();
-
const routes = [
'/',
- '/services',
'/about',
'/articles',
'/projects',
'/blog',
- '/thanks',
];
return routes.map((route) => ({
url: `${baseUrl}${route}`,
- lastModified: now,
changeFrequency: 'weekly',
priority: route === '/' ? 1 : 0.8,
}));
diff --git a/src/app/thanks/page.tsx b/src/app/thanks/page.tsx
index 7a3870c..4829373 100644
--- a/src/app/thanks/page.tsx
+++ b/src/app/thanks/page.tsx
@@ -1,4 +1,10 @@
import Link from 'next/link';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+ title: 'Obrigado pelo contato',
+ robots: { index: false, follow: true },
+};
export default function ThanksPage() {
return (
diff --git a/src/data/content.ts b/src/data/content.ts
index c32e146..54613f5 100644
--- a/src/data/content.ts
+++ b/src/data/content.ts
@@ -113,7 +113,7 @@ export const contacts = [
// Quick links data
export const quickLinks = [
- { title: "Serviços", description: "Consultoria e desenvolvimento", link: "/services", icon: "🧩" },
+ { title: "Serviços", description: "Consultoria e desenvolvimento", link: "/", icon: "🧩" },
{ title: "Artigos", description: "Tutoriais e conteúdos técnicos", link: "/articles", icon: "📝" },
{ title: "Projetos", description: "Códigos open source e exemplos", link: "/projects", icon: "💻" },
{ title: "Blog/Gists", description: "Postagens rápidas e snippets", link: "/blog", icon: "📚" },
diff --git a/src/data/services.ts b/src/data/services.ts
new file mode 100644
index 0000000..b5c6f3c
--- /dev/null
+++ b/src/data/services.ts
@@ -0,0 +1,30 @@
+export const serviceOfferings = [
+ {
+ name: 'Consultoria em Arquitetura',
+ description: 'Diagnóstico, desenho e evolução de arquiteturas escaláveis e seguras.',
+ },
+ {
+ name: 'Desenvolvimento de Projetos',
+ description: 'Entrega ponta a ponta: backend, frontend, integrações e automações.',
+ },
+ {
+ name: 'Cloud & DevOps',
+ description: 'Infra como código, pipelines, observabilidade e custos otimizados.',
+ },
+ {
+ name: 'Qualidade & Segurança',
+ description: 'Revisão de código, testes, performance e práticas de segurança.',
+ },
+ {
+ name: 'Performance & Escala',
+ description: 'Perfis de desempenho, caching, filas e arquitetura orientada a eventos.',
+ },
+ {
+ name: 'Treinamentos Corporativos',
+ description: 'Workshops e capacitação sob medida para seu time e empresa.',
+ },
+ {
+ name: 'Mentoria Especializada para Desenvolvedor',
+ description: 'Orientação 1:1 personalizada para evolução técnica, carreira e boas práticas de desenvolvimento.',
+ },
+] as const;