Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8f0225ff62 | |||
| 738f0c8b2f | |||
| ac6d849c93 | |||
| 758b2c7bfb | |||
| c3c0363351 | |||
| 9e69d9bd29 | |||
| a54174995e | |||
| e349aeecaf |
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>
|
||||
);
|
||||
}
|
||||
201
src/app/page.tsx
201
src/app/page.tsx
@@ -6,11 +6,9 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { CheckCircle, BookOpen, GraduationCap, Phone, Clock, Award } from "lucide-react";
|
||||
import { CheckCircle, BookOpen, GraduationCap, Clock, Users, Award } from "lucide-react";
|
||||
|
||||
export default function PermitSchoolPage() {
|
||||
const navItems = [
|
||||
@@ -37,112 +35,111 @@ 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 un cours", 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: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fffefe;
|
||||
--card: #f6f7f4;
|
||||
--foreground: #080908;
|
||||
--primary-cta: #0e3a29;
|
||||
--primary-cta-text: #fffefe;
|
||||
--secondary-cta: #e7eecd;
|
||||
--secondary-cta-text: #080908;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #ecebe4;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user