Landing Page Planner

Build me a landing page with the following sections, in this exact order:

1. Navigation: A sticky navigation bar with logo on the left, centered links (Home, Features, Pricing, About), and a primary CTA button on the right. Collapses to a hamburger menu on mobile.
2. Hero Section: A hero section with a large bold headline, a subtitle paragraph, and two CTA buttons (primary + secondary). Add subtle background decoration or gradient.
3. Features Grid: A features section with heading and subtitle, then 3 or 6 feature cards in a responsive grid. Each card has an icon, title, and description.
4. CTA Banner: A bold CTA banner section with gradient or colored background, a compelling headline, short subtitle, and a large primary button.
5. Footer: A footer with 4 columns of links (Product, Company, Resources, Legal), social media icons, and copyright text. Dark background.

Requirements:
- Make it fully responsive (mobile, tablet, desktop)
- Use clean, modern design with consistent spacing
- Add smooth scroll between sections
- Use hover effects and subtle animations
- Ensure good contrast and accessibility