From 758b2c7bfbc5614fa8ee1271ab9e48889e66505d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 23:28:51 +0000
Subject: [PATCH 1/2] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 59 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..3f24cb3
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,59 @@
+"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: "À propos", href: "/#about" },
+        { name: "Cours", href: "/#services" },
+        { name: "Avis", href: "/#testimonials" },
+        { name: "Contact", href: "/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" }}
+                    />
+                </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>
+    );
+}
-- 
2.49.1


From ac6d849c93d9309b72b10b6334e39373240625e9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 23:28:51 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 197 +++++++++++++++++++++++------------------------
 1 file changed, 98 insertions(+), 99 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 225cca4..c806411 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function PermitSchoolPage() {
         { name: "À propos", id: "about" },
         { name: "Cours", id: "services" },
         { name: "Avis", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Contact", href: "/contact" },
     ];
 
     return (
@@ -37,108 +37,107 @@ export default function PermitSchoolPage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="PermisRéussite"
-                    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" },
-                    ]}
+                    button={{ text: "S'inscrire", href: "/contact" }}
                 />
+                <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
                     logoText="PermisRéussite"
                     columns={[
-                        { items: [{ label: "Accueil", href: "#" }, { label: "Nos cours", href: "#services" }] },
-                        { items: [{ label: "Contact", href: "#contact" }, { label: "À propos", href: "#about" }] },
+                        { 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: "#" }] },
                     ]}
                 />
-- 
2.49.1