diff --git a/client/src/components/about/about-section.tsx b/client/src/components/about/about-section.tsx
index 8590662..9476875 100644
--- a/client/src/components/about/about-section.tsx
+++ b/client/src/components/about/about-section.tsx
@@ -69,11 +69,10 @@ export function AboutSection() {
               </div>
               
               <div className="mt-8">
-                <Link 
-                  href="/contact"
-                  className="inline-block bg-teal text-white font-medium py-3 px-6 rounded-full hover:bg-opacity-90 transition duration-300"
-                >
-                  Connect with Me
+                <Link href="/contact">
+                  <a className="inline-block bg-teal text-white font-medium py-3 px-6 rounded-full hover:bg-opacity-90 transition duration-300">
+                    Connect with Me
+                  </a>
                 </Link>
               </div>
             </div>
diff --git a/client/src/components/community/community-section.tsx b/client/src/components/community/community-section.tsx
index 1684bab..62abdfd 100644
--- a/client/src/components/community/community-section.tsx
+++ b/client/src/components/community/community-section.tsx
@@ -98,11 +98,10 @@ export function CommunitySection() {
                 <p className="text-gray-600 text-sm">Share your journey, ask questions, and connect with others.</p>
               </div>
               {!user && (
-                <Link 
-                  href="/auth"
-                  className="bg-purple text-white font-medium py-2 px-6 rounded-full hover:bg-opacity-90 transition duration-300"
-                >
-                  Sign Up to Participate
+                <Link href="/auth">
+                  <a className="bg-purple text-white font-medium py-2 px-6 rounded-full hover:bg-opacity-90 transition duration-300">
+                    Sign Up to Participate
+                  </a>
                 </Link>
               )}
             </div>