Portafolio moderno (dark mode futurista) hecho con Next.js 15, Tailwind CSS v3 y lucide-react, diseñado para mostrar maquetas de páginas web a negocios locales.
npm install
npm run devAbre http://localhost:3000.
En producción: https://portafolio-ten-eosin-45.vercel.app
El repositorio está conectado a Vercel: cada git push a main genera un
deploy automático de producción.
npm run build # verifica que todo compile sin erroresTambién puedes desplegar manualmente con:
npx vercel --prodapp/
layout.tsx → Layout raíz (metadata, Navbar, Footer, botón WhatsApp)
page.tsx → Página principal (compone las secciones)
globals.css → Estilos globales (Tailwind v3)
icon.svg → Favicon
components/
Navbar.tsx → Barra de navegación fija con glassmorphism y menú móvil
Hero.tsx → Sección principal con CTA y estadísticas
DemosGrid.tsx → Grilla de maquetas/demos para negocios locales
Services.tsx → Tarjetas de valor añadido + CTA
Contact.tsx → Formulario que envía propuesta por WhatsApp
Footer.tsx → Pie de página con redes sociales
WhatsAppButton.tsx→ Botón flotante de WhatsApp
- Número de WhatsApp: busca
525500000000y reemplázalo en los componentes (Hero,Navbar,Contact,WhatsAppButton). - URLs de demos: reemplaza las URLs
*.vercel.appencomponents/DemosGrid.tsxpor las de tus proyectos reales. - Marca/nombre: cambia "Nova Studio" en
app/layout.tsxy en los componentes. - Imágenes: las capturas se cargan dinámicamente desde Unsplash (
next/image).