Sitio web profesional de agencia freelance especializada en desarrollo web y programación. Construido con las últimas tecnologías para ofrecer una experiencia de usuario excepcional, diseño responsive y optimización SEO de primer nivel.

• ⚡ Stack Tecnológico Moderno: Next.js 15.5.4 con App Router, React 19 y TypeScript
• 📱 Diseño Responsive: Experiencia perfecta en móviles, tablets y escritorio
• 🎨 UI Profesional: Componentes shadcn/ui con diseño limpio y moderno
• 🔍 Optimizado SEO: Metadata profesional, sitemap optimizado y HTML semántico
• ✨ Animaciones Fluidas: Transiciones suaves y efectos hover atractivos
• 📧 Formulario de Contacto: Sistema funcional con Next.js Server Actions
• 🌐 Multilenguaje: Contenido en español para clientes hispanohablantes
• 🚀 Alto Rendimiento: Lighthouse Score 90+ y Core Web Vitals optimizados

tecnodespegue/
├── 📁 app/
│   ├── 📄 actions.ts          # Server Actions para formulario
│   ├── 📄 globals.css         # Estilos globales y variables CSS
│   ├── 📄 layout.tsx          # Layout raíz con metadata SEO
│   ├── 📄 page.tsx            # Página principal (home)
│   ├── 📄 sitemap.ts          # Sitemap optimizado para Google
│   └── 📁 admin/              # Panel de administración
│
├── 📁 components/
│   ├── 📁 ui/                 # Componentes shadcn/ui
│   │   ├── button.tsx
│   │   ├── card.tsx
│   │   ├── input.tsx
│   │   ├── textarea.tsx
│   │   └── label.tsx
│   ├── Header.tsx            # Navegación principal
│   ├── Footer.tsx            # Footer del sitio
│   ├── Hero.tsx              # Sección hero
│   ├── Services.tsx          # Showcase de servicios
│   ├── Projects.tsx          # Portfolio de proyectos
│   ├── About.tsx             # Sección sobre mí
│   └── Contact.tsx           # Formulario de contacto
│
├── 📁 lib/
│   └── utils.ts              # Funciones utilitarias
│
├── 📁 public/
│   └── robots.txt            # Configuración de robots
│
├── ⚙️ next.config.ts          # Configuración Next.js
├── ⚙️ tailwind.config.ts      # Configuración Tailwind
├── ⚙️ components.json         # Configuración shadcn/ui
└── 📦 package.json            # Dependencias del proyecto

Asegúrate de tener instalado:

• Node.js 18.17 o superior
• npm, yarn o pnpm

# 1️⃣ Clonar el repositorio
git clone https://github.com/Rene-Kuhm/freelance-agency.git

# 2️⃣ Navegar al directorio
cd freelance-agency

# 3️⃣ Instalar dependencias
npm install

# 4️⃣ Iniciar servidor de desarrollo
npm run dev

Abre http://localhost:3000 en tu navegador para ver el resultado.

# Generar build optimizado
npm run build

# Iniciar servidor de producción
npm start

Edita app/globals.css para personalizar el esquema de colores. El proyecto usa variables CSS con espacio de color OKLCH para mejor consistencia.

Actualiza el metadata en app/layout.tsx:

export const metadata: Metadata = {
  title: "Tu Título",
  description: "Tu Descripción",
  keywords: ["tus", "palabras", "clave"],
  // ...
};

El formulario usa Server Actions. Para integrar un servicio de email:

1. Abre app/actions.ts
2. Integra tu servicio preferido (Resend, SendGrid, Nodemailer)
3. Reemplaza el console.log con la lógica de envío real

# 1️⃣ Push a GitHub
git push origin master

# 2️⃣ Importar proyecto en Vercel
# 3️⃣ Deploy automático ✨

El proyecto es compatible con cualquier plataforma que soporte Next.js:

Este proyecto es código abierto y está disponible bajo la Licencia MIT.

¿Preguntas o necesitas ayuda?

• 📧 Email: [email protected]
• 🌐 Web: tecnodespegue.com
• 💼 GitHub: @Rene-Kuhm