Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8f0225ff62 | |||
| 738f0c8b2f | |||
| ac6d849c93 | |||
| 758b2c7bfb | |||
| c3c0363351 | |||
| a54174995e |
61
src/app/contact/page.tsx
Normal file
61
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||||
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
|
||||||
|
export default function ContactPage() {
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Accueil", id: "/" },
|
||||||
|
{ name: "À propos", id: "/#about" },
|
||||||
|
{ name: "Cours", id: "/#services" },
|
||||||
|
{ name: "Avis", id: "/#testimonials" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="icon-arrow"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="none"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="shadow"
|
||||||
|
secondaryButtonStyle="solid"
|
||||||
|
headingFontWeight="medium"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<NavbarLayoutFloatingInline
|
||||||
|
navItems={navItems}
|
||||||
|
brandName="PermisRéussite"
|
||||||
|
button={{ text: "S'inscrire", href: "/contact" }}
|
||||||
|
/>
|
||||||
|
<div id="contact">
|
||||||
|
<ContactCTA
|
||||||
|
tag="Contact"
|
||||||
|
title="Nous sommes là pour vous"
|
||||||
|
description="Besoin d'aide ou d'informations sur nos formations au code ? Notre équipe est prête à vous répondre par téléphone ou via WhatsApp."
|
||||||
|
buttons={[
|
||||||
|
{ text: "Appeler le 02 123 45 67", href: "tel:+3221234567" },
|
||||||
|
{ text: "Contacter sur WhatsApp", href: "https://wa.me/32400000000" },
|
||||||
|
]}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<FooterLogoEmphasis
|
||||||
|
logoText="PermisRéussite"
|
||||||
|
columns={[
|
||||||
|
{ items: [{ label: "Accueil", href: "/" }, { label: "Nos cours", href: "/#services" }] },
|
||||||
|
{ items: [{ label: "Contact", href: "/contact" }, { label: "À propos", href: "/#about" }] },
|
||||||
|
{ items: [{ label: "Conditions générales", href: "#" }, { label: "Mentions légales", href: "#" }] },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
199
src/app/page.tsx
199
src/app/page.tsx
@@ -6,11 +6,9 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
|||||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
|
||||||
import ContactText from "@/components/sections/contact/ContactText";
|
|
||||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { CheckCircle, BookOpen, GraduationCap, Phone, Clock, Award, Users } from "lucide-react";
|
import { CheckCircle, BookOpen, GraduationCap, Clock, Users, Award } from "lucide-react";
|
||||||
|
|
||||||
export default function PermitSchoolPage() {
|
export default function PermitSchoolPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
@@ -37,108 +35,107 @@ export default function PermitSchoolPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
brandName="PermisRéussite"
|
brandName="PermisRéussite"
|
||||||
button={{ text: "S'inscrire", href: "#contact" }}
|
button={{ text: "S'inscrire", href: "/contact" }}
|
||||||
/>
|
|
||||||
<HeroSplitDualMedia
|
|
||||||
background={{ variant: "radial-gradient" }}
|
|
||||||
tag="Auto-École Belgique"
|
|
||||||
tagIcon={Award}
|
|
||||||
title="Réussissez votre examen théorique du premier coup"
|
|
||||||
description="La méthode simple et rapide pour maîtriser le code de la route. Rejoignez des centaines d'élèves qui ont décroché leur permis à Bruxelles et partout en Belgique."
|
|
||||||
mediaItems={[
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-paramedics-ambulance-african-american-female-paramedic-driving-talking-radio_657921-1521.jpg", imageAlt: "Élève concentré sur le code de la route" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-speed-sign-evening-field-landscape-cloudy-sky_169016-68204.jpg", imageAlt: "Signalisation routière et conduite" },
|
|
||||||
]}
|
|
||||||
rating={5}
|
|
||||||
ratingText="Plus de 500 élèves satisfaits"
|
|
||||||
buttons={[
|
|
||||||
{ text: "Réserver mon cours maintenant", href: "#services" },
|
|
||||||
{ text: "Nous contacter", href: "#contact" },
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
<FeatureCardTwentyFive
|
|
||||||
tag="Nos Formules"
|
|
||||||
tagIcon={BookOpen}
|
|
||||||
title="Des solutions adaptées à votre emploi du temps"
|
|
||||||
description="Choisissez la formule qui vous correspond pour apprendre efficacement."
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Cours en Groupe", description: "Apprentissage dynamique en salle avec un moniteur expert. Idéal pour échanger et progresser ensemble.", icon: Users,
|
|
||||||
mediaItems: [
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/students-learning-school-their-classroom_23-2149511027.jpg", imageAlt: "Cours en groupe" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-whiteboard_23-2149333053.jpg", imageAlt: "Salle de cours" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Coaching Individuel", description: "Un suivi personnalisé pour cibler vos points faibles et garantir votre réussite à l'examen.", icon: GraduationCap,
|
|
||||||
mediaItems: [
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-psychotherapist-talking-male-patient-group-therapy_637285-10063.jpg", imageAlt: "Moniteur avec élève" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/checking-schedule-while-waiting-client-portrait-good-looking-confident-female-creative-coworker-glasses-sitting-table_176420-24657.jpg", imageAlt: "Étude individuelle" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Stage Intensif", description: "Le programme ultra-rapide pour réviser l'intégralité du code et être prêt en quelques jours seulement.", icon: Clock,
|
|
||||||
mediaItems: [
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-playground-with-phone-her-hands_140725-16374.jpg", imageAlt: "Formation intensive" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-blue-directions-sign-with-white-arrows_181624-20064.jpg", imageAlt: "Panneaux de signalisation" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TestimonialCardSixteen
|
|
||||||
tag="Témoignages"
|
|
||||||
tagIcon={CheckCircle}
|
|
||||||
title="La réussite de nos élèves, notre meilleure publicité"
|
|
||||||
description="Découvrez les retours de ceux qui ont obtenu leur permis avec nous."
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{ id: "1", name: "Julie M.", role: "Étudiante", company: "Bruxelles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-looking-camera-t-shirt-jacket-looking-happy-front-view_176474-85428.jpg", imageAlt: "Julie" },
|
|
||||||
{ id: "2", name: "Thomas L.", role: "Salarié", company: "Namur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "Thomas" },
|
|
||||||
{ id: "3", name: "Sophie B.", role: "En recherche d'emploi", company: "Liège", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg", imageAlt: "Sophie" },
|
|
||||||
]}
|
|
||||||
kpiItems={[
|
|
||||||
{ value: "95%", label: "Taux de réussite" },
|
|
||||||
{ value: "24h", label: "Réponse rapide" },
|
|
||||||
{ value: "10 ans", label: "D'expertise" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<FaqSplitMedia
|
|
||||||
tag="Questions Fréquentes"
|
|
||||||
title="Besoin d'éclaircissements ?"
|
|
||||||
description="Voici les réponses aux questions les plus posées par nos candidats."
|
|
||||||
textboxLayout="default"
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/happy-call-center-agent-using-computer-while-communicating-with-clients-working-office_637285-6165.jpg"
|
|
||||||
imageAlt="Question sur le code"
|
|
||||||
mediaPosition="right"
|
|
||||||
faqs={[
|
|
||||||
{ id: "1", title: "Puis-je suivre les cours à distance ?", content: "Oui, nous proposons des modules de formation en ligne pour une flexibilité totale." },
|
|
||||||
{ id: "2", title: "Quel est le taux de réussite ?", content: "Grâce à notre méthode, 95% de nos élèves réussissent leur examen théorique du premier coup." },
|
|
||||||
{ id: "3", title: "Comment réserver mon examen ?", content: "Nous vous accompagnons également dans les démarches administratives pour prendre votre rendez-vous au centre d'examen." },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ContactText
|
|
||||||
text="Prêt à passer votre examen théorique ? Contactez-nous dès aujourd'hui via téléphone ou WhatsApp !"
|
|
||||||
background={{ variant: "plain" }}
|
|
||||||
useInvertedBackground={false}
|
|
||||||
buttons={[
|
|
||||||
{ text: "Appeler le 02 123 45 67", href: "tel:+3221234567" },
|
|
||||||
{ text: "Contacter sur WhatsApp", href: "https://wa.me/32400000000" },
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
|
<div id="hero">
|
||||||
|
<HeroSplitDualMedia
|
||||||
|
background={{ variant: "radial-gradient" }}
|
||||||
|
tag="Auto-École Belgique"
|
||||||
|
tagIcon={Award}
|
||||||
|
title="Réussissez votre examen théorique du premier coup"
|
||||||
|
description="La méthode simple et rapide pour maîtriser le code de la route. Rejoignez des centaines d'élèves qui ont décroché leur permis à Bruxelles et partout en Belgique."
|
||||||
|
mediaItems={[
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/two-paramedics-ambulance-african-american-female-paramedic-driving-talking-radio_657921-1521.jpg", imageAlt: "Élève concentré sur le code de la route" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-speed-sign-evening-field-landscape-cloudy-sky_169016-68204.jpg", imageAlt: "Signalisation routière et conduite" },
|
||||||
|
]}
|
||||||
|
rating={5}
|
||||||
|
ratingText="Plus de 500 élèves satisfaits"
|
||||||
|
buttons={[
|
||||||
|
{ text: "Réserver mon cours maintenant", href: "#services" },
|
||||||
|
{ text: "Nous contacter", href: "/contact" },
|
||||||
|
]}
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div id="services">
|
||||||
|
<FeatureCardTwentyFive
|
||||||
|
tag="Nos Formules"
|
||||||
|
tagIcon={BookOpen}
|
||||||
|
title="Des solutions adaptées à votre emploi du temps"
|
||||||
|
description="Choisissez la formule qui vous correspond pour apprendre efficacement."
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Cours en Groupe", description: "Apprentissage dynamique en salle avec un moniteur expert. Idéal pour échanger et progresser ensemble.", icon: Users,
|
||||||
|
mediaItems: [
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/students-learning-school-their-classroom_23-2149511027.jpg", imageAlt: "Cours en groupe" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-whiteboard_23-2149333053.jpg", imageAlt: "Salle de cours" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Coaching Individuel", description: "Un suivi personnalisé pour cibler vos points faibles et garantir votre réussite à l'examen.", icon: GraduationCap,
|
||||||
|
mediaItems: [
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-psychotherapist-talking-male-patient-group-therapy_637285-10063.jpg", imageAlt: "Moniteur avec élève" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/checking-schedule-while-waiting-client-portrait-good-looking-confident-female-creative-coworker-glasses-sitting-table_176420-24657.jpg", imageAlt: "Étude individuelle" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Stage Intensif", description: "Le programme ultra-rapide pour réviser l'intégralité du code et être prêt en quelques jours seulement.", icon: Clock,
|
||||||
|
mediaItems: [
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-playground-with-phone-her-hands_140725-16374.jpg", imageAlt: "Formation intensive" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-blue-directions-sign-with-white-arrows_181624-20064.jpg", imageAlt: "Panneaux de signalisation" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div id="testimonials">
|
||||||
|
<TestimonialCardSixteen
|
||||||
|
tag="Témoignages"
|
||||||
|
tagIcon={CheckCircle}
|
||||||
|
title="La réussite de nos élèves, notre meilleure publicité"
|
||||||
|
description="Découvrez les retours de ceux qui ont obtenu leur permis avec nous."
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
testimonials={[
|
||||||
|
{ id: "1", name: "Julie M.", role: "Étudiante", company: "Bruxelles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-looking-camera-t-shirt-jacket-looking-happy-front-view_176474-85428.jpg", imageAlt: "Julie" },
|
||||||
|
{ id: "2", name: "Thomas L.", role: "Salarié", company: "Namur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "Thomas" },
|
||||||
|
{ id: "3", name: "Sophie B.", role: "En recherche d'emploi", company: "Liège", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg", imageAlt: "Sophie" },
|
||||||
|
]}
|
||||||
|
kpiItems={[
|
||||||
|
{ value: "95%", label: "Taux de réussite" },
|
||||||
|
{ value: "24h", label: "Réponse rapide" },
|
||||||
|
{ value: "10 ans", label: "D'expertise" },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div id="faq">
|
||||||
|
<FaqSplitMedia
|
||||||
|
tag="Questions Fréquentes"
|
||||||
|
title="Besoin d'éclaircissements ?"
|
||||||
|
description="Voici les réponses aux questions les plus posées par nos candidats."
|
||||||
|
textboxLayout="default"
|
||||||
|
faqsAnimation="slide-up"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/happy-call-center-agent-using-computer-while-communicating-with-clients-working-office_637285-6165.jpg"
|
||||||
|
imageAlt="Question sur le code"
|
||||||
|
mediaPosition="right"
|
||||||
|
faqs={[
|
||||||
|
{ id: "1", title: "Puis-je suivre les cours à distance ?", content: "Oui, nous proposons des modules de formation en ligne pour une flexibilité totale." },
|
||||||
|
{ id: "2", title: "Quel est le taux de réussite ?", content: "Grâce à notre méthode, 95% de nos élèves réussissent leur examen théorique du premier coup." },
|
||||||
|
{ id: "3", title: "Comment réserver mon examen ?", content: "Nous vous accompagnons également dans les démarches administratives pour prendre votre rendez-vous au centre d'examen." },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
logoText="PermisRéussite"
|
logoText="PermisRéussite"
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Accueil", href: "#" }, { label: "Nos cours", href: "#services" }] },
|
{ items: [{ label: "Accueil", href: "/" }, { label: "Nos cours", href: "/#services" }] },
|
||||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "À propos", href: "#about" }] },
|
{ items: [{ label: "Contact", href: "/contact" }, { label: "À propos", href: "/#about" }] },
|
||||||
{ items: [{ label: "Conditions générales", href: "#" }, { label: "Mentions légales", href: "#" }] },
|
{ items: [{ label: "Conditions générales", href: "#" }, { label: "Mentions légales", href: "#" }] },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user