diff --git a/public/photos/community/community-outreach-2026-06-11-poster.jpg b/public/photos/community/community-outreach-2026-06-11-poster.jpg new file mode 100644 index 0000000..f9e3da5 Binary files /dev/null and b/public/photos/community/community-outreach-2026-06-11-poster.jpg differ diff --git a/public/photos/community/community-outreach-2026-06-11.mp4 b/public/photos/community/community-outreach-2026-06-11.mp4 new file mode 100755 index 0000000..cc87481 Binary files /dev/null and b/public/photos/community/community-outreach-2026-06-11.mp4 differ diff --git a/src/components/home/CommunityGallery.tsx b/src/components/home/CommunityGallery.tsx index 7245d3f..0a66f33 100644 --- a/src/components/home/CommunityGallery.tsx +++ b/src/components/home/CommunityGallery.tsx @@ -1,4 +1,5 @@ import { Instagram } from 'lucide-react' +import { CommunityVideo } from './CommunityVideo' import { COMMUNITY_PHOTOS, SOCIAL, SITE } from '../../content/siteContent' type CommunityGalleryProps = { @@ -29,7 +30,8 @@ export function CommunityGallery({ Community in action

- Authentic photos from our outreach events and gatherings throughout {SITE.serviceArea.split('.')[0].replace('Serving ', '')}. + Authentic photos and video from our outreach events and gatherings throughout{' '} + {SITE.serviceArea.split('.')[0].replace('Serving ', '')}.

))} + + {showHeader && ( +
+ +
+ )} ) diff --git a/src/components/home/CommunityVideo.tsx b/src/components/home/CommunityVideo.tsx index 623e147..64ed3f3 100644 --- a/src/components/home/CommunityVideo.tsx +++ b/src/components/home/CommunityVideo.tsx @@ -1,10 +1,23 @@ import { COMMUNITY_VIDEO } from '../../content/siteContent' -export function CommunityVideo() { +type CommunityVideoProps = { + /** Show eyebrow + title above the player */ + showHeader?: boolean +} + +export function CommunityVideo({ showHeader = true }: CommunityVideoProps) { return ( -
+
+ {showHeader && ( +
+

Watch

+
+ {COMMUNITY_VIDEO.title} +
+
+ )} -

- {COMMUNITY_VIDEO.alt} -

-
+
+

+ {COMMUNITY_VIDEO.caption} +

+
+ ) } diff --git a/src/content/siteContent.ts b/src/content/siteContent.ts index 7b6a2cc..29f0600 100644 --- a/src/content/siteContent.ts +++ b/src/content/siteContent.ts @@ -81,9 +81,12 @@ export const COMMUNITY_PHOTOS = [ ] as const export const COMMUNITY_VIDEO = { - src: '/photos/community/outreach-video.mp4', - poster: '/photos/community/outreach-01.jpg', - alt: 'Video from a Miracles in Motion Foundation community outreach event', + src: '/photos/community/community-outreach-2026-06-11.mp4', + poster: '/photos/community/community-outreach-2026-06-11-poster.jpg', + title: 'Outreach in motion', + caption: + 'A glimpse from our June 2026 community gathering — volunteers, families, and hope shared in real time.', + alt: 'Video from a Miracles in Motion Foundation community outreach event, June 2026', } as const export const NAV_LINKS = [