Getting Started
Templates
Components
import { FeatureBentoGrid } from "@/components/ui/feature-bento-grid"
export default function Page() {
return (
<FeatureBentoGrid
FeatureBentoGrid| Prop | Type | Default | Description |
|---|---|---|---|
badge | string | undefined | Optional badge text displayed above the title |
title | string | "Build faster," | Main title text |
titleHighlight | string | "ship smarter." | Highlighted secondary title text (shown in muted color) |
subtitle | string | "Transform your development..." | Subtitle description text |
className | string | undefined | Additional CSS classes for the section |
The component includes a pre-built bento grid with:
Row 1 (3 columns):
Row 2 (2 columns):
Row 3 (2 columns):
This component requires:
motion for animationsnext/image for optimized images@/components/ui/dot-pattern for background patterns@/lib/utils for className utilities/testimonial-01.jpg)