Site de Prezentare pentru Constructor de Acoperișuri German

Acest site static și profesional prezintă serviciile unei companii germane specializate în construcția și reparația acoperișurilor. Dezvoltat fără framework-uri, folosind exclusiv tehnologii de bază (vanilla HTML, CSS și JavaScript), oferă performanță maximă și compatibilitate universală. Design-ul modern și minimalist evidențiază calitatea germană, cu secțiuni dedicate serviciilor (instalare, reparații, mentenanță), proiectelor finalizate (galerie foto interactivă) și testimonialelor clienților. Site-ul include un formular de contact integrat cu validare în timp real, o hartă interactivă pentru locație și o secțiune FAQ pentru întrebări frecvente. Total responsive, se adaptează perfect la orice dispozitiv, de la desktop la mobil, asigurând o experiență vizuală impecabilă pentru potențialii clienți. Caracteristici Tehnice (Technical Features): Structură: HTML5: Semantică optimă (header, nav, main, section, footer). CSS3: Design responsive (Flexbox/Grid), animații subtile, variabile CSS pentru temă. JavaScript Vanilla: Interacțiuni dinamice (galerie foto, validare formular, meniu mobil). Funcționalități Cheie: Galerie Foto Interactivă: Navigare prin proiecte cu lightbox (fără biblioteci externe). Formular de Contact: Validare în timp real (regex pentru email/telefon), trimitere prin mailto sau serviciu extern (ex: Formspree). Hartă Interactivă: Embed Google Maps cu marcator personalizat. Secțiune FAQ: Accordeon deschis/închis cu animații CSS. Testimoniale: Carousel cu navigare prin săgeți/dots. Performanță: Încărcare Rapidă: Fără dependențe externe, optimizare imagini (WebP), minificare automată (Gulp/Webpack). SEO Optimizat: Meta tags descriptive, structură semantică, microdata pentru servicii. Securitate: Protecție XSS (sanitizare input în JS). HTTPS obligatoriu (certificat SSL).

Tech Stack