Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Bibliothèque",
|
||||
id: "product",
|
||||
},
|
||||
name: "Bibliothèque", id: "product"},
|
||||
{
|
||||
name: "Comment ça marche",
|
||||
id: "features",
|
||||
},
|
||||
name: "Comment ça marche", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="BacShare"
|
||||
/>
|
||||
@@ -56,64 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Réussissez votre Bac ensemble"
|
||||
description="Partagez et téléchargez gratuitement les meilleures ressources pour préparer votre Baccalauréat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorer la bibliothèque",
|
||||
href: "#product",
|
||||
},
|
||||
text: "Explorer la bibliothèque", href: "#product"},
|
||||
{
|
||||
text: "Publier un document",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Publier un document", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378903.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378903.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg",
|
||||
alt: "Still life of device on table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg", alt: "Still life of device on table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826255.jpg",
|
||||
alt: "Minimalist office interior design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826255.jpg", alt: "Minimalist office interior design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg",
|
||||
alt: "Work text on diary",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg", alt: "Work text on diary"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg",
|
||||
alt: "High angle of desk concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg", alt: "High angle of desk concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-hair-boy-optique-glasses-holding-school-books-smiling-looks-confident_114579-13092.jpg",
|
||||
alt: "Confident student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/curly-hair-boy-optique-glasses-holding-school-books-smiling-looks-confident_114579-13092.jpg", alt: "Confident student portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Mathématiques",
|
||||
},
|
||||
type: "text", text: "Mathématiques"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Philosophie",
|
||||
},
|
||||
type: "text", text: "Philosophie"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Physique-Chimie",
|
||||
},
|
||||
type: "text", text: "Physique-Chimie"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Histoire-Géo",
|
||||
},
|
||||
type: "text", text: "Histoire-Géo"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Littérature",
|
||||
},
|
||||
type: "text", text: "Littérature"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Étudiants",
|
||||
value: "5,000+",
|
||||
},
|
||||
label: "Étudiants", value: "5,000+"},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Documents",
|
||||
value: "12,000+",
|
||||
},
|
||||
label: "Documents", value: "12,000+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Réussites",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Réussites", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,40 +111,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stockage Sécurisé",
|
||||
description: "Publiez et accédez à vos documents en toute sécurité.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-upload-interface-concept_53876-165259.jpg",
|
||||
},
|
||||
title: "Stockage Sécurisé", description: "Publiez et accédez à vos documents en toute sécurité.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-upload-interface-concept_53876-165259.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-security-data-protection-concept_23-2152004094.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378903.jpg?_wi=2",
|
||||
imageAlt: "smartphone app document storage UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-security-data-protection-concept_23-2152004094.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Partage Collaboratif",
|
||||
description: "Entraidez-vous en partageant vos fiches de révision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329702.jpg",
|
||||
},
|
||||
title: "Partage Collaboratif", description: "Entraidez-vous en partageant vos fiches de révision.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329702.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47032.jpg",
|
||||
imageAlt: "smartphone app document storage UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Recherche Intelligente",
|
||||
description: "Filtrez vos recherches par matière et série facilement.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-icon-front-side_187299-39430.jpg?_wi=1",
|
||||
},
|
||||
title: "Recherche Intelligente", description: "Filtrez vos recherches par matière et série facilement.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-icon-front-side_187299-39430.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-late-night_23-2150281030.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/back-school-brochure-template_23-2149023093.jpg?_wi=1",
|
||||
imageAlt: "smartphone app document storage UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-late-night_23-2150281030.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -200,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fiches Maths - Terminale",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-icon-front-side_187299-39430.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Fiches Maths - Terminale", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-photo/book-icon-front-side_187299-39430.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Guide Philosophie",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/back-school-brochure-template_23-2149023093.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Guide Philosophie", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-vector/back-school-brochure-template_23-2149023093.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Physique Chimie - Bac",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314045.jpg",
|
||||
},
|
||||
id: "3", name: "Physique Chimie - Bac", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314045.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Histoire Géographie - Synthèse",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-paper-background-with-faint-cursive-text_1048-18584.jpg",
|
||||
},
|
||||
id: "4", name: "Histoire Géographie - Synthèse", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-paper-background-with-faint-cursive-text_1048-18584.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "SVT - Révisions finales",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-books-table_93675-129868.jpg",
|
||||
},
|
||||
id: "5", name: "SVT - Révisions finales", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-books-table_93675-129868.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Analyse Littéraire - Français",
|
||||
price: "Gratuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-street-works-with-laptop_1304-5534.jpg",
|
||||
},
|
||||
id: "6", name: "Analyse Littéraire - Français", price: "Gratuit", imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-street-works-with-laptop_1304-5534.jpg"},
|
||||
]}
|
||||
title="Documents Disponibles"
|
||||
description="Retrouvez ici les dernières ressources publiées par vos camarades."
|
||||
@@ -248,26 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K",
|
||||
title: "Téléchargements",
|
||||
description: "Ressources partagées avec succès.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg",
|
||||
},
|
||||
id: "m1", value: "100K", title: "Téléchargements", description: "Ressources partagées avec succès.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Satisfaction",
|
||||
description: "Nos élèves recommandent nos fiches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-with-paperclips_23-2148128349.jpg",
|
||||
},
|
||||
id: "m2", value: "95%", title: "Satisfaction", description: "Nos élèves recommandent nos fiches.", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-with-paperclips_23-2148128349.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Matières",
|
||||
description: "Couverture complète du programme.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841425.jpg",
|
||||
},
|
||||
id: "m3", value: "50+", title: "Matières", description: "Couverture complète du programme.", imageSrc: "http://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841425.jpg"},
|
||||
]}
|
||||
title="Notre Impact"
|
||||
description="Des milliers d'élèves accompagnés chaque année."
|
||||
@@ -281,59 +185,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Camille",
|
||||
role: "Terminale S",
|
||||
company: "Lycée Saint-Exupéry",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg",
|
||||
},
|
||||
id: "t1", name: "Camille", role: "Terminale S", company: "Lycée Saint-Exupéry", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas",
|
||||
role: "Terminale L",
|
||||
company: "Lycée Victor Hugo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-man-wearing-eyeglasses-wireless-headphones-sitting-table-listening-webinar-educational-course-making-notes_343059-2022.jpg",
|
||||
},
|
||||
id: "t2", name: "Thomas", role: "Terminale L", company: "Lycée Victor Hugo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-man-wearing-eyeglasses-wireless-headphones-sitting-table-listening-webinar-educational-course-making-notes_343059-2022.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Léa",
|
||||
role: "Terminale ES",
|
||||
company: "Lycée Molière",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-young-girl-wearing-backpack-headphones_482257-116256.jpg",
|
||||
},
|
||||
id: "t3", name: "Léa", role: "Terminale ES", company: "Lycée Molière", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-young-girl-wearing-backpack-headphones_482257-116256.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hugo",
|
||||
role: "Terminale S",
|
||||
company: "Lycée Descartes",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-book_273609-12710.jpg",
|
||||
},
|
||||
id: "t4", name: "Hugo", role: "Terminale S", company: "Lycée Descartes", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-book_273609-12710.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah",
|
||||
role: "Terminale STMG",
|
||||
company: "Lycée Voltaire",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah", role: "Terminale STMG", company: "Lycée Voltaire", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Réussite",
|
||||
},
|
||||
value: "98%", label: "Réussite"},
|
||||
{
|
||||
value: "5K+",
|
||||
label: "Membres",
|
||||
},
|
||||
value: "5K+", label: "Membres"},
|
||||
{
|
||||
value: "12K",
|
||||
label: "Fiches",
|
||||
},
|
||||
value: "12K", label: "Fiches"},
|
||||
]}
|
||||
title="Ils ont réussi grâce à BacShare"
|
||||
description="Témoignages de nos utilisateurs."
|
||||
@@ -346,20 +219,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Est-ce gratuit ?",
|
||||
content: "Oui, le partage et le téléchargement sont 100% gratuits.",
|
||||
},
|
||||
id: "1", title: "Est-ce gratuit ?", content: "Oui, le partage et le téléchargement sont 100% gratuits."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Faut-il un compte ?",
|
||||
content: "Oui, la création d'un compte est nécessaire pour accéder aux téléchargements.",
|
||||
},
|
||||
id: "2", title: "Faut-il un compte ?", content: "Oui, la création d'un compte est nécessaire pour accéder aux téléchargements."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Comment publier ?",
|
||||
content: "Rendez-vous sur votre espace utilisateur après connexion.",
|
||||
},
|
||||
id: "3", title: "Comment publier ?", content: "Rendez-vous sur votre espace utilisateur après connexion."},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir."
|
||||
@@ -371,16 +235,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Rejoignez-nous"
|
||||
title="Prêt à contribuer ?"
|
||||
description="Créez votre compte dès aujourd'hui pour publier vos premiers documents et aider vos camarades."
|
||||
buttons={[
|
||||
{
|
||||
text: "S'inscrire gratuitement",
|
||||
href: "#",
|
||||
},
|
||||
text: "S'inscrire gratuitement", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,29 +250,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "BacShare",
|
||||
items: [
|
||||
title: "BacShare", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
label: "À propos", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions légales", href: "#"},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user