Update website to feature new photos of Pilates with Fadia
Replaces existing images with new photos in About, Classes, and Hero sections, importing FadiaImage assets. 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/3eb7ed81-dfee-4991-8c2d-7676f2f29e4d.jpg
|
After Width: | Height: | Size: 3.3 MiB |
|
After Width: | Height: | Size: 8.3 MiB |
|
After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 8.4 MiB |
|
After Width: | Height: | Size: 4.7 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -1,4 +1,5 @@
|
|||
import { Link } from "wouter";
|
||||
import FadiaImage from "../../assets/Fadia-132.jpg";
|
||||
|
||||
export function AboutSection() {
|
||||
return (
|
||||
|
|
@ -16,8 +17,8 @@ export function AboutSection() {
|
|||
<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="https://images.unsplash.com/photo-1581122584612-713f89daa8eb?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=900"
|
||||
alt="Pilates instructor demonstrating a pose with elegant form"
|
||||
src={FadiaImage}
|
||||
alt="Fadia teaching a pilates class"
|
||||
className="w-full h-auto"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ import { BookingCalendar } from "./booking-calendar";
|
|||
import { useQuery } from "@tanstack/react-query";
|
||||
import { Class } from "@shared/schema";
|
||||
import { Skeleton } from "@/components/ui/skeleton";
|
||||
import FadiaClassImage from "../../assets/Fadia-156.jpg";
|
||||
|
||||
export function ClassesSection() {
|
||||
const [selectedClassId, setSelectedClassId] = useState<number | null>(null);
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
import { Link } from "wouter";
|
||||
import FadiaHeroImage from "../../assets/Fadia-15.jpg";
|
||||
|
||||
export function HeroSection() {
|
||||
return (
|
||||
<section className="relative">
|
||||
<div className="bg-cover bg-center h-[90vh] flex items-center justify-center"
|
||||
style={{
|
||||
backgroundImage: "url('https://images.unsplash.com/photo-1518611012118-696072aa579a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&h=1080')",
|
||||
backgroundImage: `url(${FadiaHeroImage})`,
|
||||
backgroundPosition: "center"
|
||||
}}>
|
||||
<div className="absolute inset-0 bg-black bg-opacity-20"></div>
|
||||
|
|
|
|||