@jxsuite/starters 0.34.0

package/sites/nonprofit/components/np-program-card.json

@@ -0,0 +1,69 @@
+{
+  "tagName": "np-program-card",
+  "state": {
+    "title": "",
+    "summary": "",
+    "image": { "type": "string", "format": "image", "default": "" }
+  },
+  "style": {
+    "display": "flex",
+    "flexDirection": "column",
+    "backgroundColor": "var(--color-bg-white)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)",
+    "overflow": "hidden",
+    "boxShadow": "0 4px 20px rgba(20,49,42,0.06)",
+    "transition": "transform 0.15s, box-shadow 0.15s",
+    ":hover": {
+      "transform": "translateY(-3px)",
+      "boxShadow": "0 12px 32px rgba(20,49,42,0.12)"
+    }
+  },
+  "children": [
+    {
+      "tagName": "img",
+      "attributes": {
+        "src": "${state.image}",
+        "alt": "${state.title}",
+        "loading": "lazy"
+      },
+      "style": {
+        "width": "100%",
+        "aspectRatio": "16 / 10",
+        "objectFit": "cover",
+        "display": "block"
+      }
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "padding": "1.5rem",
+        "display": "flex",
+        "flexDirection": "column",
+        "flex": "1"
+      },
+      "children": [
+        {
+          "tagName": "h3",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "1.3rem",
+            "fontWeight": "600",
+            "margin": "0 0 0.6rem"
+          },
+          "textContent": "${state.title}"
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "margin": "0",
+            "color": "var(--color-text-muted)",
+            "fontSize": "0.98rem",
+            "lineHeight": "1.65"
+          },
+          "textContent": "${state.summary}"
+        }
+      ]
+    }
+  ]
+}

package/sites/nonprofit/components/np-section-header.json

@@ -0,0 +1,53 @@
+{
+  "tagName": "np-section-header",
+  "state": {
+    "eyebrow": "",
+    "heading": "",
+    "subheading": "",
+    "align": "center"
+  },
+  "style": {
+    "display": "block",
+    "maxWidth": "var(--max-width-narrow)",
+    "margin": "0 auto 2.5rem",
+    "textAlign": "${state.align}"
+  },
+  "children": [
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.eyebrow ? 'block' : 'none'}",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.16em",
+        "fontSize": "0.8rem",
+        "fontWeight": "600",
+        "color": "var(--color-primary)",
+        "margin": "0 0 0.75rem"
+      },
+      "textContent": "${state.eyebrow}"
+    },
+    {
+      "tagName": "h2",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
+        "fontWeight": "700",
+        "lineHeight": "1.15",
+        "letterSpacing": "-0.02em",
+        "margin": "0"
+      },
+      "textContent": "${state.heading}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.subheading ? 'block' : 'none'}",
+        "fontSize": "1.1rem",
+        "lineHeight": "1.7",
+        "color": "var(--color-text-muted)",
+        "margin": "1rem 0 0"
+      },
+      "textContent": "${state.subheading}"
+    }
+  ]
+}

package/sites/nonprofit/components/np-stat.json

@@ -0,0 +1,48 @@
+{
+  "tagName": "np-stat",
+  "state": {
+    "number": "",
+    "label": "",
+    "note": ""
+  },
+  "style": {
+    "display": "block",
+    "textAlign": "center",
+    "padding": "0.5rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(2.5rem, 6vw, 3.75rem)",
+        "fontWeight": "700",
+        "lineHeight": "1",
+        "color": "var(--color-accent)",
+        "letterSpacing": "-0.02em"
+      },
+      "textContent": "${state.number}"
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "margin": "0.6rem 0 0",
+        "fontWeight": "600",
+        "fontSize": "1.05rem",
+        "color": "inherit"
+      },
+      "textContent": "${state.label}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.note ? 'block' : 'none'}",
+        "margin": "0.35rem 0 0",
+        "fontSize": "0.9rem",
+        "opacity": "0.75",
+        "lineHeight": "1.55"
+      },
+      "textContent": "${state.note}"
+    }
+  ]
+}

package/sites/nonprofit/components/np-step.json

@@ -0,0 +1,55 @@
+{
+  "tagName": "np-step",
+  "state": {
+    "num": "",
+    "title": "",
+    "text": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-white)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "display": "inline-flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "width": "2.75rem",
+        "height": "2.75rem",
+        "borderRadius": "999px",
+        "backgroundColor": "var(--color-primary)",
+        "color": "var(--color-text-white)",
+        "fontFamily": "var(--font-heading)",
+        "fontWeight": "700",
+        "fontSize": "1.25rem",
+        "marginBottom": "1rem"
+      },
+      "textContent": "${state.num}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.2rem",
+        "fontWeight": "600",
+        "margin": "0 0 0.5rem"
+      },
+      "textContent": "${state.title}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0",
+        "color": "var(--color-text-muted)",
+        "fontSize": "0.98rem",
+        "lineHeight": "1.65"
+      },
+      "textContent": "${state.text}"
+    }
+  ]
+}

package/sites/nonprofit/components/np-team-member.json

@@ -0,0 +1,67 @@
+{
+  "tagName": "np-team-member",
+  "state": {
+    "initials": "",
+    "name": "",
+    "role": "",
+    "bio": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-cream)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)",
+    "textAlign": "center"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "width": "4.5rem",
+        "height": "4.5rem",
+        "margin": "0 auto 1rem",
+        "borderRadius": "999px",
+        "backgroundColor": "var(--color-primary)",
+        "color": "var(--color-text-white)",
+        "display": "flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "fontFamily": "var(--font-heading)",
+        "fontWeight": "700",
+        "fontSize": "1.4rem"
+      },
+      "textContent": "${state.initials}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.2rem",
+        "fontWeight": "600",
+        "margin": "0 0 0.2rem"
+      },
+      "textContent": "${state.name}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0 0 0.75rem",
+        "color": "var(--color-primary)",
+        "fontWeight": "600",
+        "fontSize": "0.9rem"
+      },
+      "textContent": "${state.role}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0",
+        "color": "var(--color-text-muted)",
+        "fontSize": "0.95rem",
+        "lineHeight": "1.6"
+      },
+      "textContent": "${state.bio}"
+    }
+  ]
+}

package/sites/nonprofit/components/np-testimonial.json

@@ -0,0 +1,54 @@
+{
+  "tagName": "np-testimonial",
+  "state": {
+    "quote": "",
+    "author": "",
+    "role": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "2rem",
+    "backgroundColor": "var(--color-bg-cream)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "2.5rem",
+        "lineHeight": "1",
+        "color": "var(--color-primary)",
+        "marginBottom": "0.5rem"
+      },
+      "textContent": "“"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.2rem",
+        "lineHeight": "1.6",
+        "fontWeight": "500",
+        "margin": "0 0 1.25rem"
+      },
+      "textContent": "${state.quote}"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "fontWeight": "600" },
+          "textContent": "${state.author}"
+        },
+        {
+          "tagName": "div",
+          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
+          "textContent": "${state.role}"
+        }
+      ]
+    }
+  ]
+}

package/sites/nonprofit/content/programs/community-garden.md

@@ -0,0 +1,8 @@
+---
+title: Community Garden
+summary: Shared plots, gardening classes, and a harvest that feeds neighbors while bringing the whole block together.
+image: /images/program-3.jpg
+order: 5
+---
+
+The Rivertown Community Garden turns three vacant lots into rows of vegetables, herbs, and flowers tended by neighbors of every age. Families grow their own food, kids learn where it comes from, and a share of every harvest goes straight to the food pantry. It is part classroom, part kitchen, and part town square.

package/sites/nonprofit/content/programs/food-pantry.md

@@ -0,0 +1,8 @@
+---
+title: Riverside Food Pantry
+summary: Free, dignified groceries and fresh produce for any neighbor who needs them — no questions asked, open six days a week.
+image: /images/program-1.jpg
+order: 1
+---
+
+The Riverside Food Pantry keeps shelves stocked with fresh produce, pantry staples, and household basics for anyone in Rivertown facing food insecurity. Volunteers pack boxes each morning and welcome more than 400 families a week — with a choice-based market that lets neighbors pick what their household actually needs.

package/sites/nonprofit/content/programs/housing-support.md

@@ -0,0 +1,8 @@
+---
+title: Housing Support
+summary: Emergency rental assistance, housing navigation, and a path to stable homes for families on the edge of eviction.
+image: /images/program-4.jpg
+order: 3
+---
+
+Housing is the foundation for everything else. Our Housing Support team offers emergency rental and utility assistance, one-on-one housing navigation, and connections to landlords who partner with us. Last year we helped 180 households stay in their homes and guided dozens more into permanent, affordable housing.

package/sites/nonprofit/content/programs/job-training.md

@@ -0,0 +1,8 @@
+---
+title: Job Training & Careers
+summary: Hands-on workshops, résumé coaching, and employer partnerships that open doors to living-wage careers.
+image: /images/program-5.jpg
+order: 4
+---
+
+Our Job Training program helps adults build the skills and confidence to land steady, living-wage work. Free workshops cover résumés, interviewing, digital skills, and the trades, while our employer partners offer paid apprenticeships and direct hiring pipelines. Coaches stay with each participant from first class to first paycheck.

package/sites/nonprofit/content/programs/youth-mentoring.md

@@ -0,0 +1,8 @@
+---
+title: Youth Mentoring
+summary: One-to-one mentors and after-school programs that help young people in our community learn, belong, and dream bigger.
+image: /images/program-2.jpg
+order: 2
+---
+
+Every young person deserves someone in their corner. Our Youth Mentoring program pairs trained volunteer mentors with students ages 8–17 for weekly sessions of homework help, life skills, and encouragement. After-school clubs add art, coding, and sports — a safe place to grow long after the final bell.

package/sites/nonprofit/images.json

@@ -0,0 +1,54 @@
+{
+  "site": "nonprofit",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "community volunteers helping",
+      "orientation": "landscape",
+      "photoId": 6647015
+    },
+    {
+      "role": "about",
+      "query": "volunteers group community",
+      "orientation": "landscape",
+      "photoId": 6647025
+    },
+    {
+      "role": "program-1",
+      "query": "food bank donation",
+      "orientation": "landscape",
+      "photoId": 7156158
+    },
+    {
+      "role": "program-2",
+      "query": "youth mentoring education",
+      "orientation": "landscape",
+      "photoId": 7692637
+    },
+    {
+      "role": "program-3",
+      "query": "community garden volunteers",
+      "orientation": "landscape",
+      "photoId": 26614518
+    },
+    {
+      "role": "program-4",
+      "query": "family home keys housing support",
+      "orientation": "landscape",
+      "photoId": 7766930
+    },
+    {
+      "role": "program-5",
+      "query": "job training workshop adults",
+      "orientation": "landscape",
+      "photoId": 29521026
+    },
+    {
+      "role": "cta-bg",
+      "query": "hands helping community",
+      "orientation": "landscape",
+      "photoId": 7345444
+    }
+  ]
+}

package/sites/nonprofit/layouts/base.json

@@ -0,0 +1,22 @@
+{
+  "tagName": "div",
+  "$elements": [
+    { "$ref": "../components/np-nav.json" },
+    { "$ref": "../components/np-footer.json" }
+  ],
+  "style": {
+    "minHeight": "100vh",
+    "display": "flex",
+    "flexDirection": "column",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "children": [
+    { "tagName": "np-nav" },
+    {
+      "tagName": "main",
+      "style": { "flex": "1" },
+      "children": [{ "tagName": "slot" }]
+    },
+    { "tagName": "np-footer" }
+  ]
+}

package/sites/nonprofit/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "rivertown-foundation",
+  "private": true,
+  "description": "A local community nonprofit running programs in food security, youth mentoring, housing, and job training.",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "jx build",
+    "dev": "jx dev"
+  },
+  "devDependencies": {
+    "@jxsuite/compiler": "^0.19.0",
+    "@jxsuite/runtime": "^0.19.0"
+  }
+}

package/sites/nonprofit/pages/about.md

@@ -0,0 +1,54 @@
+---
+title: "About — Rivertown Foundation"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::np-section-header{props.eyebrow="Our story" props.heading="Rooted in Rivertown since 2007" props.subheading="Started by a handful of neighbors with a food drive and a folding table — now a year-round lifeline for thousands."}
+:::::
+
+:::np-intro{props.image="/images/about.jpg" props.imageAlt="Rivertown Foundation volunteers and staff together" props.reverse="true"}
+
+### From a folding table to a movement
+
+In the winter of 2007, a few Rivertown families noticed neighbors going without and decided to do something about it. What began as a single food drive in a church basement has grown into five programs serving thousands of people every year.
+
+We're still powered by the same belief: that a community takes care of its own. Every program we run is shaped by the neighbors who use it and delivered by the volunteers who love this town.
+:::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5rem) 1.5rem"}
+::np-section-header{props.eyebrow="What guides us" props.heading="The values behind every decision"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::np-feature{props.icon="🤝" props.title="Dignity first" props.text="Everyone is welcomed with respect and choice — never judgment. Help should never cost your pride."}
+
+::np-feature{props.icon="🌱" props.title="Local & lasting" props.text="Every dollar stays in Rivertown, invested in solutions that outlast the moment of need."}
+
+::np-feature{props.icon="🔍" props.title="Open & accountable" props.text="We publish our numbers and welcome the questions. Trust is earned one honest report at a time."}
+::::
+:::::
+
+:::::section{style.padding="clamp(1rem, 4vw, 2rem) 1.5rem clamp(3.5rem, 8vw, 5rem)" style.backgroundColor="var(--color-primary)" style.color="var(--color-text-white)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="2rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.paddingTop="clamp(2.5rem, 6vw, 3.5rem)"}
+::np-stat{props.number="94¢" props.label="Of every dollar to programs"}
+
+::np-stat{props.number="640" props.label="Active volunteers"}
+
+::np-stat{props.number="5" props.label="Community programs"}
+
+::np-stat{props.number="1" props.label="Town we call home"}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::np-section-header{props.eyebrow="Our team" props.heading="The people behind the mission"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+::np-team-member{props.initials="AT" props.name="Aisha Thompson" props.role="Executive Director" props.bio="A lifelong Rivertown resident who has led the Foundation for a decade, Aisha keeps neighbors at the center of every decision."}
+
+::np-team-member{props.initials="MR" props.name="Marcus Reyes" props.role="Director of Programs" props.bio="Marcus builds the partnerships and pipelines that turn good intentions into food on tables and mentors in classrooms."}
+
+::np-team-member{props.initials="LN" props.name="Linh Nguyen" props.role="Volunteer Coordinator" props.bio="Linh matches hundreds of volunteers to the work that fits them best, making sure every helping hand finds a home."}
+::::
+:::::
+
+::np-cta{props.eyebrow="Join the story" props.heading="Be part of what happens next" props.text="Whether you give, volunteer, or partner with us, you become part of a community that refuses to leave anyone behind." props.cta="Donate Now" props.ctaHref="/get-involved/" props.cta2="Get Involved" props.cta2Href="/get-involved/" props.bg="/images/cta-bg.jpg"}

package/sites/nonprofit/pages/contact.md

@@ -0,0 +1,17 @@
+---
+title: "Contact — Rivertown Foundation"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::np-section-header{props.eyebrow="Say hello" props.heading="Get in touch" props.subheading="Questions about a program, a donation, or volunteering? We'd love to hear from you."}
+:::::
+
+:::::section{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::::div{style.display="grid" style.gridTemplateColumns="1.2fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.alignItems="start" style.--md.gridTemplateColumns="1fr"}
+::np-contact-form{props.heading="Send us a message"}
+
+::np-contact-info{}
+::::
+:::::
+
+::np-cta{props.eyebrow="Can't wait to start?" props.heading="You don't need an appointment to help" props.text="Make a gift online today, or drop by during office hours — we'll put your generosity to work right away." props.cta="Donate Now" props.ctaHref="/get-involved/"}

package/sites/nonprofit/pages/get-involved.md

@@ -0,0 +1,63 @@
+---
+title: "Get Involved — Rivertown Foundation"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::np-section-header{props.eyebrow="Get involved" props.heading="There's a place for you here" props.subheading="Give, volunteer, fundraise, or partner — however you show up, you're helping a neighbor down the street."}
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5rem) 1.5rem"}
+::np-section-header{props.eyebrow="Ways to help" props.heading="Four ways to make an impact"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+::np-step{props.num="1" props.title="Give" props.text="One-time or monthly, your gift funds every program. A donor is matching all gifts this month."}
+
+::np-step{props.num="2" props.title="Volunteer" props.text="Pack pantry boxes, mentor a student, tend the garden, or coach job seekers. Shifts fit any schedule."}
+
+::np-step{props.num="3" props.title="Fundraise" props.text="Host a food drive, run a birthday fundraiser, or rally your workplace for a day of giving."}
+
+::np-step{props.num="4" props.title="Partner" props.text="Businesses and faith groups: sponsor a program, hire a graduate, or open a hiring pipeline."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::np-section-header{props.eyebrow="Volunteer" props.heading="Give your time, change a life" props.subheading="No experience needed — just a few hours and a willingness to help. Here's where hands are needed most."}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::np-feature{props.icon="📦" props.title="Pantry crew" props.text="Sort donations, stock the choice market, and welcome families. Weekday mornings and Saturdays."}
+
+::np-feature{props.icon="📚" props.title="Youth mentor" props.text="Meet weekly with a student for homework help and encouragement. Training and background check provided."}
+
+::np-feature{props.icon="🌷" props.title="Garden volunteer" props.text="Plant, weed, and harvest alongside neighbors. Great for families, groups, and first-timers."}
+::::
+
+::::div{style.textAlign="center" style.marginTop="2.5rem"}
+:::a{href="/contact/" style.display="inline-block" style.backgroundColor="var(--color-primary)" style.color="var(--color-text-white)" style.padding="0.85rem 2rem" style.borderRadius="999px" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
+Sign up to volunteer →
+:::
+::::
+:::::
+
+:::::section{id="donate" style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::np-section-header{props.eyebrow="Donate" props.heading="Choose your impact" props.subheading="Every gift stays in Rivertown and is matched dollar-for-dollar this month. Here's what your generosity makes possible."}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+::np-donate-tier{props.amount="$25" props.title="Fill a pantry box" props.text="Provides a week of fresh groceries for a family of four at the Riverside Food Pantry." props.cta="Give $25" props.ctaHref="/get-involved/"}
+
+::np-donate-tier{props.amount="$60" props.title="Mentor a student" props.text="Covers a month of one-to-one mentoring, supplies, and after-school snacks for one young person." props.featured="true" props.cta="Give $60" props.ctaHref="/get-involved/"}
+
+::np-donate-tier{props.amount="$120" props.title="Keep a family housed" props.text="Helps cover emergency rental assistance that keeps a household in their home during a crisis." props.cta="Give $120" props.ctaHref="/get-involved/"}
+::::
+
+:::div{style.maxWidth="var(--max-width-narrow)" style.margin="2.5rem auto 0" style.textAlign="center" style.color="var(--color-text-muted)" style.fontSize="0.95rem"}
+Prefer to give monthly? Recurring gifts give us the steady footing to plan ahead. This is a demo — connect your donation platform in `pages/get-involved.md`.
+:::
+:::::
+
+:::::section{style.padding="clamp(1rem, 4vw, 2rem) 1.5rem clamp(3.5rem, 8vw, 5rem)" style.backgroundColor="var(--color-bg-cream)"}
+::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto"}
+::np-testimonial{props.quote="I started volunteering on Saturdays to fill some empty time. Two years later it's the best part of my week — and I've watched kids I mentored head off to college." props.author="Ray D." props.role="Youth mentor since 2022"}
+::::
+:::::
+
+::np-cta{props.eyebrow="Ready when you are" props.heading="Turn your generosity into groceries, mentors, and homes" props.text="Give today and a matching donor doubles your gift — every dollar working twice as hard for Rivertown." props.cta="Donate Now" props.ctaHref="/get-involved/" props.cta2="Ask a Question" props.cta2Href="/contact/" props.bg="/images/cta-bg.jpg"}