From 938e2c9cad5391218278c929d906cf8e41c7cbc0 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Thu, 22 May 2025 13:10:45 +0000
Subject: [PATCH] Improve button appearance and layout across the website for
 better UX

Centers the "Learn More" button and bolds text on all buttons using Tailwind CSS.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/0f8830e6-c999-49b3-a919-bd665fc87e48.jpg
---
 client/src/components/about/about-section.tsx           | 4 ++--
 client/src/components/contact/contact-section.tsx       | 2 +-
 client/src/components/newsletter/newsletter-section.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/about/about-section.tsx b/client/src/components/about/about-section.tsx
index 4f08ecf..5e78dbd 100644
--- a/client/src/components/about/about-section.tsx
+++ b/client/src/components/about/about-section.tsx
@@ -24,10 +24,10 @@ export function AboutSection() {
                 Based between Cairo and Berlin, she brings a unique approach to her teaching, combining precision with playfulness to create classes that build strength, awareness, and joy.
               </p>
               
-              <div className="mt-8">
+              <div className="mt-8 text-center">
                 <Link href="/about">
                   <span 
-                    className="inline-block bg-purple text-white font-medium py-2 px-6 hover:bg-opacity-90 transition duration-300 rounded-full"
+                    className="inline-block bg-purple text-white font-bold py-2 px-6 hover:bg-opacity-90 transition duration-300 rounded-full"
                     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)",
diff --git a/client/src/components/contact/contact-section.tsx b/client/src/components/contact/contact-section.tsx
index 511802e..3ad5e01 100644
--- a/client/src/components/contact/contact-section.tsx
+++ b/client/src/components/contact/contact-section.tsx
@@ -129,7 +129,7 @@ export function ContactSection() {
               
               <button 
                 type="submit" 
-                className="w-full px-6 py-3 bg-purple text-white font-medium hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
+                className="w-full px-6 py-3 bg-purple text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
                 disabled={contactMutation.isPending}
               >
                 {contactMutation.isPending ? (
diff --git a/client/src/components/newsletter/newsletter-section.tsx b/client/src/components/newsletter/newsletter-section.tsx
index e077bd0..5568441 100644
--- a/client/src/components/newsletter/newsletter-section.tsx
+++ b/client/src/components/newsletter/newsletter-section.tsx
@@ -87,7 +87,7 @@ export function NewsletterForm() {
       
       <button 
         type="submit" 
-        className="w-full px-6 py-3 bg-teal text-white font-medium hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
+        className="w-full px-6 py-3 bg-teal text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
         disabled={newsletterMutation.isPending}
       >
         {newsletterMutation.isPending ? (