diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..b1d73e4
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,38 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- `src/app/`: Next.js App Router. Routes: `blog/`, `articles/`, `projects/`, `about/`, `services/`, `thanks/`.
+- `src/app/components/`: Reusable UI (e.g., `Navbar/`, `Footer/`, `ArticleCard/`, `ContactForm/`). Use one component per folder with `index.tsx`.
+- `src/data/`, `src/utils/`: Static data and helpers (e.g., `content.ts`).
+- `public/`: Static assets, `robots.txt`, `sitemap.xml`. Served at site root.
+- `out/`: Static export output for deployment (don’t edit manually).
+- Config: `next.config.ts`, `tailwind.config.ts`, `eslint.config.mjs`, `.htaccess`.
+
+## Build, Test, and Development Commands
+- `npm run dev`: Dev server with Turbopack at `http://localhost:3000`.
+- `npm run build`: Production build. If using static hosting, enable `output: 'export'` in `next.config.ts` to generate `out/`.
+- `npm start`: Run the production server locally.
+- `npm run lint`: ESLint (Next core-web-vitals + TS). Auto-fix: `npm run lint -- --fix`.
+- Preview static build: `npx http-server ./out -p 8000`.
+
+## Coding Style & Naming Conventions
+- TypeScript; 2-space indent. Components in PascalCase; route segments lowercase (e.g., `src/app/blog/page.tsx`).
+- Tailwind CSS in JSX; shared styles in `src/app/globals.css`.
+- Keep pages self-contained with `metadata.ts` per route when relevant.
+
+## Testing Guidelines
+- No tests configured. Validate via `npm run dev`. If adding tests: Jest + Testing Library for unit/UI; Playwright for e2e. Place under `src/**/__tests__` or as `*.test.ts(x)`.
+
+## Commit & Pull Request Guidelines
+- Conventional Commits (`feat:`, `fix:`, `docs:`, `chore:`, `refactor:`). Example: `feat(services): add static contact form`.
+- PRs: clear description, linked issues, screenshots for UI, and confirm `npm run lint`/`build` pass.
+
+## SEO & Content
+- Global SEO in `src/app/layout.tsx` (Open Graph, Twitter, JSON-LD). Per-page metadata in `src/app/**/metadata.ts`.
+- Keep a single H1 por página; use descrições objetivas e CTAs claros.
+- Atualize `sitemap.xml`/`robots.txt` ao criar rotas novas (ou migre para `src/app/sitemap.ts` e `robots.ts`).
+- Prefira imagens OG 1200x630 em `public/images/` e referencie em metadata.
+
+## Contato (Formulário Estático)
+- `ContactForm` usa FormSubmit (sem backend). Para trocar e-mail, edite `action` no componente.
+- Redireciona para `/thanks`. Honeypot ativado; sem captcha por padrão.
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..b2980c0
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,32 @@
+SHELL := /bin/bash
+
+# Config
+PORT ?= 8000
+HOST ?= 127.0.0.1
+
+.PHONY: help install dev build serve build-serve
+
+## help: Show available targets
+help:
+	@grep -E '^##' Makefile | sed -E 's/## //' | column -t -s ':'
+
+## install: Install project dependencies (npm ci fallback to npm install)
+install:
+	npm ci || npm install
+
+## dev: Run Next.js in development mode at http://localhost:3000
+dev:
+	npm run dev
+
+## build: Build production (static export expected into ./out)
+build:
+	npm run build
+
+## serve: Serve the static ./out folder on $(HOST):$(PORT)
+serve:
+	npx http-server ./out -a $(HOST) -p $(PORT) -c-1
+
+## build-serve: Build then serve the static ./out folder
+build-serve:
+	npm run build && npx http-server ./out -a $(HOST) -p $(PORT) -c-1
+
diff --git a/README.md b/README.md
index b59e3bc..1548890 100644
--- a/README.md
+++ b/README.md
@@ -32,8 +32,8 @@ O HelpDev é um portal dedicado a compartilhar conhecimento sobre desenvolviment
 
 1. Clone o repositório:
 ```bash
-git clone https://github.com/seu-usuario/helpdev.git
-cd helpdev
+git clone https://github.com/gbzarelli/helpdev.com.br.git
+cd helpdev.com.br
 ```
 
 2. Instale as dependências:
@@ -89,7 +89,7 @@ O projeto inclui um arquivo `.htaccess` com as seguintes configurações:
 ## 📝 Estrutura do Projeto
 
 ```
-helpdev/
+helpdev.com.br/
 ├── src/
 │   ├── app/
 │   │   ├── components/
diff --git a/next.config.ts b/next.config.ts
index 469a91b..9b0d938 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -5,6 +5,7 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 });
 
 const nextConfig: NextConfig = {
+  output: 'export',
   experimental: {
     // Enable Turbopack optimizations
     serverComponentsHmrCache: true, // Cache Server Components across HMR
@@ -21,6 +22,7 @@ const nextConfig: NextConfig = {
   
   // Image optimization configuration
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: 'https',
diff --git a/package.json b/package.json
index 558963e..0662d63 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,9 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "analyze": "ANALYZE=true npm run build"
+    "analyze": "ANALYZE=true npm run build",
+    "serve:static": "npx http-server ./out -p 8000",
+    "build:serve": "npm run build && npx http-server ./out -p 8000"
   },
   "dependencies": {
     "next": "15.3.0",
diff --git a/src/app/components/ContactForm/index.tsx b/src/app/components/ContactForm/index.tsx
new file mode 100644
index 0000000..db92f99
--- /dev/null
+++ b/src/app/components/ContactForm/index.tsx
@@ -0,0 +1,118 @@
+import React from 'react';
+
+type Props = {
+  redirectPath?: string;
+  subject?: string;
+};
+
+export function ContactForm({
+  redirectPath = '/thanks',
+  subject = 'Novo contato - Proposta | HelpDev',
+}: Props) {
+  const actionUrl = 'https://formsubmit.co/gbzarelli@helpdev.com.br';
+
+  return (
+    <form
+      action={actionUrl}
+      method="POST"
+      className="bg-white text-gray-900 p-6 rounded-xl shadow-md max-w-2xl mx-auto text-left"
+    >
+      {/* FormSubmit configuration */}
+      <input type="hidden" name="_next" value={redirectPath} />
+      <input type="hidden" name="_subject" value={subject} />
+      <input type="hidden" name="_captcha" value="false" />
+      <input type="text" name="_honey" className="hidden" aria-hidden="true" />
+
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div>
+          <label htmlFor="name" className="block text-sm font-medium text-gray-800">Nome</label>
+          <input
+            id="name"
+            name="name"
+            type="text"
+            required
+            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder-gray-400"
+            placeholder="Seu nome"
+          />
+        </div>
+        <div>
+          <label htmlFor="email" className="block text-sm font-medium text-gray-800">E-mail</label>
+          <input
+            id="email"
+            name="email"
+            type="email"
+            required
+            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder-gray-400"
+            placeholder="seu@email.com"
+          />
+        </div>
+        <div>
+          <label htmlFor="company" className="block text-sm font-medium text-gray-800">Empresa (opcional)</label>
+          <input
+            id="company"
+            name="company"
+            type="text"
+            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder-gray-400"
+            placeholder="Nome da empresa"
+          />
+        </div>
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label htmlFor="budget" className="block text-sm font-medium text-gray-800">Orçamento</label>
+            <select
+              id="budget"
+              name="budget"
+              className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 bg-white"
+              defaultValue=""
+            >
+              <option value="" disabled>Selecione…</option>
+              <option value="<10k">Até R$10k</option>
+              <option value="10-50k">R$10k–R$50k</option>
+              <option value=">50k">Acima de R$50k</option>
+              <option value="avaliar">A avaliar</option>
+            </select>
+          </div>
+          <div>
+            <label htmlFor="timeline" className="block text-sm font-medium text-gray-800">Prazo</label>
+            <select
+              id="timeline"
+              name="timeline"
+              className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 bg-white"
+              defaultValue=""
+            >
+              <option value="" disabled>Selecione…</option>
+              <option value="urgente">Urgente</option>
+              <option value="1-3m">1–3 meses</option>
+              <option value=">3m">Mais de 3 meses</option>
+              <option value="indefinido">Indefinido</option>
+            </select>
+          </div>
+        </div>
+        <div className="md:col-span-2">
+          <label htmlFor="message" className="block text-sm font-medium text-gray-800">Mensagem</label>
+          <textarea
+            id="message"
+            name="message"
+            required
+            rows={5}
+            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder-gray-400"
+            placeholder="Conte um pouco sobre o projeto, objetivos e restrições."
+          />
+        </div>
+        <div className="md:col-span-2 flex items-start">
+          <input id="consent" name="consent" type="checkbox" required className="mt-1 mr-2" />
+          <label htmlFor="consent" className="text-sm text-gray-800">Aceito ser contatado por e-mail para tratativas sobre este projeto.</label>
+        </div>
+      </div>
+      <div className="mt-6 flex items-center gap-3">
+        <button
+          type="submit"
+          className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+        >
+          Enviar proposta
+        </button>
+        <a href="mailto:gbzarelli@helpdev.com.br" className="text-blue-600 hover:text-blue-800">ou envie um e-mail</a>
+      </div>
+    </form>
+  );
+}
diff --git a/src/app/components/Footer/index.tsx b/src/app/components/Footer/index.tsx
index a19797d..979c803 100644
--- a/src/app/components/Footer/index.tsx
+++ b/src/app/components/Footer/index.tsx
@@ -12,7 +12,7 @@ export const Footer: React.FC = () => {
         <div className="flex flex-col md:flex-row justify-between items-center">
           <div className="mb-4 md:mb-0">
             <h2 className="text-2xl font-bold">HelpDev</h2>
-            <p className="text-gray-400 mt-2">Compartilhando conhecimento em desenvolvimento de software desde 2013</p>
+            <p className="text-gray-400 mt-2">Desenvolvimento de Software e Consultoria Técnica</p>
           </div>
           
           <div className="flex flex-col md:flex-row gap-8">
@@ -20,10 +20,12 @@ export const Footer: React.FC = () => {
               <h3 className="text-lg font-semibold mb-2">Links</h3>
               <ul className="space-y-1">
                 <li><Link href="/" className="text-gray-400 hover:text-white transition-colors">Home</Link></li>
+                <li><Link href="/services" className="text-gray-400 hover:text-white transition-colors">Serviços</Link></li>
                 <li><Link href="/about" className="text-gray-400 hover:text-white transition-colors">Sobre</Link></li>
                 <li><Link href="/articles" className="text-gray-400 hover:text-white transition-colors">Artigos</Link></li>
                 <li><Link href="/projects" className="text-gray-400 hover:text-white transition-colors">Projetos</Link></li>
                 <li><Link href="/blog" className="text-gray-400 hover:text-white transition-colors">Blog</Link></li>
+                <li><Link href="/#contato" className="text-gray-400 hover:text-white transition-colors">Contato</Link></li>
               </ul>
             </div>
             
@@ -47,4 +49,3 @@ export const Footer: React.FC = () => {
 };
 
 export default Footer;
-
diff --git a/src/app/components/Navbar/index.tsx b/src/app/components/Navbar/index.tsx
index 0a7ed81..0e2a3f3 100644
--- a/src/app/components/Navbar/index.tsx
+++ b/src/app/components/Navbar/index.tsx
@@ -48,6 +48,16 @@ export const Navbar = React.memo(() => {
               >
                 Artigos
               </Link>
+              <Link
+                href="/services"
+                className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${
+                  isActive('/services')
+                    ? 'border-blue-500 text-gray-900'
+                    : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700'
+                }`}
+              >
+                Serviços
+              </Link>
               <Link
                 href="/projects"
                 className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${
@@ -78,6 +88,12 @@ export const Navbar = React.memo(() => {
               >
                 Sobre
               </Link>
+              <Link
+                href="/#contato"
+                className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700`}
+              >
+                Contato
+              </Link>
             </div>
           </div>
 
@@ -137,6 +153,17 @@ export const Navbar = React.memo(() => {
           >
             Artigos
           </Link>
+          <Link
+            href="/services"
+            className={`block pl-3 pr-4 py-2 border-l-4 text-base font-medium ${
+              isActive('/services')
+                ? 'border-blue-500 text-blue-700 bg-blue-50'
+                : 'border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700'
+            }`}
+            onClick={closeMenu}
+          >
+            Serviços
+          </Link>
           <Link
             href="/projects"
             className={`block pl-3 pr-4 py-2 border-l-4 text-base font-medium ${
@@ -170,6 +197,13 @@ export const Navbar = React.memo(() => {
           >
             Sobre
           </Link>
+          <Link
+            href="/#contato"
+            className={`block pl-3 pr-4 py-2 border-l-4 text-base font-medium border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700`}
+            onClick={closeMenu}
+          >
+            Contato
+          </Link>
         </div>
       </div>
     </nav>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 64167cc..60f78a9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,16 +2,17 @@ import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Footer from "./components/Footer";
+import Script from "next/script";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: {
-    default: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
+    default: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
     template: "%s | HelpDev"
   },
-  description: "Portal dedicado a compartilhar conhecimento sobre desenvolvimento de software, com artigos técnicos, projetos open source e snippets de código úteis.",
-  keywords: ["desenvolvimento de software", "programação", "artigos técnicos", "projetos open source", "snippets de código", "tecnologia", "java", "arquitetura de software", "clean code", "boas práticas"],
+  description: "Consultoria em arquitetura, desenvolvimento de software, cloud/DevOps, performance e mentoria. Projetos sob medida 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",
   publisher: "HelpDev",
@@ -21,29 +22,26 @@ export const metadata: Metadata = {
     telephone: false,
   },
   metadataBase: new URL('https://helpdev.com.br'),
-  alternates: {
-    canonical: '/',
-  },
   openGraph: {
     type: "website",
     locale: "pt_BR",
     url: "https://helpdev.com.br",
-    title: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
-    description: "Portal dedicado a compartilhar conhecimento sobre desenvolvimento de software, com artigos técnicos, projetos open source e snippets de código úteis.",
+    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.",
     siteName: "HelpDev",
     images: [
       {
         url: "https://helpdev.com.br/images/logo.png",
         width: 1200,
         height: 630,
-        alt: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
+        alt: "HelpDev — Desenvolvimento de Software e Consultoria Técnica",
       },
     ],
   },
   twitter: {
     card: "summary_large_image",
-    title: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
-    description: "Portal dedicado a compartilhar conhecimento sobre desenvolvimento de software, com artigos técnicos, projetos open source e snippets de código úteis.",
+    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",
@@ -76,6 +74,50 @@ export default function RootLayout({
   return (
     <html lang="pt-BR">
       <body className={inter.className} suppressHydrationWarning>
+        <Script id="ld-organization" type="application/ld+json" strategy="afterInteractive"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'ProfessionalService',
+            name: 'HelpDev',
+            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.',
+            areaServed: ['BR', 'Global'],
+            sameAs: [
+              'https://github.com/gbzarelli',
+              'https://linkedin.com/in/gbzarelli/',
+              'https://medium.com/@guilherme.zarelli',
+              'https://www.instagram.com/_helpdev/'
+            ],
+            contactPoint: [{
+              '@type': 'ContactPoint',
+              email: 'gbzarelli@helpdev.com.br',
+              contactType: 'sales',
+              availableLanguage: ['Portuguese', 'English']
+            }],
+            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' } }
+              ]
+            }
+          }) }}
+        />
+        <Script id="ld-website" type="application/ld+json" strategy="afterInteractive"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'WebSite',
+            name: 'HelpDev',
+            url: 'https://helpdev.com.br'
+          }) }}
+        />
         {children}
         <Footer />
       </body>
diff --git a/src/app/metadata.ts b/src/app/metadata.ts
index 94daeb6..c6c67ee 100644
--- a/src/app/metadata.ts
+++ b/src/app/metadata.ts
@@ -1,32 +1,32 @@
 import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'HelpDev - Desenvolvimento de Software e Tecnologia',
-  description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Artigos, tutoriais e projetos open source para desenvolvedores.',
-  keywords: ['desenvolvimento', 'software', 'programação', 'tecnologia', 'arquitetura', 'boas práticas', 'artigos', 'tutoriais', 'projetos', 'open source', 'java', 'javascript', 'typescript'],
+  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 Tecnologia',
-    description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Artigos, tutoriais e projetos open source para desenvolvedores.',
+    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',
+        alt: 'HelpDev — Desenvolvimento de Software e Consultoria Técnica',
       },
     ],
   },
   twitter: {
     card: 'summary_large_image',
-    title: 'HelpDev - Desenvolvimento de Software e Tecnologia',
-    description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia.',
+    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',
   },
-}; 
\ No newline at end of file
+}; 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0d174b5..3584dbd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,8 +7,12 @@ 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 } from 'react-icons/fa';
+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 = {
@@ -25,34 +29,75 @@ const contactsWithIcons = contacts.map(contact => ({
 }));
 
 export default function Home() {
+  const services = [
+    {
+      icon: <FaBriefcase className="text-blue-600 text-3xl" />,
+      title: 'Consultoria em Arquitetura',
+      desc: 'Diagnóstico, desenho e evolução de arquiteturas escaláveis e seguras.'
+    },
+    {
+      icon: <FaCode className="text-blue-600 text-3xl" />,
+      title: 'Desenvolvimento de Projetos',
+      desc: 'Entrega ponta a ponta: backend, frontend, integrações e automações.'
+    },
+    {
+      icon: <FaCloud className="text-blue-600 text-3xl" />,
+      title: 'Cloud & DevOps',
+      desc: 'Infra como código, pipelines, observabilidade e custos otimizados.'
+    },
+    {
+      icon: <FaShieldAlt className="text-blue-600 text-3xl" />,
+      title: 'Qualidade & Segurança',
+      desc: 'Revisão de código, testes, performance e práticas de segurança.'
+    },
+    {
+      icon: <FaRocket className="text-blue-600 text-3xl" />,
+      title: 'Performance & Escala',
+      desc: 'Perfis de desempenho, caching, filas e arquitetura orientada a eventos.'
+    },
+    {
+      icon: <FaChalkboardTeacher className="text-blue-600 text-3xl" />,
+      title: 'Treinamentos Corporativos',
+      desc: 'Workshops e capacitação sob medida para seu time e empresa.'
+    },
+    {
+      icon: <FaUserGraduate className="text-blue-600 text-3xl" />,
+      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 (
     <div className="min-h-screen bg-gray-100">
       <Navbar />
       
-      {/* Hero Section */}
+      {/* Hero Section - Consulting positioning */}
       <section className="bg-white py-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-8">
             <div className="md:w-3/5">
               <h1 className="text-4xl sm:text-5xl font-bold text-gray-900 mb-4">
-                Compartilhando Conhecimento em Desenvolvimento de Software
+                Desenvolvimento de Software e Consultoria Técnica
               </h1>
               <p className="text-xl text-gray-600 mb-8">
-                Portal dedicado a compartilhar artigos técnicos, projetos open source e snippets de código para auxiliar desenvolvedores.
+                Acelere seu produto com arquitetura sólida, código de qualidade e entregas previsíveis. Atuo em projetos ponta a ponta ou como consultor especializado.
               </p>
               <div className="flex flex-wrap gap-4 mb-8">
-                <Link 
-                  href="/articles" 
+                <a
+                  href={mailtoHref}
                   className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
                 >
-                  Ver Artigos
+                  Solicitar proposta
                   <FaArrowRight className="ml-2" />
-                </Link>
+                </a>
                 <Link 
-                  href="/about" 
+                  href="#servicos" 
                   className="inline-flex items-center px-6 py-3 border border-gray-300 text-base font-medium rounded-md bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
                 >
-                  Sobre o Autor
+                  Ver serviços
                 </Link>
               </div>
               <div className="flex gap-4">
@@ -85,7 +130,50 @@ export default function Home() {
         </div>
       </section>
 
-      {/* Featured Articles Section */}
+      {/* Services Section */}
+      <section id="servicos" className="py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between items-center mb-8">
+            <h2 className="text-3xl font-bold text-gray-900">Serviços</h2>
+            <a href={mailtoHref} className="text-blue-600 hover:text-blue-800 flex items-center transition-colors">
+              Solicitar proposta
+              <FaArrowRight className="ml-2" />
+            </a>
+          </div>
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+            {services.map((s, i) => (
+              <div key={i} className="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300 h-full">
+                <div className="mb-4">{s.icon}</div>
+                <h3 className="text-xl font-semibold text-gray-900 mb-2">{s.title}</h3>
+                <p className="text-gray-600">{s.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Process Section */}
+      <section className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-8">Como trabalho</h2>
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
+            {[ 
+              { n: '1', t: 'Descoberta', d: 'Entendemos objetivos, contexto e restrições.' },
+              { n: '2', t: 'Proposta', d: 'Escopo claro, prazos e investimento.' },
+              { n: '3', t: 'Execução', d: 'Sprints curtas, visibilidade e qualidade.' },
+              { n: '4', t: 'Entrega', d: 'Handover, documentação e próximo ciclo.' }
+            ].map((step) => (
+              <div key={step.n} className="bg-white p-6 rounded-xl shadow-md">
+                <div className="text-blue-600 text-sm font-bold mb-2">Etapa {step.n}</div>
+                <h3 className="text-lg font-semibold text-gray-900">{step.t}</h3>
+                <p className="text-gray-600 mt-1">{step.d}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Featured Articles Section (social proof) */}
       <section className="py-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center mb-8">
@@ -141,7 +229,7 @@ export default function Home() {
         </div>
       </section>
 
-      {/* Projects Section */}
+      {/* Projects Section (portfolio) */}
       <section className="py-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center mb-8">
@@ -187,29 +275,20 @@ export default function Home() {
         </div>
       </section>
 
-      {/* Footer CTA Section */}
-      <section className="bg-blue-600 py-16">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h2 className="text-3xl font-bold text-white mb-4">Pronto para aprender mais?</h2>
-          <p className="text-xl text-blue-100 mb-8 max-w-3xl mx-auto">
-            Explore nossos artigos, projetos e ferramentas para aprimorar suas habilidades em desenvolvimento de software.
-          </p>
-          <div className="flex flex-wrap justify-center gap-4">
-            <Link 
-              href="/articles" 
-              className="inline-flex items-center px-8 py-4 border border-transparent text-lg font-medium rounded-md shadow-sm text-blue-600 bg-white hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-blue-600 focus:ring-white transition-colors"
-            >
-              Começar Agora
-              <FaArrowRight className="ml-2" />
-            </Link>
-            <a 
-              href="https://github.com/gbzarelli" 
+      {/* Contact Section - static form */}
+      <section id="contato" className="bg-blue-600 py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-white mb-4 text-center">Pronto para acelerar seu produto?</h2>
+          <p className="text-xl text-blue-100 mb-8 max-w-3xl mx-auto text-center">Preencha o formulário e retorno com uma proposta objetiva.</p>
+          <ContactForm />
+          <div className="text-center mt-6">
+            <a
+              href="https://linkedin.com/in/gbzarelli/"
               target="_blank"
               rel="noopener noreferrer"
-              className="inline-flex items-center px-8 py-4 border border-white text-lg font-medium rounded-md shadow-sm text-white bg-transparent hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-blue-600 focus:ring-white transition-colors"
+              className="inline-flex items-center px-6 py-3 border border-white text-base font-medium rounded-md shadow-sm text-white bg-transparent hover:bg-blue-700"
             >
-              Ver GitHub
-              <FaGithub className="ml-2" />
+              Falar no LinkedIn
             </a>
           </div>
         </div>
diff --git a/src/app/robots.ts b/src/app/robots.ts
new file mode 100644
index 0000000..d03484e
--- /dev/null
+++ b/src/app/robots.ts
@@ -0,0 +1,16 @@
+export const dynamic = 'force-static';
+ 
+import { MetadataRoute } from 'next';
+ 
+export default function robots(): MetadataRoute.Robots {
+  const host = 'https://helpdev.com.br';
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+    },
+    sitemap: `${host}/sitemap.xml`,
+    host,
+  };
+}
+
diff --git a/src/app/services/metadata.ts b/src/app/services/metadata.ts
new file mode 100644
index 0000000..a5743c5
--- /dev/null
+++ b/src/app/services/metadata.ts
@@ -0,0 +1,8 @@
+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
new file mode 100644
index 0000000..7633c74
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,106 @@
+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';
+
+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 default function ServicesPage() {
+  const services = [
+    { icon: <FaBriefcase className="text-blue-600 text-3xl" />, title: 'Consultoria em Arquitetura', desc: 'Diagnóstico, desenho e evolução de arquiteturas escaláveis e seguras.' },
+    { icon: <FaCode className="text-blue-600 text-3xl" />, title: 'Desenvolvimento de Projetos', desc: 'Entrega ponta a ponta: backend, frontend, integrações e automações.' },
+    { icon: <FaCloud className="text-blue-600 text-3xl" />, title: 'Cloud & DevOps', desc: 'Infra como código, pipelines, observabilidade e custos otimizados.' },
+    { icon: <FaShieldAlt className="text-blue-600 text-3xl" />, title: 'Qualidade & Segurança', desc: 'Revisão de código, testes, performance e práticas de segurança.' },
+    { icon: <FaRocket className="text-blue-600 text-3xl" />, title: 'Performance & Escala', desc: 'Perfis de desempenho, caching, filas e arquitetura orientada a eventos.' },
+    { icon: <FaChalkboardTeacher className="text-blue-600 text-3xl" />, title: 'Treinamentos Corporativos', desc: 'Workshops e capacitação sob medida para seu time e empresa.' },
+    { icon: <FaUserGraduate className="text-blue-600 text-3xl" />, 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 (
+    <main className="min-h-screen bg-gray-100">
+      <Navbar />
+      <section className="bg-white py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h1 className="text-4xl sm:text-5xl font-bold text-gray-900 mb-4">Serviços de Consultoria e Desenvolvimento</h1>
+          <p className="text-xl text-gray-600 mb-8 max-w-3xl">Apoio estratégico e execução técnica para acelerar produtos com qualidade, previsibilidade e escala.</p>
+          <div className="flex gap-4">
+            <a href={mailtoHref} className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors">
+              Solicitar proposta
+              <FaArrowRight className="ml-2" />
+            </a>
+            <Link href="/#contato" className="inline-flex items-center px-6 py-3 border border-gray-300 text-base font-medium rounded-md bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors">
+              Falar agora
+            </Link>
+          </div>
+        </div>
+      </section>
+
+      <section className="py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-8">O que eu entrego</h2>
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+            {services.map((s, i) => (
+              <div key={i} className="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300">
+                <div className="mb-4">{s.icon}</div>
+                <h3 className="text-xl font-semibold text-gray-900 mb-2">{s.title}</h3>
+                <p className="text-gray-600">{s.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-8">Modelos de Engajamento</h2>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {models.map((m) => (
+              <div key={m.title} className="bg-white p-6 rounded-xl shadow-md">
+                <h3 className="text-lg font-semibold text-gray-900 mb-2">{m.title}</h3>
+                <p className="text-gray-600">{m.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section className="py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-8">Perguntas Frequentes</h2>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {faqs.map((f, i) => (
+              <div key={i} className="bg-white p-6 rounded-xl shadow-md">
+                <h3 className="text-lg font-semibold text-gray-900">{f.q}</h3>
+                <p className="text-gray-600 mt-2">{f.a}</p>
+              </div>
+            ))}
+          </div>
+          <div className="text-center mt-10">
+            <a href={mailtoHref} className="inline-flex items-center px-8 py-4 border border-transparent text-lg font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">Solicitar proposta</a>
+          </div>
+        </div>
+      </section>
+
+      <section id="contato" className="py-16 bg-blue-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-4 text-center">Fale sobre seu projeto</h2>
+          <p className="text-gray-600 mb-8 text-center">Envie os detalhes e responderei com uma proposta objetiva.</p>
+          <ContactForm redirectPath="/thanks" subject="Novo contato - Serviços | HelpDev" />
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
new file mode 100644
index 0000000..49106d2
--- /dev/null
+++ b/src/app/sitemap.ts
@@ -0,0 +1,18 @@
+import type { MetadataRoute } from 'next';
+
+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
new file mode 100644
index 0000000..7a3870c
--- /dev/null
+++ b/src/app/thanks/page.tsx
@@ -0,0 +1,23 @@
+import Link from 'next/link';
+
+export default function ThanksPage() {
+  return (
+    <main className="min-h-screen bg-gray-100">
+      <section className="py-20">
+        <div className="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 text-center bg-white p-10 rounded-xl shadow-md">
+          <h1 className="text-3xl font-bold text-gray-900 mb-4">Obrigado pelo contato!</h1>
+          <p className="text-gray-600 mb-6">
+            Recebi sua mensagem e retornarei em breve com os próximos passos.
+          </p>
+          <Link
+            href="/"
+            className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700"
+          >
+            Voltar para a Home
+          </Link>
+        </div>
+      </section>
+    </main>
+  );
+}
+
diff --git a/src/data/content.ts b/src/data/content.ts
index 7fb43aa..ad95b14 100644
--- a/src/data/content.ts
+++ b/src/data/content.ts
@@ -92,6 +92,7 @@ export const contacts = [
 
 // Quick links data
 export const quickLinks = [
+  { title: "Serviços", description: "Consultoria e desenvolvimento", link: "/services", 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: "📚" },