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

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

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>

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 (