Getting Started
Templates
Components
Blocks
A structured bento grid section designed for showcasing platform services and capabilities. Features a header with dashboard preview, stats row with testimonial, kanban board mockup, and resource usage panel — all wrapped in a crosshatch-bordered container with corner cross decorations.
Key Features:
import { ServicesBentoGrid } from "@/components/ui/services-bento-grid"
export default function Example() {
return (
<ServicesBentoGrid
title={"Build, deploy, iterate\nwithout the friction"}
subtitle="One platform to manage your entire development lifecycle."
ctaText="Get Started Free"
ctaHref="/signup"
/>
)
}| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Build, deploy, iterate\nwithout the friction" | Section heading (supports \n) |
subtitle | string | Default description | Section subtitle text |
ctaText | string | "Get Started Free" | CTA button text |
ctaHref | string | "/get-started" | CTA button link |
className | string | undefined | Additional CSS classes |