Add src/app/contact/page.tsx

2026-04-08 23:28:51 +00:00
parent c3c0363351
commit 758b2c7bfb
1 changed files with 59 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ 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>
+    );
+}