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

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
This commit is contained in:
JeffEmmett 2025-05-19 15:16:03 +00:00
parent 0cab795af3
commit 50481d75fe
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/navigation/footer.tsx
View File

@ -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="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 className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div> <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"> <p className="text-white text-opacity-80 mb-4">
Transforming bodies and minds through the art of Pilates with a touch of cultural elegance. Transforming bodies and minds through the art of Pilates with a touch of cultural elegance.
</p> </p>

2
client/src/components/navigation/header.tsx
View File

@ -32,7 +32,7 @@ export default function Header() {
return ( return (
<header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50"> <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="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"> <div className="flex items-center">
<Logo /> <Logo />
</div> </div>

6
client/src/components/ui/logo.tsx
View File

@ -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" }) { export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
const sizeClasses = { const sizeClasses = {
small: "h-40", /* Even bigger */ small: "h-16", /* reduced by 2/3 */
regular: "h-60", /* Even bigger */ regular: "h-20", /* reduced by 2/3 */
large: "h-80", /* Even bigger */ large: "h-28", /* reduced by 2/3 */
}; };
return ( return (