diff --git a/src/components/Temp-Placeholder.tsx b/src/components/Temp-Placeholder.tsx index e68adec..914e1fa 100644 --- a/src/components/Temp-Placeholder.tsx +++ b/src/components/Temp-Placeholder.tsx @@ -7,6 +7,24 @@ import { useEffect, useRef, useState } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { DepthMap } from "./DepthMap"; import Image from "next/image"; +import { HoverCard, HoverCardContent, HoverCardTrigger } from "@/components/ui/hover-card"; + +// Helper function to extract YouTube video ID from URL +function extractYouTubeVideoId(url: string): string | null { + const patterns = [ + /(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&\n?#]+)/, + /youtube\.com\/embed\/([^&\n?#]+)/ + ]; + + for (const pattern of patterns) { + const match = url.match(pattern); + if (match) { + return match[1]; + } + } + + return null; +} export function TempPlaceholder() { const titleRef = useRef(null); @@ -273,67 +291,147 @@ export function TempPlaceholder() {
  • • - - Post Malone - I Had Some Help
    - (feat. Morgan Wallen) - (feat. Morgan Wallen) -     + + + + Post Malone - I Had Some Help
    + (feat. Morgan Wallen) + (feat. Morgan Wallen) +     +     + +