From fbb3f6c8c022c25da775e3820558157665c63367 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 7 May 2025 02:43:13 +0000
Subject: [PATCH] Update link components to utilize the Link component's
 className prop

Refactors `<Link>` components in `AboutSection` and `CommunitySection` to use the `className` prop instead of wrapping in an `<a>` tag.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/25945b47-a50b-4386-b6c7-72a23cedbb1f.jpg
---
 client/src/components/about/about-section.tsx         | 9 +++++----
 client/src/components/community/community-section.tsx | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/client/src/components/about/about-section.tsx b/client/src/components/about/about-section.tsx
index 9476875..8590662 100644
--- a/client/src/components/about/about-section.tsx
+++ b/client/src/components/about/about-section.tsx
@@ -69,10 +69,11 @@ export function AboutSection() {
               </div>
               
               <div className="mt-8">
-                <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 
+                  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>
               </div>
             </div>
diff --git a/client/src/components/community/community-section.tsx b/client/src/components/community/community-section.tsx
index 62abdfd..1684bab 100644
--- a/client/src/components/community/community-section.tsx
+++ b/client/src/components/community/community-section.tsx
@@ -98,10 +98,11 @@ 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">
-                  <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 
+                  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>
               )}
             </div>