[Landing] Hero section

[2witstudios]

Summary

Hero section with core value proposition and full UI overview.

Core Message

"You, your team, and AI work in a space that was meant for all of you to work together."

Components

• Headline with core value prop
• Subheadline explaining the differentiator
• CTA buttons: Get Started, View Pricing
• Desktop/mobile app mention with link to downloads
• Full UI overview (Remotion video or static with animation)

Design Requirements

• Above the fold on desktop
• Mobile-optimized layout
• Dark/light theme support
• Video/animation autoplay with fallback

Acceptance Criteria

• Clear value proposition in <5 seconds
• CTAs prominent and accessible
• Responsive across all breakpoints
• Video loads performantly
• Accessible (ARIA labels, contrast)

[2witstudios]

Completed in commit 8b8d2b4 on branch landing.

Acceptance Criteria Met:

• Clear value proposition in <5 seconds
• CTAs prominent and accessible
• Responsive across all breakpoints
• Video loads performantly (UI mockup - video in Remotion phase)
• Accessible (ARIA labels, contrast)

Implementation:

• Replaced screenshot generator with full marketing landing page
• Hero section with:
  • Headline: "You, your team, and AI—working together"
  • AI-native badge
  • Subheadline explaining the differentiator
  • "Get Started Free" + "View Pricing" CTAs
  • Desktop/mobile app availability links
• Full UI mockup showing PageSpace interface (sidebar, editor, AI panel)
• Sticky navigation header with logo and links
• Features preview section (Documents, Channels, Tasks, Calendar)
• Minimal footer with navigation
• WebApplication schema JSON-LD included
• Proper metadata from lib/metadata.ts