From e48888f4c155d76f624a31cdda4fce8eea03c0fa Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 14:00:57 +0000
Subject: [PATCH] Increase logo size and reduce surrounding whitespace for a
 cleaner look

Increase logo size in Logo.tsx and apply object-contain, padding, margin, drop-shadow, and maxWidth styles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8edd7914-5876-4d29-aab5-6ef744c7db4e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/4bcafcc3-4808-4075-9b1a-1d4334069b45.jpg
---
 client/src/components/ui/logo.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index 8e90d22..64805b3 100644
--- a/client/src/components/ui/logo.tsx
+++ b/client/src/components/ui/logo.tsx
@@ -3,9 +3,9 @@ import LogoImage from "../../assets/Pilates with Fadia.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-24", /* 3x from h-8 */
-    regular: "h-36", /* 3x from h-12 */
-    large: "h-48", /* 3x from h-16 */
+    small: "h-40", /* Even bigger */
+    regular: "h-60", /* Even bigger */
+    large: "h-80", /* Even bigger */
   };
 
   return (
@@ -16,7 +16,13 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
       <img 
         src={LogoImage} 
         alt="Pilates with Fadia" 
-        className={`${sizeClasses[size]}`}
+        className={`${sizeClasses[size]} object-contain object-center`}
+        style={{ 
+          padding: "0", 
+          margin: "0", 
+          filter: "drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.1))",
+          maxWidth: "100%"
+        }}
       />
     </Link>
   );