Merge version_1_1781544780970 into main #1
@@ -7,69 +7,42 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Home",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Cours",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Tarifs",
|
||||
"href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Team",
|
||||
"href": "#team"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "Cours", href: "#features" },
|
||||
{ name: "Tarifs", href: "#pricing" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Team", href: "#team" },
|
||||
{ name: "Testimonials", href: "#testimonials" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="expand" siteBackground="floatingGradient" heroBackground="cornerGlow">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="EduMathGestion"
|
||||
ctaButton={{
|
||||
text: "S'inscrire",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="EduMathGestion"
|
||||
logoImageSrc="http://img.b2bpic.net/free-photo/calculator-app-front-side_187299-39203.jpg"
|
||||
ctaButton={{
|
||||
text: "S'inscrire", href: "#contact"}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="EduMathGestion"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
brand="EduMathGestion"
|
||||
columns={[
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -12,235 +12,113 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlayMarquee
|
||||
tag="Expertise en Enseignement"
|
||||
title="Mathématiques et Gestion"
|
||||
description="Réussissez vos examens avec des cours structurés et un suivi personnalisé par des enseignants passionnés."
|
||||
primaryButton={{
|
||||
text: "Voir nos cours",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contactez-nous",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Cours de Mathématiques",
|
||||
icon: BarChart2,
|
||||
},
|
||||
{
|
||||
text: "Cours de Gestion",
|
||||
icon: BarChart,
|
||||
},
|
||||
{
|
||||
text: "Suivi personnalisé",
|
||||
icon: User,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172369.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise en Enseignement"
|
||||
title="Mathématiques et Gestion"
|
||||
description="Réussissez vos examens avec des cours structurés et un suivi personnalisé par des enseignants passionnés."
|
||||
primaryButton={{ text: "Voir nos cours", href: "#features" }}
|
||||
secondaryButton={{ text: "Contactez-nous", href: "#contact" }}
|
||||
items={[
|
||||
{ text: "Cours de Mathématiques", icon: BarChart2 },
|
||||
{ text: "Cours de Gestion", icon: BarChart },
|
||||
{ text: "Suivi personnalisé", icon: User },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172369.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Notre Mission : Votre Réussite"
|
||||
primaryButton={{
|
||||
text: "En savoir plus",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText title="Notre Mission : Votre Réussite" primaryButton={{ text: "En savoir plus", href: "#" }} />
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesArrowCards
|
||||
tag="Nos Services"
|
||||
title="Programmes Académiques"
|
||||
description="Nous offrons des sessions adaptées à vos besoins."
|
||||
items={[
|
||||
{
|
||||
title: "Mathématiques Appliquées",
|
||||
tags: [
|
||||
"Collège",
|
||||
"Lycée",
|
||||
"Universitaire",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bombs_23-2150248931.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gestion & Comptabilité",
|
||||
tags: [
|
||||
"Audit",
|
||||
"Finance",
|
||||
"Management",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
{
|
||||
title: "Préparation Concours",
|
||||
tags: [
|
||||
"Intensif",
|
||||
"Révisions",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/final-exam-results-test-reading-books-words-concept_53876-123725.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nos Services"
|
||||
title="Programmes Académiques"
|
||||
description="Nous offrons des sessions adaptées à vos besoins."
|
||||
items={[
|
||||
{ title: "Mathématiques Appliquées", tags: ["Collège", "Lycée", "Universitaire"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bombs_23-2150248931.jpg" },
|
||||
{ title: "Gestion & Comptabilité", tags: ["Audit", "Finance", "Management"], imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
|
||||
{ title: "Préparation Concours", tags: ["Intensif", "Révisions"], imageSrc: "http://img.b2bpic.net/free-photo/final-exam-results-test-reading-books-words-concept_53876-123725.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Nos Tarifs"
|
||||
title="Choisissez votre formule"
|
||||
description="Des options flexibles pour chaque profil d'étudiant."
|
||||
plans={[
|
||||
{
|
||||
tag: "Individuel",
|
||||
price: "40€/h",
|
||||
description: "Séance particulière.",
|
||||
features: [
|
||||
"Programme sur mesure",
|
||||
"Disponibilité totale",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Groupe",
|
||||
price: "25€/h",
|
||||
description: "Apprentissage collaboratif.",
|
||||
features: [
|
||||
"Maximum 5 élèves",
|
||||
"Émulation de groupe",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Forfait Mensuel",
|
||||
price: "350€",
|
||||
description: "Suivi complet au mois.",
|
||||
features: [
|
||||
"10 heures de cours",
|
||||
"Support par email",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nos Tarifs"
|
||||
title="Choisissez votre formule"
|
||||
description="Des options flexibles pour chaque profil d'étudiant."
|
||||
plans={[
|
||||
{ tag: "Individuel", price: "40€/h", description: "Séance particulière.", features: ["Programme sur mesure", "Disponibilité totale"] },
|
||||
{ tag: "Groupe", price: "25€/h", description: "Apprentissage collaboratif.", features: ["Maximum 5 élèves", "Émulation de groupe"] },
|
||||
{ tag: "Forfait Mensuel", price: "350€", description: "Suivi complet au mois.", features: ["10 heures de cours", "Support par email"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamOverlayCards
|
||||
tag="Nos Enseignants"
|
||||
title="L'équipe pédagogique"
|
||||
members={[
|
||||
{
|
||||
name: "Dr. Martin",
|
||||
role: "Professeur de Mathématiques",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mme. Dubois",
|
||||
role: "Expertise Gestion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-making-phone-call-outdoors_23-2148002104.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mr. Lefebvre",
|
||||
role: "Prépa Concours",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nos Enseignants"
|
||||
title="L'équipe pédagogique"
|
||||
description="Une équipe dédiée à votre réussite scolaire."
|
||||
members={[
|
||||
{ name: "Dr. Martin", role: "Professeur de Mathématiques", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg" },
|
||||
{ name: "Mme. Dubois", role: "Expertise Gestion", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-making-phone-call-outdoors_23-2148002104.jpg" },
|
||||
{ name: "Mr. Lefebvre", role: "Prépa Concours", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Témoignages"
|
||||
title="Ce que disent nos étudiants"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julie P.",
|
||||
role: "Étudiante",
|
||||
quote: "Excellents professeurs !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12691.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas R.",
|
||||
role: "Lycéen",
|
||||
quote: "J'ai enfin compris les dérivées.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-book_23-2148680226.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
role: "Gestion",
|
||||
quote: "Très pédagogique et clair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
|
||||
},
|
||||
{
|
||||
name: "Paul M.",
|
||||
role: "Étudiant",
|
||||
quote: "Un vrai changement dans mes notes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-students-outdoors_23-2150405223.jpg",
|
||||
},
|
||||
{
|
||||
name: "Clara V.",
|
||||
role: "Lycéenne",
|
||||
quote: "Merci pour le suivi !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-african-american-female-student-smiling-pleased-showing-okay-sign-like-something-good-standing-yellow-background_1258-63379.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Témoignages"
|
||||
title="Ce que disent nos étudiants"
|
||||
description="Ils nous font confiance pour leur parcours."
|
||||
testimonials={[
|
||||
{ name: "Julie P.", role: "Étudiante", quote: "Excellents professeurs !", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12691.jpg" },
|
||||
{ name: "Thomas R.", role: "Lycéen", quote: "J'ai enfin compris les dérivées.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-book_23-2148680226.jpg" },
|
||||
{ name: "Sarah L.", role: "Gestion", quote: "Très pédagogique et clair.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Questions fréquentes"
|
||||
title="Comment pouvons-nous aider ?"
|
||||
categories={[
|
||||
{
|
||||
name: "Inscription",
|
||||
items: [
|
||||
{
|
||||
question: "Comment s'inscrire ?",
|
||||
answer: "Via le formulaire de contact.",
|
||||
},
|
||||
{
|
||||
question: "Y a-t-il un engagement ?",
|
||||
answer: "Non, formule mensuelle.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Questions fréquentes"
|
||||
title="Comment pouvons-nous aider ?"
|
||||
description="Toutes les réponses à vos questions."
|
||||
categories={[
|
||||
{ name: "Inscription", items: [{ question: "Comment s'inscrire ?", answer: "Via le formulaire de contact." }, { question: "Y a-t-il un engagement ?", answer: "Non, formule mensuelle." }] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Prêt à démarrer ?"
|
||||
text="Réservez votre première séance avec nos enseignants."
|
||||
primaryButton={{
|
||||
text: "Formulaire d'inscription",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Appelez-nous",
|
||||
href: "tel:+3312345678",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Prêt à démarrer ?"
|
||||
text="Réservez votre première séance avec nos enseignants."
|
||||
primaryButton={{ text: "Formulaire d'inscription", href: "#" }}
|
||||
secondaryButton={{ text: "Appelez-nous", href: "tel:+3312345678" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user