import React from "react" import useScreenSize from "@/hooks/use-screen-size" import MediaBetweenText from "@/components/fancy/blocks/media-between-text" const elements = [ { src: "https://cdn.cosmos.so/53454cbe-a4ec-4782-923f-a82d70e12645.mp4", left: "Tim", right: "Rodenböker", url: "https://www.instagram.com/tim_rodenbroeker/", }, { src: "https://cdn.cosmos.so/499ddb3b-57cf-4c07-996c-f797fadf64ab.mp4", left: "Simon ", right: "Alexander-Adams", url: "https://www.instagram.com/polyhop/", }, { src: "https://cdn.cosmos.so/444e4a2a-45a6-477f-b342-6b6bc9a7c53b.mp4", left: "Andreion", right: "de Castro", url: "https://www.instagram.com/andreiongd/", }, { src: "https://cdn.cosmos.so/f533f1a8-9f67-4360-b395-7abc8594cac9.mp4", left: "Lorraine", right: "Li", url: "https://www.instagram.com/lorrr.l/", }, ] export default function MediaBetweenTextScrollDemo() { const ref = React.useRef(null) const screenSize = useScreenSize() return (

today's inspo

Scroll down ↓

{elements.map((element, index) => ( ))}

) }

Media Between Text Scroll Demo

Instalação

Registry dependencies