diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
new file mode 100644
index 0000000..bbeb0f9
--- /dev/null
+++ b/src/app/auth/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import React from 'react';
+
+export default function AuthPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "hero" },
+          { name: "Listings", id: "listings" },
+          { name: "How it Works", id: "features" },
+          { name: "Contact", id: "contact" },
+        ]}
+        brandName="HomeBound"
+        button={{ text: "Log In / Sign Up", href: "/auth" }}
+      />
+      <main className="pt-32 pb-20">
+        <ContactCenter
+          tag="Authentication"
+          title="Sign In or Register"
+          description="Welcome back or create a new account to access your property dashboard and exclusive listings."
+          inputPlaceholder="Enter your email address"
+          buttonText="Continue"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </main>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index afa1c32..9e9baa6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -42,7 +42,7 @@ export default function LandingPage() {
       ]}
       brandName="HomeBound"
       button={{
-        text: "Log In / Sign Up",        onClick: () => console.log("Auth modal triggered")
+        text: "Log In / Sign Up",        href: "/auth"
       }}
     />
   </div>
@@ -243,4 +243,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file