Bento Grid 1

import {
    BentoGrid,
    BentoItem,
    ChatMessaging,
    CompanyLogos,
} from "@/registry/blocks/bento-grid/one/bento-grid-template-one";

export default function BentoGridOne() {
    const items: BentoItem[] = [
        {
            id: "1",
            type: "feature",
            title: "World-Class Information Design",
            description:
                "Transform complex data into crisp visuals that quickly tell your story.",
            image:
                "https://assets.solaceui.com/solaceui-hero-video.jpg",
        },
        {
            id: "2",
            type: "chat",
            content: <ChatMessaging />,
        },
        {
            id: "3",
            type: "partners",
            title: "Connected Everywhere",
            description:
                "Embed your work seamlessly across your favorite platforms for instant sharing.",
            content: <CompanyLogos />,
        },
    ];

    return (
        <main className="flex min-h-screen flex-col items-center justify-center p-4 md:p-24 ">
            <BentoGrid items={items} />
        </main>
    );
}