Lovableprofessionbeginner
Nonprofit Website — Complete Founding Prompt
Build a mission-driven nonprofit website in Lovable with donation processing, volunteer signup, and program information.
What you'll get
A mission-driven nonprofit website with donation processing, volunteer signup, program information, and impact storytelling.
The Prompt
Build a mission-driven nonprofit website for [ORG_NAME], a nonprofit in [CITY_STATE] founded in [YEAR_FOUNDED]. Mission: [MISSION]. Programs: [PROGRAM_AREAS]. ABOUT: - [ORG_NAME] is a nonprofit organization in [CITY_STATE] - Founded in [YEAR_FOUNDED] - Mission: [MISSION] - Programs: [PROGRAM_AREAS] PAGES: 1. Home — Inspiring hero with impact photography, mission statement, impact numbers (people served, programs, volunteers), featured program highlights, upcoming events, and prominent "Donate" CTA. 2. About/Mission — Organization story, mission and vision statements, leadership team with bios, board of directors, annual report highlights, and timeline of milestones since [YEAR_FOUNDED]. 3. Programs — Detailed program pages for each area in [PROGRAM_AREAS]. Each with description, who it serves, impact metrics, photos, and how to get involved. 4. Donate — Stripe donation form with preset amounts ($25, $50, $100, $250) and custom amount. Toggle between one-time and monthly recurring. Show what each amount funds. Tax-deductible notice. 5. Get Involved — Volunteer signup form (name, email, phone, interests, availability, skills) saving to Supabase "volunteers" table. Corporate partnership inquiry section. 6. Contact — General contact form, office address, phone, and social media links. DESIGN: - Primary: Teal #0D9488, Accent: Orange #EA580C, Background: White #FFFFFF - Typography: Friendly sans-serif (Nunito for headings, Inter for body) - Warm, hopeful, and community-oriented aesthetic - Impact photos with people (with consent) rather than abstract imagery TECHNICAL: - Stripe integration for one-time and recurring donations via Edge Function - Volunteer form saves to Supabase "volunteers" table: id, name, email, phone, interests, availability, skills, created_at - NonprofitOrganization structured data (JSON-LD) - SEO targeting "[ORG_NAME]" and "[PROGRAM_AREAS] nonprofit [CITY_STATE]" - Mobile-responsive with prominent donation button on all pages - Accessible design meeting WCAG 2.1 AA standards
Replace these variables
| Variable | Replace with |
|---|---|
| [ORG_NAME] | Name of the nonprofit organization |
| [CITY_STATE] | City and state location |
| [MISSION] | Organization's mission statement |
| [YEAR_FOUNDED] | Year the organization was founded |
| [PROGRAM_AREAS] | Main program areas (e.g., education, food security, housing) |
Tips for best results
Show specific impact numbers — '2,847 meals served' is more compelling than 'thousands of meals'.
Make the Donate button visible on every page — don't make visitors search for it.
Follow-up prompts
Add event calendar
Add an Events page with upcoming fundraisers, volunteer days, and community events. Include RSVP forms and integration with Google Calendar.
Add impact dashboard
Add a public impact dashboard showing real-time metrics: total donations, people served, volunteers active, and programs running. Pull data from Supabase.