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

Update website footer to display the new square logo with improved styling 

Replaces the Logo component in footer.tsx with the square-logo.png asset and adjusts footer layout.

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/ca2b9494-91e0-4d70-8410-1da4ec6136f8.jpg
This commit is contained in:
JeffEmmett 2025-05-19 15:06:29 +00:00
parent 87ab4ebe10
commit e96370263d
4 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/Fadia-167.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
attached_assets/PwF Logo (square).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
client/src/assets/square-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

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

@ -1,5 +1,6 @@
import { Logo } from "@/components/ui/logo";
import { Link } from "wouter";
import SquareLogo from "../../assets/square-logo.png";
export default function Footer() {
const currentYear = new Date().getFullYear();
@ -144,14 +145,24 @@ export default function Footer() {
</div>
</div>
<div className="border-t border-white border-opacity-20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
<p className="text-white text-opacity-70 text-sm mb-4 md:mb-0">
&copy; {currentYear} Pilates with Fadia. All rights reserved.
</p>
<div className="flex space-x-6">
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Privacy Policy</a>
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Terms of Service</a>
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Cookie Policy</a>
<div className="border-t border-white border-opacity-20 mt-12 pt-8">
<div className="flex flex-col items-center justify-center mb-6">
<img
src={SquareLogo}
alt="Pilates with Fadia"
className="h-24 mb-4"
style={{ filter: "brightness(1.1)" }}
/>
</div>
<div className="flex flex-col md:flex-row justify-between items-center">
<p className="text-white text-opacity-70 text-sm mb-4 md:mb-0">
&copy; {currentYear} Pilates with Fadia. All rights reserved.
</p>
<div className="flex space-x-6">
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Privacy Policy</a>
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Terms of Service</a>
<a href="#" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 text-sm transition duration-300">Cookie Policy</a>
</div>
</div>
</div>
</div>