import { useEffect, useRef } from "react"; import { motion } from "framer-motion";

export default function MinecraftChallengeShort() { const videoRef = useRef(null);

useEffect(() => { if (videoRef.current) { videoRef.current.play(); } }, []);

return ( <div className="w-full h-screen bg-black flex items-center justify-center"> <div className="max-w-md w-full aspect-video relative rounded-2xl overflow-hidden shadow-2xl"> <video ref={videoRef} className="w-full h-full object-cover" src="/minecraft-challenge.mp4" // 🔁 ضع رابط الفيديو هنا بعد الإخراج muted loop playsInline /> <motion.div initial={{ opacity: 0, y: 40 }} animate={{ opacity: 1, y: 0 }} transition={{ delay: 0.5, duration: 0.8 }} className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4 text-white text-sm" > <p className="font-bold text-lg mb-1"> أنا حطيت نفسي في تحدي مجنون... ممنوع ألمس الأرض في ماينكرافت! </p> <p className="mb-1">وكل بلوك بلمسه بيختفي 😰</p> <p className="mb-1">بس بص اللي حصل لما قابلت كريبر! 💥</p> <p className="text-yellow-400 mt-2">لو عايز جزء تاني… دوس لايك وسبلي تحدي أصعب! 🔥</p> </motion.div> </div> </div>

); }