diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 2dc1105..47e3a39 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,8 +6,10 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { useRouter } from 'next/navigation';
 
 export default function LandingPage() {
+  const router = useRouter();
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -38,7 +40,7 @@ export default function LandingPage() {
       ]}
       brandName="AI 17"
       button={{
-        text: "Start Chat",        href: "/ai-chat"}}
+        text: "Start Chat",        href: "/ai-chat",        onClick: () => router.push('/ai-chat')}}
     />
   </div>