From 50481d75fe3dd9fda8f236556083c8fe6bfd8989 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 15:16:03 +0000
Subject: [PATCH] Update website to use square logo in the footer and reduce
 header menu size

Replaced the logo in Footer.tsx with SquareLogo and reduced header menu size in Header.tsx and Logo.tsx.

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/d84daedd-37b3-443c-a2e8-4f388ea4e4c4.jpg
---
 client/src/components/navigation/footer.tsx | 7 ++++++-
 client/src/components/navigation/header.tsx | 2 +-
 client/src/components/ui/logo.tsx           | 6 +++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index 02ea8bc..d975cbe 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -10,7 +10,12 @@ export default function Footer() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           <div>
-            <Logo className="mb-4" />
+            <img 
+              src={SquareLogo} 
+              alt="Pilates with Fadia" 
+              className="h-24 mb-4"
+              style={{ filter: "brightness(1.1)" }}
+            />
             <p className="text-white text-opacity-80 mb-4">
               Transforming bodies and minds through the art of Pilates with a touch of cultural elegance.
             </p>
diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index a655288..f726c6e 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -32,7 +32,7 @@ export default function Header() {
   return (
     <header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex justify-between items-center py-4">
+        <div className="flex justify-between items-center py-2">
           <div className="flex items-center">
             <Logo />
           </div>
diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index 74b3daa..3fb6444 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-logo.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-40", /* Even bigger */
-    regular: "h-60", /* Even bigger */
-    large: "h-80", /* Even bigger */
+    small: "h-16", /* reduced by 2/3 */
+    regular: "h-20", /* reduced by 2/3 */
+    large: "h-28", /* reduced by 2/3 */
   };
 
   return (