Create a premium, high-converting single landing page for FNP Mastery, Higher Learning Technologies' board-prep app for the Family Nurse Practitioner certification exam (AANP/ANCC). Sections: (1) Editorial hero — headline 'Pass your FNP boards the first time', a one-sentence subhead, and a SINGLE primary CTA button 'Start studying free'. (2) Social-proof strip with concrete numbers: '4,000+ board-style questions', '500k+ nurses trust HLT', '93% first-attempt pass rate'. (3) Feature grid (icon + title + one line): Adaptive QBank, In-depth answer rationales, Personalized study plan, Progress analytics, Study offline. (4) Two short realistic nurse testimonials with name + credential. (5) Closing CTA band repeating the single primary action. Real, specific copy throughout — no lorem. Mobile-first responsive, fully accessible. Modern, calm, premium aesthetic with a blue primary accent (#155EEF) on a light background, generous spacing, no clutter.
The design inspiration points to a clean, editorial aesthetic with strong typography, generous whitespace, and a calm professional tone — perfect for FNP Mastery. I'll now build all sections and update the theme.
Now I'll also add the --color-brand token mapping and font setup to globals.css, then build all the landing page components:
Now let's build the components. I'll create the navbar, hero, social proof, features, testimonials, and closing CTA:
Now assemble everything in page.tsx:
The FNP Mastery landing page is fully built with all five required sections. Here's a summary of what was built:
#155EEF blue accent, one-sentence subhead, a single bold "Start studying free" primary CTA, and an interactive app mockup showing a realistic AANP-style question card