home

Summary

The public landing page: hero, six features, three plans, a call to action and the footer.

Raw wireframe

• .context/designs/web/home/home.html

Why it is drawn this way

"100% free" sits above two paid plans. The trust line reads "No credit card required • Start recording in seconds • 100% free". The same page sells Pro at $14 and Team at $29.

The plan cards are a third copy. home-page.tsx declares its own PRICING_PLANS. data/pricing.ts has PRICING_TIERS for the pricing page and an unused PRICING_PREVIEW. The three lists differ in wording.

Team shows $29/month with no "per seat". The card renders price and period only.

The footer's Pricing link goes nowhere. It points to /#pricing. PricingSection sets no id, so no element answers. /#features works because FeaturesSection hard-codes id="features". Both are drawn as same-page anchors.

The hero visual is a placeholder. A gradient square in a box. No screenshot of the product.

Only this page has a footer. HomeFooter is rendered by home-page.tsx, not by the layout.

Unverified claims. "Join thousands of users", sharing "via email", and "Now in Beta" are copy. No code backs them.

Related

• pricing
• features
• recorder
• plans
• brand-and-accent

Sources

• apps/website/src/components/home/home-page.tsx
• apps/website/src/config/footer.config.tsx
• packages/ui/src/components/marketing/hero-section.tsx
• packages/ui/src/components/layout/public-footer.tsx