Design a modern, clean, professional medical education landing page UI for a “PMHNP Exam Prep” website. The layout should include: A top navigation bar with logo on the left (medical shield icon + “PMHNP Exam Prep”) and menu items: Home, Study Materials, Practice Questions, My Progress, Resources, and a green “Sign Up” button on the right. A hero section with: Large bold headline: “Prepare for the PMHNP Exam with Confidence!” Subtext explaining study materials, practice questions, and progress tracking Green “Get Started” button Right side image of a male doctor in blue scrubs using a laptop Soft blue medical-themed background with gradients and subtle patterns Three feature cards below hero: Study Materials (icon + short description) Practice Questions (icon + description) Track Progress (icon + description) Study Materials section: Left side: eBook mockup + video thumbnail with play button Button: “Generate Questions” Main content area with a Clinical Scenario-Based Question UI card: Title: “Clinical Scenario-Based Question” Left small panel: Patient Info Age: 32 Gender: Female Symptoms: low mood, insomnia, fatigue Center panel: Case Summary paragraph Question: “What is the most appropriate first-line treatment?” Multiple choice options (radio buttons) Highlight selected correct answer (SSRI) Explanation box below Right sidebar: Circular progress chart showing 85% score Stats: Questions Attempted, Accuracy “View Details” button Bottom section: “Track Your Progress” with graphs and stats Blue gradient CTA section: “Ready to Get Started?” with green button Style requirements: Clean UI, modern SaaS design Soft blue + white color palette with green accent buttons Rounded cards, subtle shadows Professional medical theme High spacing, neat typography Dashboard-style layout
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!