Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import { MessageCircle } from "lucide-react";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Reviews", id: "#reviews" },
+        { name: "Contact", id: "/contact" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="text-stagger"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="gradient-bordered"
+            primaryButtonStyle="flat"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <NavbarStyleCentered navItems={navItems} brandName="Webild" />
+            <div id="contact" data-section="contact">
+                <ContactSplit
+                    tag="Get in Touch"
+                    title="Let's build something great together."
+                    description="Have a project in mind or just want to say hello? Fill out the form below and we'll get back to you as soon as possible."
+                    tagIcon={MessageCircle}
+                    background={{ variant: "downward-rays-animated-grid" }}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid1.webp"
+                    imageAlt="Contact us illustration"
+                    mediaPosition="right"
+                    inputPlaceholder="Your email address"
+                    buttonText="Send Message"
+                    termsText="By sending a message you agree to our privacy policy."
+                    onSubmit={(email) => console.log("Contact form submitted with email:", email)}
+                />
+            </div>
+        </ThemeProvider>
+    );
+}