Paillasse/portail/resources/views/tarifs.blade.php

21 lines
24 KiB
PHP
Raw Permalink Normal View History

@extends('layouts.vitrine')
@section('titre', 'Tarifs')
@section('contenu')
<section style="padding:112px 20px 72px;background:#fff"><div style="max-width:880px;margin:0 auto"><p style="margin:0;font-size:15px;font-weight:700;color:#0b57d0;text-align:center">Tarifs HT</p><h1 style="margin:20px 0 0;font-size:clamp(40px,6vw,72px);line-height:1.04;font-weight:800;letter-spacing:-0.03em;color:#0b1220;text-align:center;text-wrap:balance">Les cours sont gratuits. Les VM coûtent moins qu’un manuel.</h1><p style="margin:24px auto 0;max-width:660px;font-size:20px;line-height:1.6;font-weight:500;color:#3c4043;text-align:center;text-wrap:pretty">Une licence Syllabus pour un élève coûte 24&nbsp;€ par an : QCM, TP sur VM, suivi et mode examen compris.</p></div></section><section style="padding:0 20px 120px;background:#fff"><div style="max-width:1200px;margin:0 auto"><ul style="margin:0;padding:0;list-style:none;display:grid;gap:20px;align-items:stretch" class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #e3e5e8;background:#fff"><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Découverte</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Élèves, curieux, enseignants</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">0 €</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">pour toujours</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Les 99 cours : CM, TD, QCM</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Corrections expliquées</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>1 lab d’essai de 30 min par jour</li></ul><p style="margin:32px 0 0"><a href="{{ route('cours.index') }}" style="font-size:16px;font-weight:700;color:#0b57d0;text-decoration:none">Lire les cours →</a></p></li><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #e3e5e8;background:#fff"><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Enseignant</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Une classe, sans passer par l’intendance</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">29 € / mois</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">ou 290 € / an · jusqu’à 35 élèves</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Les 59 TP sur VM</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Correction automatique</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Suivi des élèves et mode examen</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Cockpit prof, messagerie, correction assistée</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>15 h de VM par élève et par mois</li></ul><p style="margin:32px 0 0"><a href="{{ route('paiement') }}" style="font-size:16px;font-weight:700;color:#0b57d0;text-decoration:none">Souscrire →</a></p></li><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #
<section style="background:#f8f9fa" aria-labelledby="t-faq">
<div class="mx-auto max-w-7xl px-5 py-20 lg:px-10">
<h2 id="t-faq" class="mt-6 text-5xl font-extrabold leading-[0.95] tracking-tight sm:text-6xl" style="margin:12px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:800;color:#0b1220">Vos questions, nos réponses.</h2>
<p class="mt-4 max-w-2xl text-xl font-medium">Intendance, données, pédagogie, technique. Une question manque&nbsp;? <a href="mailto:adam@belkacemi.me" class="font-extrabold underline underline-offset-4">adam@belkacemi.me</a></p>
<div class="mt-12 grid gap-x-8 gap-y-14 lg:grid-cols-2">
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] px-4 py-2 text-2xl font-extrabold">Achat et intendance</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Bon de commande et Chorus Pro ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Nous envoyons un devis, vous émettez un bon de commande, la facture arrive sur Chorus Pro. Paiement par mandat administratif à 30 jours.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Faut-il une carte bancaire pour essayer ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Un enseignant crée sa classe gratuitement, sans CB. En échange, on vous demande juste un coup de pouce : vos remarques, ou votre aide pour faire souscrire votre établissement.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Une licence couvre quelle période ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Une licence suit l’année scolaire, de septembre à août. Les comptes archivés sont supprimés 90 jours après la fin d’année.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les élèves qui redoublent ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Ils repartent sur la licence de l’année suivante. Leur historique (notes, observations, progression) peut être conservé si l’établissement le demande.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Peut-on payer par région ou par académie ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui, un devis groupé est possible pour plusie
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] px-4 py-2 text-2xl font-extrabold">Élèves et données</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Où sont hébergées les données ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">En France, chez Scaleway, sur des serveurs situés à Paris. Rien ne sort de l’Union européenne.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et le RGPD ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Nous collectons le minimum : nom, prénom, classe, résultats. Pas de publicité, pas de revente, pas de traceurs tiers. Un contrat de sous-traitance est fourni à l’établissement.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les élèves mineurs peuvent-ils s’inscrire seuls ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. C’est l’enseignant qui crée la classe et distribue les identifiants. L’élève n’a pas besoin d’adresse e-mail.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Un élève peut-il travailler chez lui ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui, depuis n’importe quel navigateur, sur PC ou téléphone. Cours, QCM, IDE et devoirs maison restent accessibles toute l’année.</p></details></li></ul></div>
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] px-4 py-2 text-2xl font-extrabold">Pédagogie</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les cours suivent-ils les programmes officiels ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Ils sont construits à partir des référentiels officiels (BO, arrêtés, fiches RNCP), du SNT au master. Chaque CM, TD et TP indique les compétences visées.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Puis-je modifier un cours ou un sujet ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Tout se duplique et se modifie : CM, questions, TD, sujets d’examen. Vos versions restent dans votre bibliothèque.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Comment marche le mode examen ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">L’élève passe en plein écran. Si sa souris sort de la fenêtre ou s’il change d’onglet, vous le voyez en direct, avec l’heure et la durée.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les TD s’impriment-ils ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Chaque TD se télécharge en PDF avec ses étapes et ses cases à remplir. La correction s’imprime à part, pour vous.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et la fonction « Lever la main » ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">L’élève lève la main depuis son écran, vous voyez la file d’attente. Fini les « Madame ! Monsieur ! »
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] px-4 py-2 text-2xl font-extrabold">Technique</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Faut-il installer quelque chose ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Tout se passe dans le navigateur : terminal Debian, IDE, navigateur relié à la VM. Rien à installer sur les postes du lycée.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et si un élève dépasse 15 h de VM ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Le compteur est partagé par la classe : un élève peut consommer plus si d’autres consomment moins. Au-delà, les TP restent ouverts en lecture.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Le réseau du lycée bloque souvent tout…<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Syllabus passe par une connexion web chiffrée classique, comme n’importe quel site. En cas de souci, on vous aide à le régler avec votre administrateur réseau.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Une VM peut-elle casser le réseau du lycée ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Chaque VM est isolée chez nous. L’élève peut tout casser dedans, il la réinitialise en un clic.</p></details></li></ul></div>
</div>
</div>
</section>
@endsection