8f:I[903690,["/chat-static/_next/static/immutable/chunks/2yy563704owg5.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/288tyemx96rvt.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/3andy-ypw7v3e.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/36mcxef_dju-o.js","/chat-static/_next/static/immutable/chunks/22oy-kw0t_wik.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3__zsxyhzg0xw.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/31q3dtbdomycj.js","/chat-static/_next/static/immutable/chunks/3hykr3pi3-n67.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/27vgv1738ibr-.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1sqsw1l_zcj52.js","/chat-static/_next/static/immutable/chunks/2tw1xt9xg6z5w.js","/chat-static/_next/static/immutable/chunks/3tktci1_fvshx.js","/chat-static/_next/static/immutable/chunks/0r1hc1jjtp8ni.js","/chat-static/_next/static/immutable/chunks/39b6kb95iib19.js","/chat-static/_next/static/immutable/chunks/3nyxpho2kbzkk.js","/chat-static/_next/static/immutable/chunks/39eb2kmpdon1l.js","/chat-static/_next/static/immutable/chunks/15j2l9ysttyad.js","/chat-static/_next/static/immutable/chunks/2ww7oozza38t6.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/3g0wpxfxxa0d4.js","/chat-static/_next/static/immutable/chunks/0lnb4vs21-a5s.js","/chat-static/_next/static/immutable/chunks/0sium3i1pl5dr.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/2zxw1g02stm8-.js","/chat-static/_next/static/immutable/chunks/1wrkmwn5mlljg.js","/chat-static/_next/static/immutable/chunks/2g1nme8al6bic.js"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/immutable/chunks/2yy563704owg5.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/288tyemx96rvt.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/3andy-ypw7v3e.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/36mcxef_dju-o.js","/chat-static/_next/static/immutable/chunks/22oy-kw0t_wik.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3__zsxyhzg0xw.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/31q3dtbdomycj.js","/chat-static/_next/static/immutable/chunks/3hykr3pi3-n67.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/27vgv1738ibr-.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1sqsw1l_zcj52.js","/chat-static/_next/static/immutable/chunks/2tw1xt9xg6z5w.js","/chat-static/_next/static/immutable/chunks/3tktci1_fvshx.js","/chat-static/_next/static/immutable/chunks/0r1hc1jjtp8ni.js","/chat-static/_next/static/immutable/chunks/39b6kb95iib19.js","/chat-static/_next/static/immutable/chunks/3nyxpho2kbzkk.js","/chat-static/_next/static/immutable/chunks/39eb2kmpdon1l.js","/chat-static/_next/static/immutable/chunks/15j2l9ysttyad.js","/chat-static/_next/static/immutable/chunks/2ww7oozza38t6.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/3g0wpxfxxa0d4.js","/chat-static/_next/static/immutable/chunks/0lnb4vs21-a5s.js","/chat-static/_next/static/immutable/chunks/0sium3i1pl5dr.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/2zxw1g02stm8-.js","/chat-static/_next/static/immutable/chunks/1wrkmwn5mlljg.js","/chat-static/_next/static/immutable/chunks/2g1nme8al6bic.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