Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Le Concept",
|
||||
id: "about",
|
||||
},
|
||||
name: "Le Concept", id: "about"},
|
||||
{
|
||||
name: "Fonctionnalités",
|
||||
id: "features",
|
||||
},
|
||||
name: "Fonctionnalités", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ApprentiConnect"
|
||||
/>
|
||||
@@ -54,67 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Boostez votre apprentissage, construisez votre carrière."
|
||||
description="Le réseau social premium conçu pour mettre en relation les apprentis, faciliter l'échange de savoir-faire et accélérer votre réussite professionnelle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rejoindre la communauté",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Rejoindre la communauté", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg"
|
||||
imageAlt="Plateforme ApprentiConnect"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg",
|
||||
alt: "Apprenti 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg", alt: "Apprenti 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-businessman-standing-with-arms-folded-leaning-window-frame_1098-19243.jpg",
|
||||
alt: "Mentor 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-businessman-standing-with-arms-folded-leaning-window-frame_1098-19243.jpg", alt: "Mentor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",
|
||||
alt: "Apprenti 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg", alt: "Apprenti 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg",
|
||||
alt: "Apprenti 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg", alt: "Apprenti 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg",
|
||||
alt: "Apprenti 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg", alt: "Apprenti 4"},
|
||||
]}
|
||||
avatarText="+12k apprentis déjà inscrits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mentorat 1:1",
|
||||
icon: GraduationCap,
|
||||
type: "text-icon", text: "Mentorat 1:1", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Networking Pro",
|
||||
icon: Network,
|
||||
type: "text-icon", text: "Networking Pro", icon: Network,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ressources Exclusives",
|
||||
icon: BookOpen,
|
||||
type: "text-icon", text: "Ressources Exclusives", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Suivi de Compétences",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Suivi de Compétences", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Événements Communautaires",
|
||||
icon: CalendarDays,
|
||||
type: "text-icon", text: "Événements Communautaires", icon: CalendarDays,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,28 +104,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Savoir-faire",
|
||||
title: "Mentorat exclusif",
|
||||
subtitle: "Apprenez des meilleurs",
|
||||
description: "Connectez-vous avec des mentors experts de votre domaine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-landing-page_23-2148146504.jpg",
|
||||
},
|
||||
tag: "Savoir-faire", title: "Mentorat exclusif", subtitle: "Apprenez des meilleurs", description: "Connectez-vous avec des mentors experts de votre domaine.", imageSrc: "http://img.b2bpic.net/free-vector/online-education-landing-page_23-2148146504.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Échanges",
|
||||
title: "Networking ciblé",
|
||||
subtitle: "Partagez vos succès",
|
||||
description: "Échangez avec une communauté bienveillante et ambitieuse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-design-landing-page-concept_1284-46895.jpg",
|
||||
},
|
||||
tag: "Échanges", title: "Networking ciblé", subtitle: "Partagez vos succès", description: "Échangez avec une communauté bienveillante et ambitieuse.", imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-design-landing-page-concept_1284-46895.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Ressources",
|
||||
title: "Bibliothèque premium",
|
||||
subtitle: "Accélérez votre parcours",
|
||||
description: "Des ressources pédagogiques et outils métiers concrets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app-concept_23-2148558164.jpg",
|
||||
},
|
||||
tag: "Ressources", title: "Bibliothèque premium", subtitle: "Accélérez votre parcours", description: "Des ressources pédagogiques et outils métiers concrets.", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app-concept_23-2148558164.jpg"},
|
||||
]}
|
||||
title="Des outils pensés pour votre quotidien."
|
||||
description="Accédez à un environnement structuré pour enrichir vos compétences."
|
||||
@@ -171,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k+",
|
||||
title: "Membres actifs",
|
||||
description: "Une communauté grandissante.",
|
||||
icon: Users,
|
||||
id: "m1", value: "12k+", title: "Membres actifs", description: "Une communauté grandissante.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Satisfaction",
|
||||
description: "Un réseau de qualité.",
|
||||
icon: Award,
|
||||
id: "m2", value: "95%", title: "Satisfaction", description: "Un réseau de qualité.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Mentors",
|
||||
description: "Des experts dédiés.",
|
||||
icon: Briefcase,
|
||||
id: "m3", value: "200+", title: "Mentors", description: "Des experts dédiés.", icon: Briefcase,
|
||||
},
|
||||
]}
|
||||
title="Impact réel sur votre parcours."
|
||||
@@ -199,63 +141,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julie M.",
|
||||
role: "Apprentie Menuiserie",
|
||||
company: "Atelier bois",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Julie M.", role: "Apprentie Menuiserie", company: "Atelier bois", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc T.",
|
||||
role: "Mentor Tech",
|
||||
company: "Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-standing-with-arms-folded-leaning-window-frame_1098-19243.jpg",
|
||||
},
|
||||
id: "2", name: "Marc T.", role: "Mentor Tech", company: "Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-standing-with-arms-folded-leaning-window-frame_1098-19243.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire B.",
|
||||
role: "Apprentie Élec",
|
||||
company: "ÉlecSolution",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",
|
||||
},
|
||||
id: "3", name: "Claire B.", role: "Apprentie Élec", company: "ÉlecSolution", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Apprenti Développeur",
|
||||
company: "Startup XYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Apprenti Développeur", company: "Startup XYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie P.",
|
||||
role: "Apprentie Graphiste",
|
||||
company: "Studio Creatif",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sophie P.", role: "Apprentie Graphiste", company: "Studio Creatif", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "8/10",
|
||||
label: "Progression pro",
|
||||
},
|
||||
value: "8/10", label: "Progression pro"},
|
||||
{
|
||||
value: "150h",
|
||||
label: "Mentorat partagé",
|
||||
},
|
||||
value: "150h", label: "Mentorat partagé"},
|
||||
{
|
||||
value: "90%",
|
||||
label: "Recommandation",
|
||||
},
|
||||
value: "90%", label: "Recommandation"},
|
||||
]}
|
||||
title="Ils ont rejoint l'aventure."
|
||||
description="Découvrez comment ApprentiConnect a transformé leur parcours."
|
||||
@@ -266,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Rejoindre"
|
||||
title="Prêt à propulser votre carrière ?"
|
||||
description="Inscrivez-vous dès maintenant pour accéder à nos programmes premium et rencontrer votre prochain mentor."
|
||||
@@ -280,37 +191,23 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
label: "À propos", href: "#"},
|
||||
{
|
||||
label: "Mentors",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentors", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "CGU",
|
||||
href: "#",
|
||||
},
|
||||
label: "CGU", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookies", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user