diff --git a/public/photos/campaigns/healing-minds-wellness.jpg b/public/photos/campaigns/healing-minds-wellness.jpg new file mode 100644 index 0000000..b5159b1 Binary files /dev/null and b/public/photos/campaigns/healing-minds-wellness.jpg differ diff --git a/public/photos/campaigns/ptsd-awareness-june.jpg b/public/photos/campaigns/ptsd-awareness-june.jpg new file mode 100644 index 0000000..84f1a20 Binary files /dev/null and b/public/photos/campaigns/ptsd-awareness-june.jpg differ diff --git a/src/App.tsx b/src/App.tsx index 7f030a4..8b456b1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -75,6 +75,7 @@ import { StoriesIntroBlock, WhatWeDoPage, } from './pages/foundation' +import { AwarenessCampaigns } from './components/home/AwarenessCampaigns' import { CommunityGallery } from './components/home/CommunityGallery' import { WhoWeServe } from './components/home/WhoWeServe' import { COMMUNITY_PHOTOS, SITE, WHAT_WE_DO } from './content/siteContent' @@ -789,6 +790,7 @@ function HomePage() { <> + diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 20f25b9..51cedbe 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -15,6 +15,9 @@ export function Footer() {

{SITE.brandMessage}

+

+ {SITE.wellnessTagline} +

{SITE.serviceArea}

{ expect(screen.getByTestId('logo-mark')).toBeInTheDocument() expect(screen.getByText(SITE.tagline)).toBeInTheDocument() expect(screen.getByText(SITE.brandMessage)).toBeInTheDocument() + expect(screen.getByText(SITE.wellnessTagline)).toBeInTheDocument() }) it('renders service area and Instagram', () => { diff --git a/src/components/home/AwarenessCampaigns.tsx b/src/components/home/AwarenessCampaigns.tsx new file mode 100644 index 0000000..0882d29 --- /dev/null +++ b/src/components/home/AwarenessCampaigns.tsx @@ -0,0 +1,46 @@ +import { CAMPAIGN_GRAPHICS, SITE } from '../../content/siteContent' + +export function AwarenessCampaigns() { + return ( +
+
+
+
Wellness & advocacy
+

+ Healing minds. Restoring hope. +

+

{SITE.wellnessTagline}

+
+ +
    + {CAMPAIGN_GRAPHICS.map((item) => ( +
  • +
    + {item.alt} +
    +

    + {item.title} +

    +

    + {item.caption} +

    +
    +
    +
  • + ))} +
+
+
+ ) +} diff --git a/src/content/siteContent.ts b/src/content/siteContent.ts index c80e239..93b319f 100644 --- a/src/content/siteContent.ts +++ b/src/content/siteContent.ts @@ -11,8 +11,29 @@ export const SITE = { serviceArea: 'Serving Los Angeles County with a vision to expand throughout California and beyond.', closingLine: 'Because miracles still happen every day.', + wellnessTagline: 'Healing minds. Restoring hope. Transforming lives.', } as const +/** Client-provided awareness / campaign graphics (public/photos/campaigns/) */ +export const CAMPAIGN_GRAPHICS = [ + { + id: 'healing-minds', + src: '/photos/campaigns/healing-minds-wellness.jpg', + title: 'You are not alone', + caption: + 'We walk alongside individuals facing grief, anxiety, depression, trauma, and other invisible struggles — with compassion, faith, and community support.', + alt: 'Miracles in Motion Foundation awareness graphic: floral silhouette with name tags for grief, anxiety, phobia, stress, shame, panic, post-traumatic stress, and depression. Tagline: Healing minds. Restoring hope. Transforming lives.', + }, + { + id: 'ptsd-awareness', + src: '/photos/campaigns/ptsd-awareness-june.jpg', + title: 'PTSD Awareness Month — June', + caption: + 'Not all wounds are visible. We honor survivors and families affected by trauma and advocate for compassionate care and resources.', + alt: 'Miracles in Motion Foundation PTSD Awareness Month graphic for June: silhouette with brain illustration and text Not all wounds are visible.', + }, +] as const + /** Official social profiles */ export const SOCIAL = { instagram: 'https://www.instagram.com/miraclesinmotionfoundation', diff --git a/src/pages/foundation/FoundationPages.tsx b/src/pages/foundation/FoundationPages.tsx index dd1d68e..4d6538c 100644 --- a/src/pages/foundation/FoundationPages.tsx +++ b/src/pages/foundation/FoundationPages.tsx @@ -1,5 +1,6 @@ import type { ReactNode } from 'react' import { ArrowRight, Calendar, Heart, Instagram, Mail, MapPin, Users } from 'lucide-react' +import { AwarenessCampaigns } from '../../components/home/AwarenessCampaigns' import { CommunityGallery } from '../../components/home/CommunityGallery' import { CommunityVideo } from '../../components/home/CommunityVideo' import { @@ -103,10 +104,15 @@ export function MissionPage() {

{VISION.lead}

{VISION.body}

+

+ {SITE.wellnessTagline} +

Support our mission
+ + ) }