diff --git a/src/pages/tarot/Tarot.jsx b/src/pages/tarot/Tarot.jsx new file mode 100644 index 0000000..1d3d727 --- /dev/null +++ b/src/pages/tarot/Tarot.jsx @@ -0,0 +1,68 @@ +import React, { useRef, useEffect } from 'react'; +import { Link } from 'react-router-dom'; +import './Tarot.css'; + +export default function Tarot() { + const videoRef = useRef(null); + useEffect(() => { + const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; + const saveData = navigator.connection?.saveData; + if ((reduced || saveData) && videoRef.current) { + videoRef.current.pause(); + videoRef.current.style.display = 'none'; + } + }, []); + + return ( +
+