From 61ad6c450db6b3137bdb44ab354c7fcc35f108f2 Mon Sep 17 00:00:00 2001 From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com> Date: Mon, 19 May 2025 13:43:38 +0000 Subject: [PATCH] Update website fonts and increase the logo size for better visual appeal Implements font changes to Sansita, Cairo, and Hind Madurai, and increases logo size by 3x. 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/8f37072d-b58f-4779-a375-be1a28d14636.jpg --- client/src/components/ui/logo.tsx | 6 +++--- client/src/index.css | 10 +++++----- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx index 05b6ad3..8e90d22 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-8", - regular: "h-12", - large: "h-16", + small: "h-24", /* 3x from h-8 */ + regular: "h-36", /* 3x from h-12 */ + large: "h-48", /* 3x from h-16 */ }; return ( diff --git a/client/src/index.css b/client/src/index.css index 9e10f3e..007273b 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&family=Cairo:wght@300;400;500;600&family=Hind+Guntur:wght@300;400;500;600&family=Aref+Ruqaa:wght@400;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Sansita:wght@400;700;800;900&family=Cairo:wght@300;400;500;600&family=Hind+Madurai:wght@300;400;500;600&family=Aref+Ruqaa:wght@400;700&display=swap'); @tailwind base; @tailwind components; @@ -56,11 +56,11 @@ body { @apply font-sans antialiased bg-background text-foreground; - font-family: 'Hind Guntur', sans-serif; + font-family: 'Hind Madurai', sans-serif; } h1, h2, h3, h4, h5, h6 { - font-family: 'Raleway', sans-serif; + font-family: 'Sansita', sans-serif; } .subtitle, .card-subtitle, .section-subtitle { @@ -162,11 +162,11 @@ } .font-playfair, .title { - font-family: 'Raleway', sans-serif; + font-family: 'Sansita', sans-serif; } .font-raleway { - font-family: 'Hind Guntur', sans-serif; + font-family: 'Hind Madurai', sans-serif; } .font-aref {