jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-22 13:10:45 +00:00
parent 46bfd8eefa
commit 938e2c9cad
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/about/about-section.tsx
View File

@ -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)",

2
client/src/components/contact/contact-section.tsx
View File

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

2
client/src/components/newsletter/newsletter-section.tsx
View File

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