Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Clock, Database, FileText, Lightbulb, ListChecks, Target, Upload } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock, FileText, Lightbulb, ListChecks, Target, Upload } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,87 +32,54 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Réviser",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Réviser", id: "#features"},
|
||||
{
|
||||
name: "Workflow",
|
||||
id: "#workflow",
|
||||
},
|
||||
name: "Workflow", id: "#workflow"},
|
||||
{
|
||||
name: "Pourquoi",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Pourquoi", id: "#benefits"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Studenly"
|
||||
button={{
|
||||
text: "Essayer gratuitement",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Essayer gratuitement", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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/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/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/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/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/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",
|
||||
},
|
||||
text: "Essayer gratuitement", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quiz illimités",
|
||||
},
|
||||
type: "text", text: "Quiz illimités"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Analyse rapide",
|
||||
},
|
||||
type: "text", text: "Analyse rapide"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Révisions actives",
|
||||
},
|
||||
type: "text", text: "Révisions actives"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Adaptatif",
|
||||
},
|
||||
type: "text", text: "Adaptatif"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Résultats garantis",
|
||||
},
|
||||
type: "text", text: "Résultats garantis"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
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.",
|
||||
},
|
||||
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: "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."
|
||||
@@ -152,19 +113,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Upload,
|
||||
title: "Dépose",
|
||||
description: "Glisse ton fichier de cours dans notre plateforme.",
|
||||
},
|
||||
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.",
|
||||
},
|
||||
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: "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."
|
||||
@@ -179,19 +134,9 @@ export default function LandingPage() {
|
||||
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: "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: "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 ?"
|
||||
@@ -205,23 +150,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Gain de temps",
|
||||
value: "x2",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Gain de temps", value: "x2"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Target,
|
||||
title: "Maîtrise",
|
||||
value: "95%",
|
||||
},
|
||||
id: "m2", icon: Target,
|
||||
title: "Maîtrise", value: "95%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Réussite",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Réussite", value: "100%"},
|
||||
]}
|
||||
title="Résultats prouvés"
|
||||
description="Des gains de productivité mesurables pour chaque étudiant."
|
||||
@@ -234,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels formats sont acceptés ?",
|
||||
content: "Nous acceptons JPG, PNG, DOCX et PDF.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -262,40 +189,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -304,10 +206,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Prêt à commencer ?"
|
||||
description="Crée ton premier quiz en quelques secondes."
|
||||
buttonText="Commencer maintenant"
|
||||
@@ -318,29 +220,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Produit",
|
||||
items: [
|
||||
title: "Produit", items: [
|
||||
{
|
||||
label: "Fonctionnalités",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Fonctionnalités", href: "#features"},
|
||||
{
|
||||
label: "Prix",
|
||||
href: "#",
|
||||
},
|
||||
label: "Prix", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
label: "À propos", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user