design-infraReport a problem or share feedback← Catalog
Template · SaaS landing page
curatedtheme-awarefreeoc/template-landing
Full marketing page at app/page.tsx: navbar, split hero, marquee logo cloud, feature bento, stats, testimonials, pricing, FAQ, CTA banner and footer — all @oc blocks, all theme tokens. Install a theme first, then replace the copy.
$
npx shadcn@latest add @design-infra/template-landingnpm deps: lucide-react
Our notes
Starter page → app/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 10 @oc blocks. Preview: /templates/template-landing.- Source
- oc
- Kind
- template
- Categories
- hero, features, pricing, testimonials, faq, cta, footer
- Use as
- drop-in — replaces your component
- Applies to
- herofeaturespricingtestimonialsfaqctafooter
- Motion
- on loop · subtle · css · low cost · respects reduced motion
- Tags
- oc, template, oc/navbar, oc/hero-split, oc/logo-cloud, oc/feature-bento, oc/stats-row, oc/testimonials-grid, oc/pricing-simple, oc/faq, oc/cta-banner, oc/footer-columns
- Live demo
- www.owencoonahan.xyz
Similar
Compare all 4 →- Flip Wordsaceternity/flip-wordsRotating keyword in a headline ("Build ___ faster"). Keep to 3–5 words.
- Card Stackaceternity/card-stackCards stack on top of each other after some interval. Perfect for showing testimonials.
- Sparklesaceternity/sparklesA configurable sparkles component that can be used as a background or as a standalone component.