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
This commit is contained in:
JeffEmmett 2025-05-07 02:43:13 +00:00
parent 7a45caa01e
commit fbb3f6c8c0
2 changed files with 10 additions and 8 deletions

View File

@ -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>

View File

@ -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>