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

Showcase more of Fadia's Pilates expertise with additional imagery 

Adds FadiaBridgeImage and FadiaStretchImage to AboutSection component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 149ccd4a-2ccb-4219-9a7b-69a9690dd7ac
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/30e118de-7970-460b-81a4-b657886d1f40.jpg
This commit is contained in:
JeffEmmett 2025-06-14 01:56:09 +00:00
parent ca79e978c0
commit c226b07f69
3 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/fadia-bridge2_1749866078706.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
attached_assets/fadia-stretch_1749866078708.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

33
client/src/components/about/about-section.tsx
View File

@ -1,5 +1,7 @@
import { Link } from "wouter";
import FadiaImage from "../../assets/Fadia-167-crop.jpg";
import FadiaBridgeImage from "@assets/fadia-bridge2_1749866078706.jpg";
import FadiaStretchImage from "@assets/fadia-stretch_1749866078708.jpg";
export function AboutSection() {
return (
@ -7,11 +9,32 @@ export function AboutSection() {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col md:flex-row items-center">
<div className="md:w-1/2 md:pr-12 mb-8 md:mb-0">
<img
src={FadiaImage}
alt="Fadia smiling"
className="w-full h-auto rounded-md"
/>
{/* Top image */}
<div className="mb-6">
<img
src={FadiaBridgeImage}
alt="Fadia demonstrating bridge pose in a beautiful studio setting"
className="w-full h-auto rounded-md"
/>
</div>
{/* Main center image */}
<div className="mb-6">
<img
src={FadiaImage}
alt="Fadia smiling"
className="w-full h-auto rounded-md"
/>
</div>
{/* Bottom image */}
<div>
<img
src={FadiaStretchImage}
alt="Fadia performing a stretching movement during practice"
className="w-full h-auto rounded-md"
/>
</div>
</div>
<div className="md:w-1/2">