Mandate

About This Template

Mandate is a dark-cinema template for missionary organizations, Christian nonprofits, and sending agencies. Nine pages cover the home narrative, an about page with organizational timeline, Go and Give conversion pages, contact, a missionary roster with individual profile pages, and a field-stories blog. The hero pins one word — GO — and drives the two letters apart on scroll while a near-black overlay dissolves, revealing the documentary photograph behind them. Six missionary profiles ship as JSON with prayer-request lists; five field dispatches ship as Markdown with author, field, and read time. Supporting sections carry unreached-people statistics with a Scripture pull-quote, a four-step sending process, and alternating region blocks. Ember orange on near-black, Bricolage Grotesque over Source Serif 4, custom cursor, Lenis smooth scroll and View Transitions throughout.

Signature

The homepage opens on a sticky full-screen frame containing a single word: GO, set at up to 16rem. A scrubbed GSAP ScrollTrigger timeline drives the G to the left edge and the O to the right (xPercent ±100) while a near-black overlay fades from 0.96 opacity to zero, so the documentary photograph is revealed through the widening gap between the letters. At 45% of the timeline the tagline rises into that gap. It reads as a title card, not a hero section.

Features

• 9 pages — Home, About, Go, Give, Contact, Missionaries index, Missionary profile, Stories index, Story article
• Kinetic GO hero — a scrubbed ScrollTrigger timeline pushes the G and O to opposite edges (xPercent ±100) while the overlay fades from 0.96 to 0
• 2 content collections — 6 missionary profiles in JSON and 5 field stories in Markdown
• Missionary detail pages with years serving, field, country, biography, and a prayer-request list
• Field Dispatches section — one featured story plus a grid, each with author, field, tags, and read time
• "The Unfinished Task" — three headline statistics (7,000+ / 3.2B / 41%) closed by a Scripture pull-quote
• Where We Work — four alternating photo/text region blocks with unreached people-group counts
• How We Send — sticky header with a four-step process: Discern, Prepare, Send, Sustain
• Give page — three monthly giving tiers, transparency stats, and a sticky-header donation form
• Go page — sending process, native <details> FAQ accordion, and a candidate inquiry form
• Contact page with a routed reason selector so enquiries reach the right team
• Custom cursor — instant dot plus a rAF-lerped ring that expands over links and buttons via event delegation
• Top scroll-progress bar scaled directly from the progress value of the Lenis scroll event
• Lenis smooth scroll + View Transitions, with GSAP tweens and ScrollTriggers killed on astro:before-preparation
• IntersectionObserver reveals that skip un-hydrated islands and re-attach on astro:hydrate — no hydration mismatch
• 22 documentary photographs — the hero, CTA and region art optimized to WebP through getImage(), TypeScript strict with noUncheckedIndexedAccess

Deployment