);
}
function Router({ route }) {
switch (route) {
case "/":
return ;
case "/donate":
return ;
case "/volunteers":
return ;
case "/sponsors":
return ;
case "/stories":
return ;
case "/testimonies":
return ;
case "/legal":
return ;
default:
return ;
}
}
/* ===================== Shared UI ===================== */
function SkipToContent() {
return (
Skip to content
);
}
function Nav({ darkMode, setDarkMode, mobileMenuOpen, setMobileMenuOpen }) {
return (
);
}
function LogoMark() {
return (
);
}
/* ===================== Home Page ===================== */
function HomePage() {
return (
<>
);
}
function Hero() {
return (
Equipping kids for success—
school supplies, clothing, & more
Miracles in Motion is a nonprofit providing students with the essentials they need to thrive: backpacks and notebooks, uniforms and shoes, and the everything-else fund for urgent needs.
);
}
function AnimatedNumber({ value }) {
const mv = useMotionValue(0);
const spring = useSpring(mv, { stiffness: 90, damping: 15 });
const rounded = useTransform(spring, (latest) => Math.floor(latest).toLocaleString());
useEffect(() => {
mv.set(0);
const timeout = setTimeout(() => mv.set(value), 150);
return () => clearTimeout(timeout);
}, [value]);
return {rounded};
}
function HowItWorks() {
const steps = [
{ title: "Referral", body: "A school counselor, social worker, or parent submits a simple request." },
{ title: "Fast response", body: "Needs are verified same-day and approved within 24 hours." },
{ title: "Fulfillment", body: "We purchase items locally or provide vouchers for pickup." },
{ title: "Follow-up", body: "We confirm support reached the student and log outcomes." },
];
return (
{steps.map((s, i) => (
{i + 1}
{s.title}
{s.body}
))}
Donor promise
Your gift funds direct student needs first. We publish anonymized impact and receipts for transparency.
For counselors
One-page referral. No uploads required. We do the running so students don’t miss class.
);
}
function Testimonial() {
return (
“A student arrived with torn shoes before winter break. Within 24 hours, Miracles in Motion had a new coat and shoes ready. He came back from break beaming.”
Counselor, Northview High
);
}
function GetInvolved() {
const options = [
{ title: "Donate", body: "Fuel fast responses for urgent student needs.", href: "#/donate", accent: "from-rose-500 to-fuchsia-500", icon: HandHeart },
{ title: "Volunteer", body: "Assemble kits, deliver items, host a drive.", href: "#/volunteers", accent: "from-sky-500 to-indigo-500", icon: Users },
{ title: "Corporate sponsor", body: "Schools and community orgs: let’s team up.", href: "#/sponsors", accent: "from-emerald-500 to-lime-500", icon: Globe },
];
return (
);
}
function StoriesPage() {
const stories = [
{ title: "Ready on Day One", tag: "Supplies", body: "A 3rd grader received a backpack and art kit, returning to class with pride.", by: "Ms. Lee, Teacher" },
{ title: "Warm for Winter", tag: "Clothing", body: "A high schooler got a coat and shoes before a cold snap—attendance rebounded.", by: "School Social Worker" },
{ title: "Glasses for Growth", tag: "Everything Else", body: "A student’s new glasses improved reading in two weeks.", by: "Counselor" },
];
return (
Read testimonies}>
{stories.map((s, i) => (
{s.tag}
{s.title}
{s.body}
— {s.by}
))}
Submit your story
);
}
function TestimoniesPage() {
const items = [
{ who: "Parent", quote: "The uniform voucher saved us right before school started." },
{ who: "Counselor", quote: "The 24-hr turnaround is unmatched for our families." },
{ who: "Principal", quote: "Attendance improves when kids have what they need." },
];
return (
{items.map((t, i) => (
“{t.quote}”
— {t.who}
))}
);
}
function LegalPage() {
return (
Donate}>
We collect only the data necessary to process donations, volunteer coordination, and email subscriptions. We do not sell or trade personal data. You may request access, correction, or deletion at privacy@miraclesinmotion.org.
We never sell, share, or trade donor names or personal information with any other entity, nor send donor mailings on behalf of other organizations. This policy applies to all information received online and offline.
Content is provided “as is” for informational purposes; no warranties.
By submitting content (stories/testimonies), you grant us a non-exclusive license to edit and publish.
Unauthorized scraping or misuse of site content is prohibited.
We use essential cookies for site functionality and, with your consent, privacy-friendly analytics. You can change your choices via the cookie banner or by clearing site data.
Donations are generally non-refundable. If you believe a donation was made in error, contact donate@miraclesinmotion.org within 15 days for assistance.
We accept monetary gifts, new school supplies/clothing, DAF grants, and publicly traded securities.
In-kind items must be new and appropriate for school settings. We reserve the right to decline gifts not aligned with mission or capacity.
By volunteering, you agree to follow staff instructions; assume ordinary risks associated with volunteering; and release Miracles in Motion from liability for ordinary negligence. You consent to background checks where required and agree to our child-safeguarding rules (no unsupervised time with minors, no personal contact outside events). Under 18 requires guardian consent.
No one-on-one unsupervised interactions with minors.
Report suspected abuse/neglect immediately to authorities and notify staff.
Photography of minors requires prior written consent from a parent/guardian.
We serve students regardless of race, color, religion, national origin, sex, sexual orientation, gender identity, disability, or any other protected status.
We aim to meet WCAG 2.1 AA standards. If you encounter accessibility barriers, email access@miraclesinmotion.org.
Miracles in Motion is a 501(c)(3) nonprofit. EIN 12-3456789. Annual reports and Form 990s are available upon request or linked here when published.
Logo usage requires prior written approval and must follow brand guidelines.
Sponsorship does not imply endorsement of products or services.
Benefits may be adjusted for equivalency based on availability.
State disclosures: Certain states may require additional disclosures for charitable solicitations. Where applicable, our disclosures will be presented on the donation page and receipts.
);
}
/* ===================== Helper Components ===================== */
function PolicySection({ id, title, children }) {
return (
);
}
function Footer() {
return (
);
}
function StickyDonate() {
return (
);
}
function CookieBanner() {
const [show, setShow] = useState(true);
if (!show) return null;
return (
We use cookies to improve your experience. By continuing, you agree to our cookie policy.
);
}
function AnalyticsLoader() {
useEffect(() => {
// Load Google Analytics or other analytics here
// This is a placeholder for actual analytics implementation
}, []);
return null;
}
function Magnetic({ children }) {
return (