Loading...
Loading...
> Landing page hero with terminal-style branding, animated code preview, and call-to-action buttons.
Skip auth, billing, emails. Focus on your product.
1import { HeroSection } from "@/components/marketing/hero-section";23export default function LandingPage() {4 return (5 <main>6 <Navigation />7 <HeroSection />8 {/* Other sections */}9 </main>10 );11}
Production-ready Next.js boilerplate with auth, payments, and more.
1import { HeroSplit } from "@/components/marketing/hero-split";23<HeroSplit4 title="Ship faster with Fabrk"5 description="Production-ready Next.js boilerplate"6 cta={{ label: "> GET STARTED", href: "#pricing" }}7/>
1// Terminal window with bracketed header2<div className="border border-border bg-card">3 <div className="flex items-center border-b px-4 py-2">4 <span className="font-mono text-xs text-muted-foreground">[ TERMINAL ] bash</span>5 </div>6 <div className="p-4 font-mono text-xs">7 {/* Terminal content */}8 </div>9</div>
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Main headline text |
| subtitle | string | - | Secondary text below headline |
| primaryCta | { label: string; href: string } | - | Primary call-to-action button |
| secondaryCta | { label: string; href: string } | - | Secondary/outline button |