HomeBuyingRoadmap | Create a responsive, modern landing page for a digital homebuying platform called “FirstKeys.” The goal is to help first-time homebuyers understand the process and get matched with grants, resources, and checklists. The tone should be friendly, empowering, and clear. The design should reflect trust, simplicity, and inclusivity. ✅ Sections to Include Hero Section (Top of Page) Headline: “Take the Guesswork Out of Homebuying” Subheadline: “A step-by-step guide built for first-time buyers like you.” CTA Button: “Get Your Free Checklist” Background: Image or illustration of a happy diverse couple/family in front of a home How It Works 3 columns or steps with icons: Answer a few questions – so we understand your needs Match with grants and resources – based on your profile Follow your custom checklist – and buy your home confidently Features Use cards or icons to display features: Interactive checklist Document organizer Grant and program matcher Education hub (videos/articles) Testimonials (optional for placeholder) Add a quote or story from a fictional user (e.g., “This platform helped me understand everything I needed without feeling overwhelmed.” – Maria T.) Email Capture / CTA Headline: “Ready to take the first step?” Input field: Name + Email Button: “Get Started Free” Footer Links: About Us | FAQs | Contact | Terms & Privacy Social media icons 🎨 Style / Visual Guidance Font: Clean, rounded sans-serif (like Poppins or Inter) Colors: Blue tones for trust, warm accent color (e.g., orange or green) Layout: Grid-based, mobile responsive Imagery: Diverse, real-life inspired visuals of people buying homes 🛠️ Functionality Responsive on desktop and mobile Basic form validation for email capture Sections should be scrollable with anchor links Include placeholder backend for future integration (e.g., grant-matching tool)