ALFERNZ Cloud Frontend (Angular)

Migrated from the original BootstrapMade template to the latest Angular stack (CLI 20.x / Angular 18).
All layout sections (hero, about, services, portfolio, team, contact, footer) now live inside src/app/app.html and use the same vendor assets under src/assets.

Requisitos previos

• Node.js 18 LTS o superior
• npm 10+

Primeros pasos

cd alfernz-app
npm install
npm start

npm start ejecuta ng serve y expone la app en http://localhost:4200/.
El build listo para producción se obtiene con npm run build, generando los archivos estáticos en dist/alfernz-app/browser.

Formularios de contacto y newsletter

• Ambos formularios usan HttpClient para enviar un FormData a los endpoints PHP originales:
  • forms/contact.php
  • forms/newsletter.php
• En producción debes colocar esos archivos PHP (y cualquier backend equivalente) junto al contenido compilado para que la ruta relativa funcione.
• Durante el desarrollo con ng serve, configura un proxy (por ejemplo proxy.conf.json) o ajusta las URLs en app.ts si los servicios viven en otro dominio.
• Los mensajes de éxito y error se controlan desde Angular; cualquier respuesta distinta a OK se muestra tal cual.

Personalización

• Los estilos del template siguen viviendo en src/assets/css/main.css y los vendors se cargan globalmente desde angular.json.
  Puedes añadir overrides en src/styles.scss o src/app/app.scss.
• Si quieres dividir la página en componentes más pequeños, crea nuevos componentes standalone y reemplaza los bloques estáticos del app.html.
• El #preloader se oculta automáticamente después de 5 segundos (valor por defecto). Puedes ajustar el tiempo modificando el atributo data-timeout en src/app/app.html o dejándolo vacío para que vuelva al valor por defecto.
• La interfaz es bilingüe (ES/EN). Por defecto carga en español y puedes alternar desde el switch del header; el DOM completo se recrea según el idioma seleccionado.

Scripts útiles

Comando	Descripción
npm start	Servidor de desarrollo con recarga en caliente.
npm run build	Compilación optimizada para producción.
npm run test	Ejecuta las pruebas unitarias (Karma).
ng generate ...	Scaffolding de componentes/servicios/etc.

Consulta la documentación oficial de Angular para más detalles sobre CLI y mejores prácticas.