<!DOCTYPE html>
<html lang= »fr »>
<head>
<meta charset= »UTF-8″>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Wireframe – Expert Rémunération Homepage</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.header { background: #1e3a8a; color: white; padding: 10px 0; text-align: center; }
.nav { background: #3b82f6; padding: 10px; }
.nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; }
.nav ul li { margin: 0 15px; }
.nav ul li a { color: white; text-decoration: none; }
.hero { background: #e5e7eb; padding: 40px 20px; text-align: center; }
.cta-button { background: #2563eb; color: white; padding: 15px 30px; border-radius: 5px; text-decoration: none; display: inline-block; }
.section { padding: 40px 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.card { border: 1px solid #ddd; padding: 20px; text-align: center; }
.form-container { background: #f3f4f6; padding: 20px; border-radius: 5px; }
.form-container input, .form-container select, .form-container button { display: block; width: 100%; margin: 10px 0; padding: 10px; }
.footer { background: #1e3a8a; color: white; text-align: center; padding: 20px; }
@media (max-width: 768px) { .nav ul { flex-direction: column; } .nav ul li { margin: 10px 0; } }
</style>
</head>
<body>
<!– Header –>
<div class= »header »>
<h1>Expert Rémunération</h1>
<p>Optimisez votre rémunération et protection sociale en 2025</p>
</div>
<!– Navigation –>
<div class= »nav »>
<ul>
<li><a href= »#accueil »>Accueil</a></li>
<li><a href= »#techniques »>25 Techniques</a></li>
<li><a href= »#blog »>Blog</a></li>
<li><a href= »#livre »>Livre</a></li>
<li><a href= »#contact »>Contact</a></li>
</ul>
</div>
<!– Hero Section –>
<div class= »hero »>
<h2>Boostez votre rémunération de dirigeant dès aujourd’hui !</h2>
<p>Découvrez nos 25 techniques légales pour réduire vos coûts, maximiser vos revenus et sécuriser votre retraite.</p>
<a href= »#formulaire » class= »cta-button »>Téléchargez la liste gratuite</a>
</div>
<!– Objectifs Section –>
<div class= »section »>
<h2>Nos 4 objectifs pour votre rémunération</h2>
<div class= »grid »>
<div class= »card »>
<h3>Réduire le coût entreprise</h3>
<p>Optimisez avec des statuts, PEE/PER, ou holdings.</p>
</div>
<div class= »card »>
<h3>Maximiser le revenu immédiat</h3>
<p>Arbitrage primes/dividendes, SCI, avantages en nature.</p>
</div>
<div class= »card »>
<h3>Maximiser le revenu différé</h3>
<p>Retraite Madelin, Art. 83, prévoyance.</p>
</div>
<div class= »card »>
<h3>Maximiser le revenu global</h3>
<p>Stratégies combinées pour un équilibre optimal.</p>
</div>
</div>
</div>
<!– Blog Teaser Section –>
<div class= »section »>
<h2>Derniers articles</h2>
<div class= »grid »>
<div class= »card »>
<h3>PER 2025 : Comment optimiser ?</h3>
<p>Nouvelle réforme retraite : boostez votre épargne.</p>
<a href= »#blog »>Lire l’article</a>
</div>
<div class= »card »>
<h3>Statut SARL vs SAS : Lequel choisir ?</h3>
<p>Comparatif actualisé pour dirigeants.</p>
<a href= »#blog »>Lire l’article</a>
</div>
</div>
</div>
<!– CTA Form Section –>
<div class= »section form-container »>
<h2>Téléchargez les 25 techniques gratuitement</h2>
<form>
<input type= »text » placeholder= »Nom » required>
<input type= »email » placeholder= »Email » required>
<select>
<option>Votre objectif</option>
<option>Réduire coût entreprise</option>
<option>Maximiser revenu immédiat</option>
<option>Maximiser revenu différé</option>
<option>Maximiser revenu global</option>
</select>
<button type= »submit » class= »cta-button »>Recevoir la liste</button>
</form>
</div>
<!– Footer –>
<div class= »footer »>
<p>© 2025 Expert Rémunération | <a href= »#contact »>Contact</a> | <a href= »#mentions »>Mentions légales</a></p>
<p>Suivez-nous : <a href= »https://facebook.com/expertremuneration »>Facebook</a> | <a href= »https://x.com/expertremuneration »>X</a></p>
</div>
</body>
</html>