232 lines
14 KiB
TypeScript
232 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Users, BookOpen, TrendingUp, Award } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Impact Education"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "Témoignages", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Des ateliers concrets pour préparer les jeunes à la vraie vie"
|
|
description="Impact Education intervient directement dans vos établissements pour développer les compétences essentielles : santé, finances, méthodologie et engagement. Approche pratique, intervenants spécialisés, résultats mesurables."
|
|
background={{ variant: "noise" }}
|
|
testimonials={[
|
|
{
|
|
name: "Marie Dupont", handle: "Directrice d'école", testimonial: "Impact Education a complètement transformé notre approche éducative. Les ateliers sont clés en main et les étudiants sont réellement engagés.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-teacher-with-notebook_23-2148635328.jpg?_wi=1", imageAlt: "Marie Dupont"
|
|
},
|
|
{
|
|
name: "Jean Martin", handle: "Enseignant", testimonial: "Enfin des solutions concrètes pour mes élèves ! Les contenus sont pertinents et les jeunes posent des questions intelligentes après les ateliers.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-school-teacher-background-blackboard-students_23-2147885318.jpg?_wi=1", imageAlt: "Jean Martin"
|
|
},
|
|
{
|
|
name: "Sophie Bernard", handle: "Parent", testimonial: "C'est exactement ce que ma fille avait besoin d'apprendre. Sérieux, utile et vraiment bien fait.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg?_wi=1", imageAlt: "Sophie Bernard"
|
|
},
|
|
{
|
|
name: "Pierre Leclerc", handle: "Coordinateur pédagogique", testimonial: "L'équipe est professionnelle et vraiment à l'écoute de nos besoins. Les interventions s'intègrent parfaitement dans notre cursus.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg?_wi=1", imageAlt: "Pierre Leclerc"
|
|
}
|
|
]}
|
|
tag="Éducation pratique"
|
|
buttons={[
|
|
{ text: "📞 Appeler maintenant", href: "tel:+32470000000" },
|
|
{ text: "📋 Demander un devis", href: "#contact" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Pourquoi choisir Impact Education ?"
|
|
metrics={[
|
|
{ icon: Users, label: "Jeunes accompagnés", value: "5,000+" },
|
|
{ icon: BookOpen, label: "Ateliers réalisés", value: "500+" },
|
|
{ icon: TrendingUp, label: "Taux de satisfaction", value: "98%" },
|
|
{ icon: Award, label: "Ans d'expérience", value: "8+" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Nos domaines d'intervention"
|
|
description="Quatre axes clés pour un développement complet des jeunes"
|
|
features={[
|
|
{
|
|
id: "health", title: "Santé & Bien-être", tags: ["Prévention", "Conscience", "Équilibre"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together_23-2150912364.jpg", imageAlt: "Atelier santé"
|
|
},
|
|
{
|
|
id: "finances", title: "Finances & Économie", tags: ["Budgétisation", "Investissement", "Autonomie"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-female-students-consulting-instructor_74855-1068.jpg", imageAlt: "Atelier finances"
|
|
},
|
|
{
|
|
id: "methodology", title: "Méthodologie & Apprentissage", tags: ["Efficacité", "Organisation", "Performance"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-young-people-studying-with-laptop-computer_1139-993.jpg", imageAlt: "Atelier méthodologie"
|
|
},
|
|
{
|
|
id: "engagement", title: "Engagement & Leadership", tags: ["Motivation", "Initiative", "Impact"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-students-working-together_23-2147655906.jpg", imageAlt: "Atelier engagement"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="4 domaines clés"
|
|
buttons={[{ text: "Explorer les services", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Notre impact mesurable"
|
|
description="Des résultats concrets pour les écoles et les jeunes"
|
|
metrics={[
|
|
{
|
|
id: "students", value: "95%", title: "Des élèves trouvent les ateliers utiles", description: "Retours positifs systématiques après chaque intervention"
|
|
},
|
|
{
|
|
id: "schools", value: "8/10", title: "Écoles nous recommandent", description: "Nos clients renouvellent leurs contrats année après année"
|
|
},
|
|
{
|
|
id: "engagement", value: "87%", title: "De participation active", description: "Les jeunes s'engagent pleinement dans les ateliers"
|
|
},
|
|
{
|
|
id: "improvement", value: "3x", title: "Plus de confiance en soi", description: "Amélioration mesurable après les interventions"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Ce que disent nos partenaires"
|
|
description="Directeurs d'école, enseignants et parents partagent leurs expériences"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marie Dupont", handle: "Directrice - École Primaire Bruxelles", testimonial: "Impact Education a complètement changé notre approche. Les ateliers sont professionnels, engageants et vraiment adaptés à nos étudiants.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-teacher-with-notebook_23-2148635328.jpg?_wi=2", imageAlt: "Marie Dupont"
|
|
},
|
|
{
|
|
id: "2", name: "Jean Martin", handle: "Enseignant - Collège Anvers", testimonial: "Les contenus sont pertinents et à jour. Mes élèves reviennent avec des questions intelligentes - c'est exactement ce qu'il manquait.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-school-teacher-background-blackboard-students_23-2147885318.jpg?_wi=2", imageAlt: "Jean Martin"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Bernard", handle: "Parent - Liège", testimonial: "Ma fille me dit que c'est enfin utile. Sérieux, pratique et vraiment applicable dans la vraie vie.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg?_wi=2", imageAlt: "Sophie Bernard"
|
|
},
|
|
{
|
|
id: "4", name: "Pierre Leclerc", handle: "Coordinateur - Lycée Charleroi", testimonial: "L'équipe est à l'écoute et flexible. Les interventions s'intègrent parfaitement dans notre cursus sans perturbation.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg?_wi=2", imageAlt: "Pierre Leclerc"
|
|
},
|
|
{
|
|
id: "5", name: "Claude Moreau", handle: "Directrice - École Gand", testimonial: "Après 3 ans de partenariat, je ne pourrais pas imaginer un an sans Impact Education. C'est devenu incontournable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-teacher-with-notebook_23-2148635328.jpg?_wi=3", imageAlt: "Claude Moreau"
|
|
},
|
|
{
|
|
id: "6", name: "Valérie Laurent", handle: "Enseignante - Namur", testimonial: "Les formateurs transmettent vraiment leur passion. Les jeunes restent mobilisés bien après l'atelier.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-school-teacher-background-blackboard-students_23-2147885318.jpg?_wi=3", imageAlt: "Valérie Laurent"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Satisfaction garantie"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Questions fréquentes"
|
|
sideDescription="Trouvez rapidement les réponses à vos questions sur nos ateliers et interventions."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Combien de temps dure un atelier ?", content: "Nos ateliers sont flexibles et adaptables. Compter généralement 2 à 3 heures pour une intervention complète, mais nous pouvons aussi proposer des formats courts (45 min) ou longs (full day)."
|
|
},
|
|
{
|
|
id: "2", title: "Comment s'organise une intervention ?", content: "C'est très simple : vous nous contactez avec vos dates et préférences, nous proposons un créneau, nos intervenants préparent le contenu adapté à votre école, et nous venons animer. Zéro contrainte."
|
|
},
|
|
{
|
|
id: "3", title: "Quel est le coût ?", content: "Les tarifs dépendent du nombre de participants et de la durée. Pour un premier atelier, comptez entre 800€ et 2000€. Un devis précis vous sera envoyé après discussion de vos besoins."
|
|
},
|
|
{
|
|
id: "4", title: "Pouvez-vous adapter les contenus ?", content: "Oui, absolument ! Nos intervenants personnalisent toujours les ateliers selon le profil de vos étudiants, votre région, et vos objectifs spécifiques."
|
|
},
|
|
{
|
|
id: "5", title: "Y a-t-il un suivi après l'atelier ?", content: "Oui, nous envoyons un rapport d'intervention et restons disponibles pour discuter des résultats et des prochaines étapes si vous le souhaitez."
|
|
},
|
|
{
|
|
id: "6", title: "Quels niveaux scolaires acceptez-vous ?", content: "Du primaire au secondaire, et même initiation pour étudiants en études supérieures. Nos contenus sont adaptables à tous les âges."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Contacter pour plus d'infos", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Prêt à agir"
|
|
title="Demandez votre intervention dès aujourd'hui"
|
|
description="Remplissez le formulaire ou appelez-nous directement. Nous répondons en moins de 24h. Transformation garantie."
|
|
background={{ variant: "noise" }}
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Votre email"
|
|
buttonText="Envoyer"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Impact Education"
|
|
leftLink={{ text: "Politique de confidentialité", href: "#" }}
|
|
rightLink={{ text: "Mentions légales", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|