Add Premium feature with UI, model changes, and admin configuration

templates/premium.html

@@ -0,0 +1,78 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+<section class="hero hero-narrow">
+    <div class="hero-inner center">
+        <div class="lock-icon-container">
+            <div class="lock-ring"></div>
+            <i class="fa-solid fa-lock"></i>
+        </div>
+
+        {% if course %}
+            <h1>Débloquez le cours "<span class="highlight">{{ course.name }}</span>"</h1>
+            <p class="hero-sub">Ce contenu est réservé aux membres Premium. Rejoignez-nous pour accéder immédiatement à ce projet et aux sources.</p>
+        {% else %}
+            <h1>Passez à la vitesse supérieure</h1>
+            <p class="hero-sub">Accédez aux cours complets, aux projets concrets et aux corrections détaillées pour progresser plus vite.</p>
+        {% endif %}
+
+        <div class="button-grp" style="justify-content:center; margin-top: 30px;">
+            {% if course %}
+                <a class="button cta-primary" href="">
+                    <i class="fa-solid fa-unlock"></i> Débloquer ce cours maintenant
+                </a>
+            {% else %}
+                <a class="button cta-primary" href="{% url 'courses:list' %}">
+                    <i class="fa-solid fa-book-open"></i> Voir le catalogue
+                </a>
+            {% endif %}
+
+            <a class="button cta-secondary" href="{% url 'home:home' %}">Retourner à l'accueil</a>
+        </div>
+
+        <div class="hero-trust" aria-hidden="true">
+            <span><i class="fa-solid fa-bolt"></i> Accès immédiat</span>
+            <span><i class="fa-solid fa-rotate"></i> Mises à jour incluses</span>
+            <span><i class="fa-solid fa-certificate"></i> Satisfait ou remboursé</span>
+        </div>
+    </div>
+    <div class="hero-decor" aria-hidden="true"></div>
+</section>
+
+{% if course %}
+<section class="course-teaser">
+    <div class="teaser-card">
+        <div class="teaser-visual">
+            <img src="{{ course.thumbnail.url }}" alt="{{ course.name }}">
+        </div>
+        <div class="teaser-content">
+            <h3>Ce que vous allez apprendre</h3>
+            <ul class="check-list">
+                <li><i class="fa-solid fa-check"></i> Créer une application complète de A à Z</li>
+                <li><i class="fa-solid fa-check"></i> Les bonnes pratiques professionnelles</li>
+                <li><i class="fa-solid fa-check"></i> Accès au code source complet</li>
+            </ul>
+        </div>
+    </div>
+</section>
+{% endif %}
+
+<section class="features">
+    <div class="feature">
+        <div class="feat-ico"><i class="fa-solid fa-layer-group"></i></div>
+        <h3>Parcours complets</h3>
+        <p>Des modules structurés du niveau débutant à avancé.</p>
+    </div>
+    <div class="feature">
+        <div class="feat-ico"><i class="fa-solid fa-screwdriver-wrench"></i></div>
+        <h3>Projets de A à Z</h3>
+        <p>Construisez des applications réelles et apprenez les bonnes pratiques.</p>
+    </div>
+    <div class="feature">
+        <div class="feat-ico"><i class="fa-solid fa-video"></i></div>
+        <h3>Corrections détaillées</h3>
+        <p>Vidéos explicatives pas-à-pas et ressources téléchargeables.</p>
+    </div>
+</section>
+
+{% endblock %}