8f:I[903690,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"SWRDataProvider"] 91:T1040,[V0_FILE]typescriptreact:file="components/card-hover-effect-demo.tsx" import { HoverEffect } from "@/components/ui/card-hover-effect" export default function CardHoverEffectDemo() { return (

) } export const projects = [ { title: "Stripe", description: "A technology company that builds economic infrastructure for the internet.", link: "https://stripe.com", }, { title: "Netflix", description: "A streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices.", link: "https://netflix.com", }, { title: "Google", description: "A multinational technology company that specializes in Internet-related services and products.", link: "https://google.com", }, { title: "Meta", description: "A technology company that focuses on building products that advance Facebook's mission of bringing the world closer together.", link: "https://meta.com", }, { title: "Amazon", description: "A multinational technology company focusing on e-commerce, cloud computing, digital streaming, and artificial intelligence.", link: "https://amazon.com", }, { title: "Microsoft", description: "A multinational technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, personal computers, and related services.", link: "https://microsoft.com", }, ] [V0_FILE]typescriptreact:file="components/ui/card-hover-effect.tsx" import { cn } from "@/lib/utils" import { AnimatePresence, motion } from "framer-motion" import Link from "next/link" import { useState } from "react" export const HoverEffect = ({ items, className, }: { items: { title: string description: string link: string }[] className?: string }) => { const [hoveredIndex, setHoveredIndex] = useState(null) return (

{items.map((item, idx) => ( setHoveredIndex(idx)} onMouseLeave={() => setHoveredIndex(null)} > {hoveredIndex === idx && ( )} {item.title} {item.description} ))}

) } export const Card = ({ className, children, }: { className?: string children: React.ReactNode }) => { return (

{children}

) } export const CardTitle = ({ className, children, }: { className?: string children: React.ReactNode }) => { return

{children}

} export const CardDescription = ({ className, children, }: { className?: string children: React.ReactNode }) => { return

{children}

} 88:["$","$L8f",null,{"chatId":"rE7gz3kF6vY","children":["$","$L90",null,{"data":{"@\"active-block\",\"rE7gz3kF6vY\",":{"id":"b_eNuOpt5zq8w","messageId":"PcwOK8HMgNhy5lUx4KNrzPKRHMCsWTkX","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Card Hover Effect Demo","type":"code-project","project":"Card Hover Effect Demo"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"rE7gz3kF6vY\",":false},"children":"$L92"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This