Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import ReactLenis from "lenis/react";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Giving", id: "/giving" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            contentWidth="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
+                <ContactSplit
+                    tag="Contact Us"
+                    title="Get in touch with us"
+                    description="We are here to answer your questions and provide support. Our address is 123 Faith Street, Cityville. Reach us by phone at (555) 123-4567. Open Monday-Friday, 9am - 5pm."
+                    background={{ variant: "plain" }}
+                    mediaPosition="left"
+                />
+                <FooterLogoEmphasis
+                    logoText="Coach"
+                    columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}