Homepage

<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Amplified Aid uses music, art, and storytelling campaigns to raise awareness, action, and revenue for trusted organizations fighting global hunger and inequality." name="description">
<meta content="#155DFF" name="theme-color">
<title>Amplified Aid | Music + Awareness = Impact</title>
<link href="https://amplifiedaid.org/" rel="canonical">

<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&amp;family=Open+Sans:wght@400;600;700&amp;display=swap" rel="stylesheet">

<style>
:root {
--blue: #155dff;
--blue-2: #0596ff;
--purple: #8a35ff;
--pink: #ef3fa6;
--red: #ff1717;
--orange: #ff6433;
--ink: #10162f;
--text: #263149;
--muted: #627089;
--white: #ffffff;
--shadow: 0 22px 70px rgba(21, 93, 255, 0.12);
--radius: 28px;
--gradient: linear-gradient(100deg, var(--blue), var(--purple), var(--pink), var(--orange), var(--red));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--text);
background: linear-gradient(180deg, #fff 0%, #f8fbff 42%, #fff 100%);
overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.skip-link {
position: absolute;
top: -4rem;
left: 1rem;
background: var(--blue-2);
color: white;
padding: .75rem 1rem;
border-radius: 999px;
z-index: 999;
}

.skip-link:focus { top: 1rem; }
.page { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

.site-header {
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(18px);
background: rgba(255, 255, 255, 0.84);
border-bottom: 1px solid rgba(16, 22, 47, .08);
}

.nav {
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}

.brand img {
width: 68px;
height: auto;
object-fit: contain;
}

.desktop-nav {
display: none;
align-items: center;
gap: 1.35rem;
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: .76rem;
text-transform: uppercase;
color: var(--blue-2);
}

.desktop-nav a {
position: relative;
padding: .5rem 0;
}

.desktop-nav a::after {
content: "";
position: absolute;
left: 0;
bottom: .15rem;
width: 0;
height: 3px;
border-radius: 999px;
background: var(--gradient);
transition: width .25s ease;
}

.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after {
width: 100%;
}

.menu-toggle {
min-width: 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
color: var(--blue);
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: .82rem;
letter-spacing: .08em;
text-transform: uppercase;
}

.mobile-menu a:hover,
.mobile-menu a:focus-visible {
color: var(--blue-2);
opacity: 0.85;
}

.menu-toggle span {
display: none;
}

.mobile-menu {
border-top: 1px solid rgba(16, 22, 47, .08);
background: rgba(255,255,255,.96);
backdrop-filter: blur(18px);
}

.mobile-menu-inner {
display: flex;
flex-direction: column;
padding-top: .35rem;
padding-bottom: .9rem;
}

.mobile-menu a {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: .82rem;
text-transform: uppercase;
color: var(--blue-2);
padding: 1rem 0;
border-bottom: 1px solid rgba(16, 22, 47, .08);
}

.mobile-menu a:last-child {
border-bottom: 0;
}

.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
min-height: 48px;
padding: .85rem 1.15rem;
border-radius: 999px;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: .82rem;
text-transform: uppercase;
letter-spacing: .02em;
border: 2px solid transparent;
cursor: pointer;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn:hover { transform: translateY(-2px); }
.btn:focus-visible { outline: 4px solid rgba(21, 93, 255, .28); outline-offset: 3px; }
.btn-primary { color: white; background: var(--gradient); box-shadow: 0 14px 30px rgba(255, 23, 23, .18); }
.btn-blue { color: white; background: var(--blue); box-shadow: 0 14px 30px rgba(21, 93, 255, .18); }
.btn-outline { color: white; background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.8); backdrop-filter: blur(10px); }
.btn-light { background: white; color: var(--red); }

section {
padding: clamp(4.75rem, 9vw, 8rem) 0;
position: relative;
}

.eyebrow {
font-family: "Montserrat", sans-serif;
font-weight: 900;
color: var(--blue);
text-transform: uppercase;
letter-spacing: .08em;
font-size: .78rem;
margin: 0 0 .7rem;
}

h1, h2, h3 {
font-family: "Montserrat", sans-serif;
color: var(--blue-2);
line-height: 1.02;
margin: 0;
}

h1 {
font-size: clamp(3rem, 14vw, 6.9rem);
font-weight: 900;
letter-spacing: -.07em;
}

h2 {
font-size: clamp(2.1rem, 8vw, 4rem);
font-weight: 900;
letter-spacing: -.055em;
}

h3 {
font-size: 1.18rem;
font-weight: 900;
letter-spacing: -.03em;
}

p {
margin: 0;
font-size: 1rem;
line-height: 1.75;
}

.gradient-text {
background: var(--gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

.hero {
min-height: calc(100vh - 76px);
padding: clamp(5rem, 12vw, 9rem) 0;
display: grid;
align-items: center;
overflow: hidden;
background:
linear-gradient(90deg, rgba(8, 14, 35, .78) 0%, rgba(8, 14, 35, .56) 38%, rgba(8, 14, 35, .18) 72%),
linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(248,251,255,1) 100%),
url('assets/images/hero-header.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
isolation: isolate;
}

.hero::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 160px;
background: linear-gradient(180deg, transparent, #f8fbff);
z-index: -1;
}

.hero-copy {
max-width: 720px;
color: white;
}

.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy p {
color: white;
text-shadow: 0 16px 42px rgba(0,0,0,.28);
}

.hero-copy p {
margin-top: 1.25rem;
max-width: 42rem;
font-size: clamp(1.05rem, 4vw, 1.25rem);
font-weight: 700;
}

.hero-actions {
display: flex;
flex-wrap: wrap;
gap: .9rem;
margin-top: 2rem;
}

.hero-player {
width: 100%;
max-width: 660px;
margin-top: 1.8rem;
padding: .65rem;
border-radius: 22px;
background: rgba(255, 255, 255, .14);
border: 1px solid rgba(255, 255, 255, .28);
box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
backdrop-filter: blur(16px);
}

.hero-player iframe {
display: block;
width: 100%;
border: 0;
border-radius: 16px;
overflow: hidden;
background: rgba(255,255,255,.88);
}


.floating-wave {
position: absolute;
inset: auto -10vw 2rem -10vw;
height: 150px;
opacity: .5;
background:
repeating-radial-gradient(ellipse at bottom left, transparent 0 18px, rgba(255,255,255,.22) 19px 20px, transparent 21px 34px),
repeating-radial-gradient(ellipse at bottom right, transparent 0 18px, rgba(255,100,51,.18) 19px 20px, transparent 21px 34px);
pointer-events: none;
animation: wavePulse 7s ease-in-out infinite;
}

.music-note {
position: absolute;
font-size: 1.9rem;
opacity: .72;
color: white;
filter: drop-shadow(0 10px 22px rgba(0,0,0,.32));
animation: drift 7s ease-in-out infinite;
}

.note-1 { top: 20%; left: 7%; }
.note-2 { top: 32%; right: 12%; animation-delay: 1.1s; }
.note-3 { bottom: 24%; left: 42%; animation-delay: 2.2s; }

.panel {
background: rgba(255,255,255,.86);
border: 1px solid rgba(16,22,47,.08);
box-shadow: var(--shadow);
border-radius: var(--radius);
}

.section-title {
text-align: center;
max-width: 840px;
margin: 0 auto 3.2rem;
}

.section-title p {
margin-top: 1rem;
color: var(--muted);
font-weight: 600;
}

.steps {
display: grid;
gap: 2rem;
}

.step {
padding: 2rem;
position: relative;
overflow: hidden;
}

.step::before {
content: "";
position: absolute;
inset: 0;
opacity: .08;
background: var(--gradient);
z-index: -1;
}

.icon {
width: 64px;
height: 64px;
display: grid;
place-items: center;
border-radius: 22px;
margin-bottom: 1.3rem;
background: linear-gradient(135deg, rgba(21,93,255,.12), rgba(239,63,166,.12));
font-size: 2rem;
}

.step-num {
display: inline-grid;
place-items: center;
width: 32px;
height: 32px;
border-radius: 50%;
color: white;
background: var(--gradient);
margin-right: .55rem;
font-family: "Montserrat", sans-serif;
font-weight: 900;
}

.step p {
margin-top: .9rem;
color: var(--text);
}

.reality {
padding: clamp(1.6rem, 5vw, 3rem);
background:
radial-gradient(circle at left, rgba(21,93,255,.10), transparent 50%),
radial-gradient(circle at right, rgba(255,100,51,.10), transparent 50%),
rgba(255,255,255,.9);
}

.stats {
display: grid;
gap: 1.5rem;
margin-top: 2.5rem;
}

.stat {
text-align: center;
padding: 1rem;
}

.stat strong {
display: block;
font-family: "Montserrat", sans-serif;
font-size: clamp(2.6rem, 11vw, 4.2rem);
line-height: 1;
font-weight: 900;
letter-spacing: -.05em;
}

.stat span {
display: block;
margin-top: .6rem;
color: var(--blue-2);
font-weight: 700;
}

.platforms {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .9rem;
margin-top: 2.2rem;
}

.platform {
background: white;
min-height: 88px;
border: 1px solid rgba(16,22,47,.08);
border-radius: 18px;
box-shadow: 0 14px 35px rgba(16,22,47,.06);
display: grid;
place-items: center;
text-align: center;
padding: .9rem;
transition: transform .2s ease, box-shadow .2s ease;
}

.platform:hover {
transform: translateY(-4px);
box-shadow: 0 20px 45px rgba(21,93,255,.12);
}

.platform img {
max-height: 38px;
width: auto;
object-fit: contain;
}

.heroes {
background:
radial-gradient(circle at 12% 20%, rgba(21,93,255,.10), transparent 26rem),
radial-gradient(circle at 90% 70%, rgba(255,100,51,.10), transparent 28rem),
#ffffff;
}

.hero-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
align-items: stretch;
}

.hero-card {
min-height: 132px;
display: grid;
place-items: center;
text-align: center;
padding: 1.25rem;
background: white;
border: 1px solid rgba(16,22,47,.08);
border-radius: 22px;
box-shadow: 0 16px 45px rgba(16,22,47,.07);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hero-card:hover,
.hero-card:focus-visible {
transform: translateY(-5px);
box-shadow: 0 26px 60px rgba(21,93,255,.14);
border-color: rgba(21,93,255,.25);
}

.hero-card img {
max-height: 58px;
max-width: 150px;
object-fit: contain;
margin: 0 auto .8rem;
filter: grayscale(100%);
opacity: .82;
transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.hero-card:hover img {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.04);
}

.hero-card span {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: .82rem;
color: var(--blue-2);
}

.cta-band {
margin: 0 auto clamp(3rem, 7vw, 5rem);
padding: clamp(1.5rem, 5vw, 3rem);
display: grid;
gap: 1.5rem;
align-items: center;
color: white;
background: var(--gradient);
border-radius: var(--radius);
box-shadow: 0 24px 55px rgba(239,63,166,.22);
overflow: hidden;
position: relative;
}

.cta-band::after {
content: "";
position: absolute;
width: 260px;
height: 260px;
right: -90px;
top: -120px;
border-radius: 50%;
border: 40px solid rgba(255,255,255,.14);
}

.cta-band h2,
.cta-band p {
color: white;
position: relative;
}

footer {
padding: 2rem 0;
border-top: 1px solid rgba(16,22,47,.08);
background: rgba(255,255,255,.75);
}

.footer-row {
display: grid;
gap: 1.25rem;
align-items: center;
text-align: center;
color: var(--muted);
font-size: .9rem;
}

.footer-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1rem;
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: .76rem;
text-transform: uppercase;
color: var(--ink);
}

.reveal {
opacity: 0;
transform: translateY(24px);
animation: reveal .8s ease forwards;
}

.delay-1 { animation-delay: .12s; }
.delay-2 { animation-delay: .24s; }
.delay-3 { animation-delay: .36s; }

@keyframes reveal {
to { opacity: 1; transform: translateY(0); }
}

@keyframes drift {
0%,100% { transform: translate(0,0) rotate(-8deg); }
50% { transform: translate(12px,-18px) rotate(10deg); }
}

@keyframes wavePulse {
0%,100% { opacity: .36; transform: translateY(0); }
50% { opacity: .62; transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
}

@media (min-width: 640px) {
.hero-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 720px) {
.page { width: min(1180px, calc(100% - 64px)); }
.steps { grid-template-columns: repeat(3, 1fr); }
.stats { grid-template-columns: repeat(3, 1fr); }
.platforms { grid-template-columns: repeat(5, 1fr); }
.cta-band { grid-template-columns: 1.2fr .8fr; }
.footer-row { grid-template-columns: auto 1fr auto; text-align: left; }
.footer-nav { justify-content: center; }
}

@media (min-width: 980px) {
.desktop-nav { display: flex; }
.menu-toggle,
.mobile-menu { display: none; }
.brand img { width: 92px; }
.platforms { grid-template-columns: repeat(5, 1fr); }
.hero-grid { grid-template-columns: repeat(4, 1fr); }
.hero { background-position: center center; }
}

@media (max-width: 560px) {
.hero {
min-height: 92vh;
background:
linear-gradient(180deg, rgba(8, 14, 35, .78) 0%, rgba(8, 14, 35, .56) 48%, rgba(8, 14, 35, .16) 100%),
linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(248,251,255,1) 100%),
url('assets/images/hero-header.png');
background-size: cover;
background-position: 58% center;
}

.hero-actions .btn { width: 100%; }

.hero-player {
margin-top: 1.4rem;
padding: .45rem;
border-radius: 18px;
}

.hero-player iframe {
height: 160px;
border-radius: 14px;
}
}
</style>


<a class="skip-link" href="#main">Skip to main content</a>

<header aria-label="Main site header" class="site-header">
<div class="page nav">
<a aria-label="Amplified Aid home" class="brand" href="/">
<img alt="Amplified Aid" src="/assets/images/amplified-aid.png">
</a>

<nav aria-label="Primary navigation" class="desktop-nav">
<a href="/about/">About Us</a>
<a href="/zero-hunger-zone/">Zero Hunger Zone</a>
<a href="/waow/">WAOW</a>
<a href="/articles/">Articles</a>
</nav>

<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="Open menu">
MENU
</button>
</div>

<nav id="mobile-menu" class="mobile-menu" aria-label="Mobile primary navigation" hidden="">
<div class="page mobile-menu-inner">
<a href="/about/">About Us</a>
<a href="/zero-hunger-zone/">Zero Hunger Zone</a>
<a href="/waow/">WAOW</a>
<a href="/articles/">Articles</a>
</div>
</nav>
</header>

<main id="main">
<section aria-labelledby="hero-main-title" class="hero">
<div aria-hidden="true" class="floating-wave"></div>
<span aria-hidden="true" class="music-note note-1">♪</span>
<span aria-hidden="true" class="music-note note-2">♫</span>
<span aria-hidden="true" class="music-note note-3">♬</span>

<div class="page">
<div class="hero-copy reveal">
<p class="eyebrow">Music + Awareness = Impact</p>
<h1 id="hero-main-title"! LET'S TURN MUSIC<br><span class="gradient-text">INTO MEALS</span></h1>
<p>Amplified Aid turns music, art, and storytelling into awareness, action, and support for the fight against hunger.</p>

<div class="hero-player" aria-label="Featured Apple Music preview">
<iframe allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write" frameborder="0" height="175" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/song/dear-future-self-v1-urban-vibes/1822300890" title="Apple Music preview: Dear Future Self V1 Urban Vibes by Amplified Aid">
</iframe>
</div>
</div>
</div>
</section>

<section aria-labelledby="impact-title" id="impact">
<div class="page">
<div class="section-title reveal">
<p class="eyebrow">- What We Do -</p>
<h2 id="impact-title">From Observation Came An Idea: <span class="gradient-text">Amplified Aid</span></h2>
<p>We've made an action engine where music moves people, people create change, and change fights hunger.</p>
</div>

<div class="steps">
<article class="step panel reveal delay-1">
<div aria-hidden="true" class="icon">🎵</div>
<h3><span class="step-num">1</span>We Upload</h3>
<p>We produce music, visuals, and stories to help people understand the dignity crisis behind hunger and food insecurity.</p>
</article>

<article class="step panel reveal delay-2">
<div aria-hidden="true" class="icon">▶</div>
<h3><span class="step-num">2</span>You Stream &amp; Share</h3>
<p>Every song you stream, every post you share, and every friend you recruit helps grow the Zero Hunger community.</p>
</article>

<article class="step panel reveal delay-3">
<div aria-hidden="true" class="icon">❤️</div>
<h3><span class="step-num">3</span>Others Benefit</h3>
<p>Revenue and royalties are directed to devoted NGOs working to end famine. As we grow, we will share progress reports and receipts.</p>
</article>
</div>
</div>
</section>

<section aria-labelledby="hunger-title" id="zero-hunger">
<div class="page">
<div class="reality panel reveal">
<div class="section-title" style="margin-bottom:0;">
<p class="eyebrow">- Why We Do It -</p>
<h2 id="hunger-title">Hunger <span class="gradient-text">IS SOLVABLE</span></h2>
<p>Whatever we call it — world hunger, food insecurity, children dying, millions starving — we have the means to fix it, once and for all.</p>
</div>

<div aria-label="Global hunger facts" class="stats">
<div class="stat"><strong class="gradient-text">673M</strong><span>People sadly faced hunger in 2024.</span></div>
<div class="stat"><strong class="gradient-text">2.3B</strong><span>People faced moderate or severe food insecurity.</span></div>
<div class="stat"><strong class="gradient-text">2030</strong><span>Is the global deadline for the Sustainable Development Goals.</span></div>
</div>

<div style="text-align:center;margin-top:2rem;">
<a class="btn btn-blue" href="/zero-hunger-zone/">Explore the Zero Hunger Zone</a>
</div>
</div>
</div>
</section>

<section aria-labelledby="music-title" id="music">
<div class="page">
<div class="section-title reveal">
<p class="eyebrow">- Inspired By The Iconic Live Aid Phenomenon Of 1985 -</p>
<h2 id="music-title">We Have Pop, Vocal, And Instrumental Tracks 🎶 🎧 <span class="gradient-text">On All The Platforms</span></h2>
<p>Search for AMPLIFIED AID on your favorite streaming service, and give someone lunch from your listening!</p>
</div>

<div aria-label="Streaming platforms" class="platforms">
<a class="platform" href="https://open.spotify.com/artist/10VIvZM8SRi7nljw8k5Poo" rel="noopener noreferrer" target="_blank">
<img alt="Spotify" src="/assets/images/music/spotify-full-logo.png">
</a>
<a class="platform" href="https://www.pandora.com/artist/amplified-aid/ARqzhhglJl5kknK?part=ug-desktop&amp;corr=217361362" rel="noopener noreferrer" target="_blank">
<img alt="Pandora" src="/assets/images/music/pandora-logo.png">
</a>
<a class="platform" href="https://music.apple.com/us/artist/amplified-aid/1808046787" rel="noopener noreferrer" target="_blank">
<img alt="Apple Music" src="/assets/images/music/apple-music-full-logo.png">
</a>
<a class="platform" href="https://music.youtube.com/channel/UCpKUAF8Hnjwu0LA4gldTH6w?si=UQbDyzKuPBV7y9qa" rel="noopener noreferrer" target="_blank">
<img alt="YouTube Music" src="/assets/images/music/youtube-music-full-logo.png">
</a>
<a class="platform" href="https://music.amazon.com/identity/who-is-listening" rel="noopener noreferrer" target="_blank">
<img alt="Amazon Music" src="/assets/images/music/amazon-music-square-logo.png">
</a>
<a class="platform" href="https://link.deezer.com/s/33ulwj2AQ8ux4X5Y0nyIc" rel="noopener noreferrer" target="_blank">
<img alt="Deezer" src="/assets/images/music/deezer-horizontal-logo.png">
</a>
<a class="platform" href="https://tidal.com/artist/56627815/u" rel="noopener noreferrer" target="_blank">
<img alt="Tidal" src="/assets/images/music/tidal-full-logo.png">
</a>
<a class="platform" href="https://www.iheart.com/artist/amplified-aid-46481656" rel="noopener noreferrer" target="_blank">
<img alt="iHeart Radio" src="/assets/images/music/iheart-radio-full-red-logo.png">
</a>
<a class="platform" href="https://www.boomplay.com/artists/112344228?from=search&amp;srModel=COPYLINK&amp;srList=WEB&amp;share_content=artist&amp;share_channel=copylink&amp;share_platform=web" rel="noopener noreferrer" target="_blank">
<img alt="Boomplay" src="/assets/images/music/boomplay-full-logo.png">
</a>
</div>
</div>
</section>

<section aria-labelledby="heroes-title" class="heroes" id="heroes">
<div class="page">
<div class="section-title reveal">
<p class="eyebrow">- Our Heroes -</p>
<h2 id="heroes-title">We Stand Behind The Real <span class="gradient-text">Famine Fighters</span></h2>
<p>We support those who support human rights through nutritional aid, emergency assistance, and sustainable global development.</p>
</div>

<div aria-label="NGO heroes and supported organization logos" class="hero-grid">
<a aria-label="World Food Programme website" class="hero-card" href="https://www.wfp.org/" rel="noopener noreferrer" target="_blank"><img alt="World Food Programme" src="/assets/images/hero/wfp-logo.png"><span>World Food Programme</span></a>
<a aria-label="Mercy Corps website" class="hero-card" href="https://www.mercycorps.org/" rel="noopener noreferrer" target="_blank"><img alt="Mercy Corps" src="/assets/images/hero/mercy-corps-logo.png"><span>Mercy Corps</span></a>
<a aria-label="CARE website" class="hero-card" href="https://www.care.org/" rel="noopener noreferrer" target="_blank"><img alt="CARE" src="/assets/images/hero/care-logo.png"><span>CARE</span></a>
<a aria-label="Action Against Hunger website" class="hero-card" href="https://www.actionagainsthunger.org/" rel="noopener noreferrer" target="_blank"><img alt="Action Against Hunger" src="/assets/images/hero/action-against-hunger-logo.png"><span>Action Against Hunger</span></a>
<a aria-label="The Hunger Project website" class="hero-card" href="https://www.thp.org/" rel="noopener noreferrer" target="_blank"><img alt="The Hunger Project" src="/assets/images/hero/thp-logo.png"><span>The Hunger Project</span></a>
<a aria-label="UN Women website" class="hero-card" href="https://www.unwomen.org/en" rel="noopener noreferrer" target="_blank"><img alt="UN Women" src="/assets/images/hero/unwomen-logo.png"><span>UN Women</span></a>
<a aria-label="World Central Kitchen website" class="hero-card" href="https://wck.org/" rel="noopener noreferrer" target="_blank"><img alt="World Central Kitchen" src="/assets/images/hero/world-central-kitchen-logo.png"><span>World Central Kitchen</span></a>
<a aria-label="OXFAM website" class="hero-card" href="https://www.oxfamamerica.org/" rel="noopener noreferrer" target="_blank"><img alt="OXFAM" src="/assets/images/hero/oxfam-logo.png"><span>OXFAM</span></a>
</div>
</div>
</section>

<section aria-labelledby="about-title" id="about">
<div class="page">
<div class="cta-band reveal">
<div>
<p class="eyebrow" style="color:white;">So...</p>
<h2 id="about-title">Are You Ready To Change Lives?</h2>
<p>Stream the music, share the mission, and stand for the starving. Let’s change wasting in the past to feeding the future.</p>
</div>

<div class="hero-actions">
<a class="btn btn-light" href="https://linktr.ee/amplifiedaid" rel="noopener noreferrer" target="_blank">Join the Movement</a>
<a class="btn btn-light" href="mailto:[email protected]">Contact Us</a>
</div>
</div>
</div>
</section>
</main>

<footer id="contact">
<div class="page footer-row">
<a aria-label="Amplified Aid home" class="brand" href="/">
<img alt="Amplified Aid logo" src="/assets/images/amplified-aid.png">
</a>

<nav aria-label="Footer navigation" class="footer-nav">
<a href="/about/">About Us</a>
<a href="/zero-hunger-zone/">Zero Hunger Zone</a>
<a href="/waow/">WAOW</a>
<a href="/policies/">Policies</a>
</nav>

<p>© 2026 Amplified Aid. All rights reserved. <a href="https://www.interserver.net/" rel="noopener noreferrer" target="_blank">Powered by InterServer.</a></p>
</div>
</footer>

<script>
const header = document.querySelector('.site-header');
const toggle = document.querySelector('.menu-toggle');
const mobileMenu = document.getElementById('mobile-menu');
const mobileLinks = mobileMenu ? mobileMenu.querySelectorAll('a') : [];

if (toggle && header && mobileMenu) {
toggle.addEventListener('click', () => {
const isOpen = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!isOpen));
toggle.setAttribute('aria-label', isOpen ? 'Open menu' : 'Close menu');
mobileMenu.hidden = isOpen;
header.classList.toggle('is-open', !isOpen);
});

mobileLinks.forEach(link => {
link.addEventListener('click', () => {
toggle.setAttribute('aria-expanded', 'false');
toggle.setAttribute('aria-label', 'Open menu');
mobileMenu.hidden = true;
header.classList.remove('is-open');
});
});
}
</script>