diff --git a/client/public/photos/FullSizeRender 2.jpg b/client/public/photos/FullSizeRender 2.jpg new file mode 100644 index 0000000..1886a1c Binary files /dev/null and b/client/public/photos/FullSizeRender 2.jpg differ diff --git a/client/public/photos/IMG_1615(1).jpg b/client/public/photos/IMG_1615(1).jpg new file mode 100644 index 0000000..ea17741 Binary files /dev/null and b/client/public/photos/IMG_1615(1).jpg differ diff --git a/client/public/photos/IMG_1615.jpg b/client/public/photos/IMG_1615.jpg new file mode 100644 index 0000000..ea17741 Binary files /dev/null and b/client/public/photos/IMG_1615.jpg differ diff --git a/client/public/photos/IMG_2166.jpg b/client/public/photos/IMG_2166.jpg new file mode 100644 index 0000000..b70677b Binary files /dev/null and b/client/public/photos/IMG_2166.jpg differ diff --git a/client/public/photos/IMG_6067.jpg b/client/public/photos/IMG_6067.jpg new file mode 100644 index 0000000..d0551c9 Binary files /dev/null and b/client/public/photos/IMG_6067.jpg differ diff --git a/client/public/photos/IMG_6069.jpg b/client/public/photos/IMG_6069.jpg new file mode 100644 index 0000000..90d0d30 Binary files /dev/null and b/client/public/photos/IMG_6069.jpg differ diff --git a/client/public/photos/IMG_6079.jpg b/client/public/photos/IMG_6079.jpg new file mode 100644 index 0000000..fbf7ff4 Binary files /dev/null and b/client/public/photos/IMG_6079.jpg differ diff --git a/client/public/photos/IMG_6080.jpg b/client/public/photos/IMG_6080.jpg new file mode 100644 index 0000000..07b702c Binary files /dev/null and b/client/public/photos/IMG_6080.jpg differ diff --git a/client/public/photos/IMG_6084.jpg b/client/public/photos/IMG_6084.jpg new file mode 100644 index 0000000..7404833 Binary files /dev/null and b/client/public/photos/IMG_6084.jpg differ diff --git a/client/public/photos/IMG_7655.jpg b/client/public/photos/IMG_7655.jpg new file mode 100644 index 0000000..e1c9db4 Binary files /dev/null and b/client/public/photos/IMG_7655.jpg differ diff --git a/client/public/photos/IMG_7657.jpg b/client/public/photos/IMG_7657.jpg new file mode 100644 index 0000000..c177586 Binary files /dev/null and b/client/public/photos/IMG_7657.jpg differ diff --git a/client/src/components/Gallery.tsx b/client/src/components/Gallery.tsx index 145ed44..e0df494 100644 --- a/client/src/components/Gallery.tsx +++ b/client/src/components/Gallery.tsx @@ -4,47 +4,60 @@ import { motion, AnimatePresence } from 'framer-motion'; interface GalleryItem { id: number; imageUrl: string; - caption: string; alt: string; } -// Placeholder data using board member headshots +// Gallery photos from community events const galleryData: GalleryItem[] = [ { id: 1, - imageUrl: '/headshots/tessa.jpg', - caption: 'Tessa Williams - President', - alt: 'Tessa Williams headshot', + imageUrl: '/photos/FullSizeRender 2.jpg', + alt: 'MCDi community gathering', }, { id: 2, - imageUrl: '/headshots/rita.jpg', - caption: 'Rita Sommers-Flanagan - Vice President', - alt: 'Rita Sommers-Flanagan headshot', + imageUrl: '/photos/IMG_1615.jpg', + alt: 'MCDi community event photo', }, { id: 3, - imageUrl: '/headshots/aubz.jpg', - caption: 'Aubz Orr - Secretary', - alt: 'Aubz Orr headshot', + imageUrl: '/photos/IMG_2166.jpg', + alt: 'MCDi community event photo', }, { id: 4, - imageUrl: '/headshots/eliza.jpg', - caption: 'Eliza Gutierrez - Treasurer', - alt: 'Eliza Gutierrez headshot', + imageUrl: '/photos/IMG_6067.jpg', + alt: 'MCDi community event photo', }, { id: 5, - imageUrl: '/headshots/skyla.jpg', - caption: 'Skyla Heaton - Board Member', - alt: 'Skyla Heaton headshot', + imageUrl: '/photos/IMG_6069.jpg', + alt: 'MCDi community event photo', }, { id: 6, - imageUrl: '/headshots/kevin.jpg', - caption: 'Kevin Wolff - Board Member', - alt: 'Kevin Wolff headshot', + imageUrl: '/photos/IMG_6079.jpg', + alt: 'MCDi community event photo', + }, + { + id: 7, + imageUrl: '/photos/IMG_6080.jpg', + alt: 'MCDi community event photo', + }, + { + id: 8, + imageUrl: '/photos/IMG_6084.jpg', + alt: 'MCDi community event photo', + }, + { + id: 9, + imageUrl: '/photos/IMG_7655.jpg', + alt: 'MCDi community event photo', + }, + { + id: 10, + imageUrl: '/photos/IMG_7657.jpg', + alt: 'MCDi community event photo', }, ]; @@ -88,11 +101,6 @@ const Gallery: React.FC = () => { className="w-full h-full object-cover" /> -
-

- {item.caption} -

-
))} @@ -140,20 +148,13 @@ const Gallery: React.FC = () => { {/* Image Container */} -
+
{selectedImage.alt}
- - {/* Caption */} -
-

- {selectedImage.caption} -

-
)}