Create a modern landing page for [Product Name]:
Style & Branding:
- Color scheme:
- Typography:
Layout Structure:
- Navigation Bar
- Logo (left)
- Center menu
- Sign Up button (right)
- Hero Section
- Split layout
- Main headline
- Subheading
- CTAs
- Key metrics cards
- Social Proof Strip
- Brand logos
- Heading
- Features Grid
- 6 feature cards (3x2)
- Icon-led design
- How It Works
- 3-step process
- Connected steps
- Icons and explanations
- Platform Integration
- Integration logos
- Dashboard preview
- Cross-platform showcase
- Pricing Section
- 3-tier structure
- Comparison table
- Highlighted plan
- Testimonials
- Card carousel
- Customer stories
- Ratings
- FAQ Accordion
- Key questions
- Expandable sections
- Final CTA Section
- Dark background
- Email signup
- Trust badges
Footer
- 4-column layout
- Newsletter
- Links
- Social
Interactions
- Scroll animations
- Hover effects
- Transitions
- Loading states
Mobile
- Responsive layouts
- Touch optimization
Additional Elements:
Ensure all components use shadcn/ui where applicable and follow accessibility best practices. Include smooth scroll behavior and optimize for Core Web Vitals.