Landing Page

Create a hero section with:
- Bold headline that states the main benefit (not features)
- Subheadline that expands on the value
- Primary CTA button (most important action)
- Secondary CTA or link (less commitment option)
- Hero image or product screenshot
- Optional: trust badges or social proof

Style the hero section:
- Large, readable headline (text-5xl or bigger)
- Gradient or bold background
- CTA buttons with strong contrast
- Subtle animation on the image/screenshot
- Responsive for mobile (stack vertically)

Add a social proof section below the hero:
- Logos of companies using your product, OR
- "Trusted by X,000 users", OR
- Star rating with review count
- Keep it subtle, not overwhelming

Create a features section with:
- Section headline: "Everything you need to [achieve goal]"
- 3-4 feature cards in a grid
- Each card: icon, title, brief description
- Focus on benefits, not just features
- Optional: screenshot or illustration for each

Feature: Automated Reports
Benefit: "Save 5 hours every week with reports that write themselves"

Add a "How It Works" section:
- 3 simple steps
- Each step: number, title, description
- Visual flow (arrows or timeline)
- Ends with CTA button

Create a testimonials section:
- Section headline: "What Our Customers Say"
- 3 testimonial cards
- Each shows: quote, name, company/role, photo
- Optional: company logo
- Consider a carousel for more testimonials

Create a pricing section with:
- 2-3 pricing tiers in cards
- Highlight the recommended tier
- Each shows: plan name, price, features list, CTA
- Monthly/annual toggle if applicable
- Money-back guarantee badge

Add an FAQ section with:
- Accordion-style Q&A
- 5-8 common questions
- Address objections and concerns
- Include pricing, security, support questions
- Add "Still have questions? Contact us" at the bottom

Add a final CTA section before the footer:
- Compelling headline: "Ready to [achieve benefit]?"
- Brief reinforcing text
- Primary CTA button (same as hero)
- Trust element (guarantee, testimonial snippet)

Add an email signup form:
- Can be in hero, floating bar, or dedicated section
- Simple: just email input + button
- Clear value proposition ("Get weekly tips")
- Collect emails with Kleap Forms (KleapForm)

Make the email form functional:
- Validate email format
- Check for duplicate submissions
- Save submissions with Kleap Forms (they land in your dashboard)
- Show success message
- Get an email notification on each signup

Create a footer with:
- Company logo
- Navigation links
- Legal links (Privacy, Terms)
- Social media links
- Copyright notice
- Optional: newsletter signup

Ensure mobile-first design:
- Readable text sizes on mobile
- Stacked layouts
- Full-width CTAs
- Easy tap targets
- Fast loading

Optimize for speed:
- Compress and lazy load images
- Minimize JavaScript
- Use Astro's image handling (or `<img loading="lazy">`)
- Target <3 second load time

Add SEO elements:
- Compelling meta title and description
- Open Graph tags for social sharing
- Structured data for rich snippets
- Fast loading (affects rankings)