toine/partirdezero
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add pricing section in homepage and update CSS with theme-specific variables.

Browse source
This commit is contained in:
mrtoine 2025-12-10 20:38:10 +01:00
parent 8fe6fe5390
commit 9b71107ae4
2 changed files with 267 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

59
templates/home.html
View file

@ -70,20 +70,43 @@
<p>Posez vos questions et obtenez de l'aide de la communauté et de l'auteur.</p>
</div>
</section>
{% block course %}
{% include "courses/partials/list.html" %}
{% endblock %}
<section class="pricing-teaser">
<h2>Gratuit pour commencer, Premium pour aller plus loin</h2>
<ul class="ul-arrow">
<li>Cours d'introduction gratuits</li>
<li>Contenu premium détaillé: projets complets, corrections, téléchargements</li>
<li>Accès à vie aux cours achetés</li>
</ul>
<div class="button-grp">
<a class="button cta-primary" href="{% url 'register' %}">Créer mon compte</a>
<a class="button cta-secondary" href="{% url 'courses:list' %}">Parcourir les cours</a>
<section class="pricing-section">
<div class="pricing-header">
<h2>Commencez gratuitement, passez Pro quand vous êtes prêt</h2>
<p>Pas de surprise, pas de carte cachée.</p>
</div>
<div class="pricing-grid">
<div class="plan-card free">
<div class="plan-header">
<h3>Découverte</h3>
<div class="price">0€</div>
<p>Pour tester la pédagogie</p>
</div>
<ul class="plan-features">
<li><i class="fa-solid fa-check"></i> Cours d'introduction complets</li>
<li><i class="fa-solid fa-check"></i> Accès au code source de base</li>
<li><i class="fa-solid fa-check"></i> Accès à la communauté</li>
</ul>
<a class="button cta-secondary full-width" href="{% url 'register' %}">Créer un compte gratuit</a>
</div>
<div class="plan-card premium">
<div class="badge-popular">Recommandé</div>
<div class="plan-header">
<h3>Premium</h3>
<div class="price">À la carte</div> <p>Pour devenir autonome</p>
</div>
<ul class="plan-features">
<li><i class="fa-solid fa-check"></i> <strong>Tous les avantages gratuits</strong></li>
<li><i class="fa-solid fa-check"></i> Projets complexes de A à Z</li>
<li><i class="fa-solid fa-check"></i> Corrections détaillées en vidéo</li>
<li><i class="fa-solid fa-check"></i> Certificat de réussite</li>
<li><i class="fa-solid fa-check"></i> Mises à jour à vie</li>
</ul>
<a class="button cta-primary full-width" href="{% url 'courses:list' %}">Voir les cours Premium</a>
</div>
</div>
</section>
@ -101,10 +124,12 @@
</a>
{% endfor %}
</div>
<!-- Simple scroll hint -->
<div class="center" aria-hidden="true" style="opacity:.8; margin-top:8px;">Glissez pour parcourir →</div>
</section>
</section>
{% block course %}
{% include "courses/partials/list.html" %}
{% endblock %}
<section class="testimonials">
<h2>Ils progressent avec Partir de zéro</h2>
@ -129,4 +154,4 @@
</div>
</div>
</section>
{% endblock %}
{% endblock %}