diff --git a/src/app/contact-us/page.tsx b/src/app/contact-us/page.tsx
new file mode 100644
index 0000000..984d005
--- /dev/null
+++ b/src/app/contact-us/page.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="inset"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#services" },
+              { name: "Products", id: "/#products" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/contact-us" }
+            ]}
+            brandName="Aetheria Luxuries"
+            button={{ text: "Get a Quote", href: "/contact-us" }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"
+            }}
+            tag="Connect With Us"
+            title="Begin Your Journey to Luxury"
+            description="Contact us for bespoke services, personal consultations, or inquiries about our exclusive collections."
+            tagAnimation="none"
+            inputPlaceholder="Your Email Address"
+            buttonText="Send Inquiry"
+            termsText="By clicking Send Inquiry, you agree to our Privacy Policy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Our Services", href: "/#services" },
+                  { label: "Our Portfolio", href: "/#products" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "/contact-us" },
+                  { label: "FAQs", href: "#" },
+                  { label: "Client Portal", href: "#" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Aetheria Luxuries"
+            copyrightText="© 2024 Aetheria Luxuries. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b0ca92f..957106f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -32,7 +32,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "About",          id: "#about"},
         {
@@ -42,11 +42,11 @@ export default function LandingPage() {
         {
           name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/contact-us"},
       ]}
       brandName="Aetheria Luxuries"
       button={{
-        text: "Get a Quote",        href: "#contact"}}
+        text: "Get a Quote",        href: "/contact-us"}}
     />
   </div>
 
@@ -211,21 +211,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Connect With Us"
-      title="Begin Your Journey to Luxury"
-      description="Contact us for bespoke services, personal consultations, or inquiries about our exclusive collections."
-      tagAnimation="none"
-      inputPlaceholder="Your Email Address"
-      buttonText="Send Inquiry"
-      termsText="By clicking Send Inquiry, you agree to our Privacy Policy."
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
@@ -242,7 +227,7 @@ export default function LandingPage() {
         {
           title: "Support",          items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact-us"},
             {
               label: "FAQs",              href: "#"},
             {
@@ -265,4 +250,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file