Skip to content

Repository files navigation

Nova Studio — Portafolio Web para Negocios Locales

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.

🚀 Inicio rápido

npm install
npm run dev

Abre http://localhost:3000.

☁️ Desplegar en Vercel

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 errores

También puedes desplegar manualmente con:

npx vercel --prod

🗂 Estructura

app/
  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

✏️ Personalización

  • Número de WhatsApp: busca 525500000000 y reemplázalo en los componentes (Hero, Navbar, Contact, WhatsAppButton).
  • URLs de demos: reemplaza las URLs *.vercel.app en components/DemosGrid.tsx por las de tus proyectos reales.
  • Marca/nombre: cambia "Nova Studio" en app/layout.tsx y en los componentes.
  • Imágenes: las capturas se cargan dinámicamente desde Unsplash (next/image).

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages