From 0fba668b84fcb719d8c83551bd1b6a12bb127cdd Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 11:00:27 +0000
Subject: [PATCH] Emphasize button to showcase more class details with enhanced
 styling

Updates the "Learn More" button in `about-section.tsx` to use purple background with an embossed effect via boxShadow and textShadow.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/3f122ed4-6c33-4e9d-bbcb-33e41f2bfea2.jpg
---
 client/src/components/about/about-section.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/components/about/about-section.tsx b/client/src/components/about/about-section.tsx
index 728d519..685ca92 100644
--- a/client/src/components/about/about-section.tsx
+++ b/client/src/components/about/about-section.tsx
@@ -26,7 +26,14 @@ export function AboutSection() {
               
               <div className="mt-8">
                 <Link href="/about">
-                  <span className="inline-block border border-purple text-purple font-medium py-2 px-6 hover:bg-purple hover:text-white transition duration-300 rounded-md">
+                  <span 
+                    className="inline-block bg-purple text-white font-medium py-2 px-6 hover:bg-opacity-90 transition duration-300 rounded-md"
+                    style={{ 
+                      boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08)", 
+                      textShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
+                      transform: "translateY(-1px)"
+                    }}
+                  >
                     Learn More About Me
                   </span>
                 </Link>