Merge version_1 into main #2
142
src/app/page.tsx
142
src/app/page.tsx
@@ -31,55 +31,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Réviser", id: "#features"},
|
||||
{
|
||||
name: "Workflow", id: "#workflow"},
|
||||
{
|
||||
name: "Pourquoi", id: "#benefits"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{ name: "Réviser", id: "#features" },
|
||||
{ name: "Workflow", id: "#workflow" },
|
||||
{ name: "Pourquoi", id: "#benefits" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Studenly"
|
||||
button={{
|
||||
text: "Essayer gratuitement", href: "#contact"}}
|
||||
button={{ text: "Essayer gratuitement", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Arrête de réviser plus. Commence à réviser mieux."
|
||||
description="Comprends vraiment. Retiens durablement. Réussis sereinement avec la génération de quiz par IA de Studenly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-working-stairs_1262-6253.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-her-hand-front-her_23-2148631377.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-tourist-holds-textbook-planner-spends-vacations-visiting-unknown-city_273609-55598.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-queer-man-stylish-clothes-showing-logo-pointing-fingers-up-smiling-pleased-standing_1258-105473.jpg", alt: "User 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-business-woman-working-stairs_1262-6253.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holding-her-hand-front-her_23-2148631377.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-tourist-holds-textbook-planner-spends-vacations-visiting-unknown-city_273609-55598.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-queer-man-stylish-clothes-showing-logo-pointing-fingers-up-smiling-pleased-standing_1258-105473.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Rejoins des milliers d'étudiants"
|
||||
buttons={[
|
||||
{
|
||||
text: "Essayer gratuitement", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Essayer gratuitement", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Quiz illimités"},
|
||||
{
|
||||
type: "text", text: "Analyse rapide"},
|
||||
{
|
||||
type: "text", text: "Révisions actives"},
|
||||
{
|
||||
type: "text", text: "Adaptatif"},
|
||||
{
|
||||
type: "text", text: "Résultats garantis"},
|
||||
{ type: "text", text: "Quiz illimités" },
|
||||
{ type: "text", text: "Analyse rapide" },
|
||||
{ type: "text", text: "Révisions actives" },
|
||||
{ type: "text", text: "Adaptatif" },
|
||||
{ type: "text", text: "Résultats garantis" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,15 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: FileText,
|
||||
title: "Dépôt simple", description: "Importe tes cours sous différents formats (JPG, PNG, DOCX) et Studenly s'occupe du reste."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Compréhension IA", description: "L'IA identifie les points clés et les concepts importants de ton contenu."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Quiz ciblés", description: "Des quiz adaptés à ton cours pour tester ta compréhension immédiatement."},
|
||||
{ icon: FileText, title: "Dépôt simple", description: "Importe tes cours sous différents formats (JPG, PNG, DOCX) et Studenly s'occupe du reste." },
|
||||
{ icon: Lightbulb, title: "Compréhension IA", description: "L'IA identifie les points clés et les concepts importants de ton contenu." },
|
||||
{ icon: CheckCircle, title: "Quiz ciblés", description: "Des quiz adaptés à ton cours pour tester ta compréhension immédiatement." },
|
||||
]}
|
||||
title="Transformation personnalisée"
|
||||
description="Passe de la lecture passive à un entraînement actif avec notre technologie IA."
|
||||
@@ -111,15 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Upload,
|
||||
title: "Dépose", description: "Glisse ton fichier de cours dans notre plateforme."},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Analyse", description: "L'IA transforme ton contenu en points de révision essentiels."},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Réussis", description: "Valide tes acquis avec des quiz générés sur-mesure."},
|
||||
{ icon: Upload, title: "Dépose", description: "Glisse ton fichier de cours dans notre plateforme." },
|
||||
{ icon: Database, title: "Analyse", description: "L'IA transforme ton contenu en points de révision essentiels." },
|
||||
{ icon: ListChecks, title: "Réussis", description: "Valide tes acquis avec des quiz générés sur-mesure." },
|
||||
]}
|
||||
title="Simple & efficace"
|
||||
description="Réviser devient enfin un plaisir avec notre méthode structurée."
|
||||
@@ -133,10 +102,8 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Sans Studenly", price: "Stress", variant: "Inefficace", imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164836.jpg"},
|
||||
{
|
||||
id: "p2", name: "Avec Studenly", price: "Sereinité", variant: "Efficace", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-server-hub-workers_482257-120234.jpg"},
|
||||
{ id: "p1", name: "Sans Studenly", price: "Stress", variant: "Inefficace", imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164836.jpg" },
|
||||
{ id: "p2", name: "Avec Studenly", price: "Sereinité", variant: "Efficace", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-server-hub-workers_482257-120234.jpg" },
|
||||
]}
|
||||
title="La différence Studenly"
|
||||
description="Pourquoi choisir l'efficacité plutôt que le stress inutile ?"
|
||||
@@ -149,15 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Clock,
|
||||
title: "Gain de temps", value: "x2"},
|
||||
{
|
||||
id: "m2", icon: Target,
|
||||
title: "Maîtrise", value: "95%"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Réussite", value: "100%"},
|
||||
{ id: "m1", icon: Clock, title: "Gain de temps", value: "x2" },
|
||||
{ id: "m2", icon: Target, title: "Maîtrise", value: "95%" },
|
||||
{ id: "m3", icon: Award, title: "Réussite", value: "100%" },
|
||||
]}
|
||||
title="Résultats prouvés"
|
||||
description="Des gains de productivité mesurables pour chaque étudiant."
|
||||
@@ -169,12 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Quels formats sont acceptés ?", content: "Nous acceptons JPG, PNG, DOCX et PDF."},
|
||||
{
|
||||
id: "f2", title: "Comment fonctionne l'IA ?", content: "Elle analyse tes cours pour identifier les concepts clés."},
|
||||
{
|
||||
id: "f3", title: "Est-ce gratuit ?", content: "Une version d'essai est disponible pour débuter."},
|
||||
{ id: "f1", title: "Quels formats sont acceptés ?", content: "Nous acceptons JPG, PNG, DOCX et PDF." },
|
||||
{ id: "f2", title: "Comment fonctionne l'IA ?", content: "Elle analyse tes cours pour identifier les concepts clés." },
|
||||
{ id: "f3", title: "Est-ce gratuit ?", content: "Une version d'essai est disponible pour débuter." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout savoir sur le fonctionnement de Studenly."
|
||||
@@ -188,16 +146,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah", role: "Étudiante", testimonial: "Studenly a sauvé mes révisions d'examens !", imageSrc: "http://img.b2bpic.net/free-photo/education-business-women-concept-portrait-young-attractive-elegant-female-tutor-young-teacher-student-carry-studying-books-laptop-standing-hall-smiling-camera_197531-22173.jpg"},
|
||||
{
|
||||
id: "t2", name: "Thomas", role: "Étudiant", testimonial: "Un gain de temps incroyable sur chaque cours.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-tutor-with-books-notebooks-wearing-headphones-her-neck-isolated_1258-197324.jpg"},
|
||||
{
|
||||
id: "t3", name: "Marie", role: "Étudiante", testimonial: "La structure des quiz est parfaite pour retenir.", imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-pink-notebook_23-2147656234.jpg"},
|
||||
{
|
||||
id: "t4", name: "Lucas", role: "Étudiant", testimonial: "Enfin une méthode efficace pour réussir.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-student-sitting-with-book-library_23-2148204327.jpg"},
|
||||
{
|
||||
id: "t5", name: "Emma", role: "Étudiante", testimonial: "Je recommande Studenly à tous mes amis.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-queer-man-stylish-clothes-showing-logo-pointing-fingers-up-smiling-pleased-standing_1258-105473.jpg"},
|
||||
{ id: "t1", name: "Sarah", role: "Étudiante", testimonial: "Studenly a sauvé mes révisions d'examens !", imageSrc: "http://img.b2bpic.net/free-photo/education-business-women-concept-portrait-young-attractive-elegant-female-tutor-young-teacher-student-carry-studying-books-laptop-standing-hall-smiling-camera_197531-22173.jpg" },
|
||||
{ id: "t2", name: "Thomas", role: "Étudiant", testimonial: "Un gain de temps incroyable sur chaque cours.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-tutor-with-books-notebooks-wearing-headphones-her-neck-isolated_1258-197324.jpg" },
|
||||
{ id: "t3", name: "Marie", role: "Étudiante", testimonial: "La structure des quiz est parfaite pour retenir.", imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-pink-notebook_23-2147656234.jpg" },
|
||||
{ id: "t4", name: "Lucas", role: "Étudiant", testimonial: "Enfin une méthode efficace pour réussir.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-student-sitting-with-book-library_23-2148204327.jpg" },
|
||||
{ id: "t5", name: "Emma", role: "Étudiante", testimonial: "Je recommande Studenly à tous mes amis.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-queer-man-stylish-clothes-showing-logo-pointing-fingers-up-smiling-pleased-standing_1258-105473.jpg" },
|
||||
]}
|
||||
title="Témoignages"
|
||||
description="Ils ont adopté Studenly et ne peuvent plus s'en passer."
|
||||
@@ -208,8 +161,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Prêt à commencer ?"
|
||||
description="Crée ton premier quiz en quelques secondes."
|
||||
buttonText="Commencer maintenant"
|
||||
@@ -219,22 +171,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Produit", items: [
|
||||
{
|
||||
label: "Fonctionnalités", href: "#features"},
|
||||
{
|
||||
label: "Prix", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À propos", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Produit", items: [{ label: "Fonctionnalités", href: "#features" }, { label: "Prix", href: "#" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À propos", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="Studenly © 2026 – Tous droits réservés"
|
||||
bottomRightText="Mentions légales"
|
||||
@@ -243,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user