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

Update website's logo and class images to reflect brand aesthetic 

Replaces the default logo and class images with branded assets in `Logo.tsx` and `ClassCard.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/db3cbf92-12f6-4335-9ab0-3f0d4d975fb0.jpg
This commit is contained in:
JeffEmmett 2025-05-10 00:06:01 +00:00
parent 6e9fd8a0d3
commit e5336b5598
3 changed files with 8 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
client/src/assets/Pilates with Fadia.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

3
client/src/components/classes/class-card.tsx
View File

@ -3,6 +3,7 @@ import { useAuth } from "@/hooks/use-auth";
import { useState } from "react"; import { useState } from "react";
import { useToast } from "@/hooks/use-toast"; import { useToast } from "@/hooks/use-toast";
import { useLocation } from "wouter"; import { useLocation } from "wouter";
import FadiaClassImage from "../../assets/Fadia-156.jpg";
interface ClassCardProps { interface ClassCardProps {
classData: Class; classData: Class;
@ -69,7 +70,7 @@ export function ClassCard({ classData, onBookClick }: ClassCardProps) {
return ( return (
<div className="bg-white rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:transform hover:scale-105"> <div className="bg-white rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:transform hover:scale-105">
<img <img
src={classData.imageUrl as string || "https://images.unsplash.com/photo-1518611012118-696072aa579a?ixlib=rb-4.0.3&auto=format&fit=crop"} src={FadiaClassImage}
alt={classData.name} alt={classData.name}
className="w-full h-48 object-cover" className="w-full h-48 object-cover"
/> />

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

@ -1,4 +1,5 @@
import { Link } from "wouter"; import { Link } from "wouter";
import LogoImage from "../../assets/Pilates with Fadia.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 = {
@ -12,23 +13,11 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
href="/" href="/"
className={`inline-block ${className}`} className={`inline-block ${className}`}
> >
<svg <img
xmlns="http://www.w3.org/2000/svg" src={LogoImage}
viewBox="0 0 600 100" alt="Pilates with Fadia"
className={`${sizeClasses[size]}`} className={`${sizeClasses[size]}`}
> />
<text
x="20"
y="70"
fontFamily="'Playfair Display', serif"
fontSize="80"
fontWeight="400"
fill="#0c8991"
textAnchor="start"
>
Pilates with Fadia
</text>
</svg>
</Link> </Link>
); );
} }