Pragma Founding Members Landing Page

A standalone conversion landing page built to capture founding member signups for the Pragma civic platform

What This Is

This is the live founding member acquisition page built for Pragma — the civic tech platform I developed over three months as my Digital Entrepreneurship capstone at Full Sail University.

The goal was to build a real, deployable landing page that could actually collect signups — not a mockup, not a slide deck, but a working conversion page with every section you'd expect from a funded startup launch.

What's Built Into It

Hero section with a live signup form (name, email, ZIP code) that confirms your seat on submission

Facebook ad mockup with a Pragma "intelligence overlay" showing exactly how political ads target users by data profile

Them vs. Pragma comparison grid laying out the core competitive advantage

Animated district dashboard — bars fill on scroll using IntersectionObserver

Founding member benefits grid — 6 perks locked in for the first 500 members

Beta tester testimonials

Loom video embed — the full platform walkthrough

Bottom CTA that scrolls back to the signup form

Tech Used

Built entirely in Next.js using React state for form handling, `IntersectionObserver` for scroll animations, and inline CSS with custom properties for the dark navy and gold design system — completely separate from the main portfolio's Army Olive theme. No external packages added.

Try It Live

The page below is fully interactive. Fill out the form and hit Secure My Founding Seat — your name, email, and ZIP go straight to the Pragma inbox at pragma@nbpstrategy.com via Formspree.

↗ Open Full Page

↗ HubSpot Version