diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..0034479
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Rosania Digital"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "#about" },
+            { name: "Services", id: "#services" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Start Your Project",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Let's discuss your project and how I can help bring your vision to life."
+          useInvertedBackground={false}
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: false
+            }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell me about your project...",            rows: 6,
+            required: true
+          }}
+          buttonText="Send Message"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
+          imageAlt="Contact us workspace"
+          onSubmit={(data) => {
+            console.log("Form submitted:", data);
+          }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=2"
+          imageAlt="Rosania Digital footer"
+          logoText="Rosania Digital"
+          copyrightText="© 2025 Rosania Digital. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Website Design", href: "/#services" },
+                { label: "Development", href: "/#services" },
+                { label: "SEO Optimization", href: "/#services" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/#about" },
+                { label: "Testimonials", href: "/#testimonials" },
+                { label: "FAQ", href: "/#faq" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Get Started", href: "/contact" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 114a155..4d323da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,10 +31,11 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Start Your Project",            href: "#contact"
+            text: "Start Your Project",            href: "/contact"
           }}
         />
       </div>
@@ -46,7 +47,7 @@ export default function LandingPage() {
           tag="Professional Web Design"
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get Started Today", href: "#contact" }
+            { text: "Get Started Today", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
@@ -63,7 +64,7 @@ export default function LandingPage() {
             "Hi, I'm the founder of Rosania Digital, and I specialize in creating beautiful, functional websites for local businesses. With a deep passion for web design and digital strategy, I help entrepreneurs and small business owners establish a strong online presence.",            "Every project I take on is treated with the same care and attention to detail. I believe in creating websites that don't just look great—they work great too. From initial concept to final launch, I'm committed to delivering results that exceed expectations and drive real business growth."
           ]}
           buttons={[
-            { text: "Let's Work Together", href: "#contact" }
+            { text: "Let's Work Together", href: "/contact" }
           ]}
           useInvertedBackground={false}
           showBorder={false}
@@ -190,7 +191,7 @@ export default function LandingPage() {
             },
             {
               title: "Connect",              items: [
-                { label: "Get Started", href: "#contact" },
+                { label: "Get Started", href: "/contact" },
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" }
               ]