Landing page moderna para DNBridge, una software factory minimalista que desarrolla productos propios y proyectos a medida.
- Next.js 14 - Framework React con App Router
- TypeScript - Tipado estático para mejor desarrollo
- Tailwind CSS - Estilos utilitarios y diseño responsive
- Font Awesome - Iconos
- Instala las dependencias:
npm install- Ejecuta el servidor de desarrollo:
npm run dev- Abre http://localhost:3000 en tu navegador.
├── app/
│ ├── layout.tsx # Layout principal con metadata
│ ├── page.tsx # Página principal
│ └── globals.css # Estilos globales con Tailwind
├── components/
│ ├── Header.tsx # Navegación principal
│ ├── Hero.tsx # Sección hero
│ ├── Features.tsx # Características principales
│ ├── Services.tsx # Servicios ofrecidos
│ ├── Testimonials.tsx # Testimonios de clientes
│ ├── FAQ.tsx # Preguntas frecuentes
│ ├── CTA.tsx # Call to action
│ └── Footer.tsx # Pie de página
└── public/ # Archivos estáticos
Los colores están definidos en tailwind.config.js:
primary-dark: #0a2540primary-blue: #00d4ffaccent-orange: #ff6b35
El contenido está en cada componente. Para modificar textos, edita los componentes en la carpeta components/.
El sitio está completamente optimizado para:
- Desktop (1200px+)
- Tablet (768px - 1199px)
- Mobile (hasta 767px)
npm run build
npm startnpm run dev- Inicia el servidor de desarrollonpm run build- Construye la aplicación para producciónnpm start- Inicia el servidor de producciónnpm run lint- Ejecuta el linter
- ✅ Diseño moderno y profesional
- ✅ Totalmente responsive
- ✅ Animaciones suaves
- ✅ SEO optimizado (Next.js)
- ✅ TypeScript para type safety
- ✅ Tailwind CSS para estilos
- ✅ Componentes reutilizables
- ✅ Software factory — productos y proyectos multi-industria
Todos los derechos reservados - DNBridge 2025