93:I[903690,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0zt6uezrjc89m.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3xq43ir2t7902.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3eqa6zdyi0ea7.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/10pk7j95y2dsq.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/392jkop5s_22u.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0n-x3aspzp3e2.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0o-tlt78ggel0.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/001c2fksllqct.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0zt6uezrjc89m.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3xq43ir2t7902.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3eqa6zdyi0ea7.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/10pk7j95y2dsq.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/392jkop5s_22u.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0n-x3aspzp3e2.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/0o-tlt78ggel0.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/001c2fksllqct.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_GQzhXtewbtJGEPkuyPoYNF1n9uG3"],"SWRDataProvider"] 95:T181d,[V0_FILE]typescriptreact:file="components/kokonutui/bento-grid.tsx" import type React from "react" import { cn } from "@/lib/utils" import { Home, MapPin, Compass, Building, Heart, HomeIcon, Camera } from "lucide-react" import Link from "next/link" import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card" interface BentoItem { title: string description: string icon: React.ReactNode status?: string tags?: string[] meta?: string cta?: string colSpan?: number hasPersistentHover?: boolean } interface BentoGridProps { items: BentoItem[] } const itemsSample: BentoItem[] = [ { title: "Luxury Beachfront Villa", meta: "4.9 (128 reviews)", description: "Stunning oceanfront property with private pool, modern amenities, and breathtaking sunset views. Perfect for family getaways.", icon: , status: "Superhost", tags: ["Beachfront", "Pool", "Luxury"], colSpan: 2, hasPersistentHover: true, }, { title: "Downtown Loft", meta: "$199/night", description: "Modern urban living in the heart of the city. Walking distance to restaurants and attractions.", icon: , status: "Instant Book", tags: ["Urban", "Modern"], }, { title: "Popular Areas", description: "Discover trending neighborhoods with the highest guest satisfaction", icon: , status: "New", }, { title: "Bali Villa", description: "A luxurious villa in Bali with a private pool and stunning views of the ocean", icon: , meta: "12 houses", tags: ["Housing", "Tools"], }, { title: "Travel Collections", description: "Curated lists of unique stays and experiences worldwide", icon: , meta: "Updated weekly", tags: ["Featured", "Curated"], }, { title: "Local Guide", meta: "6 cities", description: "Expert recommendations for local attractions and hidden gems", icon: , status: "Featured", tags: ["Local", "Guide"], }, { title: "Exclusive Experiences", meta: "100+ activities", description: "Unique adventures and memorable experiences curated by local experts. From cooking classes to outdoor expeditions.", icon: , status: "Premium", tags: ["Activities", "Local"], colSpan: 2, }, ] export default function BentoGrid({ items = itemsSample }: BentoGridProps) { return (

{items.map((item) => (

{item.icon}

{item.status || "Active"}

{item.title} {item.meta}

{item.description}

{item.tags?.map((tag) => ( #{tag} ))}

{item.cta || "Explore →"}

))}

) }89:["$","$L93",null,{"chatId":"YtRzGDof9lj","children":["$","$L94",null,{"data":{"@\"active-block\",\"YtRzGDof9lj\",":{"id":"b_nOLXA91mSiW","messageId":"2AS9K5TgFKpnlL60r083zYCz1Yz5xM6U","source":"$95","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"YtRzGDof9lj\",":false,"":null},"children":"$L96"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This