Sentinel React + Keystatic combines a polished cybersecurity SaaS website with Keystatic’s local-first content management system. Every piece of content — from blog posts and pricing tiers to testimonials and team bios — is editable through a visual admin UI at /keystatic. No external CMS accounts, no API keys for local development, no vendor lock-in.

Designed from the ground up as a dark-mode-first theme targeting cybersecurity and SaaS audiences. The design system uses a cyan primary palette with violet accents on a slate surface, creating a premium tech aesthetic. Every page includes a thoughtfully designed light mode alternative. Self-hosted Space Grotesk and Inter fonts ensure fast loading without external dependencies.

The theme ships with 14 fully built pages covering every section a SaaS product needs: homepage with hero, social proof, and feature showcases; pricing with monthly/yearly toggle; blog with markdown support, table of contents, and category filtering; about page with team profiles; contact with form layout; integrations directory; customer reviews; changelog timeline; and legal pages. All content is externalized in JSON data files managed through Keystatic’s admin interface.

Built on React 19 with TypeScript strict mode, Tailwind CSS v4 via the Vite plugin, and React Router v7 for client-side navigation. The Keystatic admin chunk is lazy-loaded and code-split so it doesn’t affect the main site’s bundle size. For production deployments, Keystatic supports GitHub mode where content edits create commits directly on GitHub, triggering automated rebuilds.