Nature Paysage

L'histoire de sa construction

Nature Paysage est le site vitrine de Rémi Maudier, jeune entrepreneur paysagiste basé à Troyes. Le projet couvre l'ensemble de ses prestations — tonte, taille, désherbage, création de massifs — avec une galerie photo mettant en valeur ses réalisations terrain. Le site a été développé entièrement from scratch avec Vite, sans framework ni CMS : HTML sémantique, CSS moderne et JavaScript vanilla pour les interactions. Ce choix technique garantit des performances maximales et une empreinte très légère, cohérente avec l'image éco-responsable du client. Une attention particulière a été portée à l'accessibilité, au référencement local (SEO on-page ciblé sur Troyes et le Pays d'Othe) et à l'intégration des informations légales liées au dispositif services à la personne, un avantage fiscal important pour les clients de Rémi.

Technologies utilisées

• Git
• JavaScript
• HTML
• CSS
• Docker

J'en ai bavé mais j'y suis arrivé 🚀

// Smooth scroll vers les sections + highlight nav active
const sections = document.querySelectorAll('section[id]');
const navLinks  = document.querySelectorAll('nav a[href^="#"]');

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    const link = document.querySelector(
      `nav a[href="#${entry.target.id}"]\`
    );
    if (entry.isIntersecting) {
      navLinks.forEach(l => l.classList.remove('active'));
      link?.classList.add('active');
    }
  });
}, { threshold: 0.4 });

sections.forEach(s => observer.observe(s));