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

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -3,6 +3,7 @@ import { useAuth } from "@/hooks/use-auth";
import { useState } from "react";
import { useToast } from "@/hooks/use-toast";
import { useLocation } from "wouter";
import FadiaClassImage from "../../assets/Fadia-156.jpg";
interface ClassCardProps {
classData: Class;
@ -69,7 +70,7 @@ export function ClassCard({ classData, onBookClick }: ClassCardProps) {
return (
<div className="bg-white rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:transform hover:scale-105">
<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}
className="w-full h-48 object-cover"
/>

View File

@ -1,4 +1,5 @@
import { Link } from "wouter";
import LogoImage from "../../assets/Pilates with Fadia.png";
export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
const sizeClasses = {
@ -12,23 +13,11 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
href="/"
className={`inline-block ${className}`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 600 100"
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>
<img
src={LogoImage}
alt="Pilates with Fadia"
className={`${sizeClasses[size]}`}
/>
</Link>
);
}