import React, { useState, useEffect } from 'react'; import { Clock, Gift, ArrowRight } from 'lucide-react'; const App = () => { // Состояние для таймера (10 минут = 600 секунд) const [timeLeft, setTimeLeft] = useState(600); useEffect(() => { if (timeLeft <= 0) return; const timer = setInterval(() => { setTimeLeft((prev) => prev - 1); }, 1000); return () => clearInterval(timer); }, [timeLeft]); // Форматирование времени const minutes = Math.floor(timeLeft / 60); const seconds = timeLeft % 60; const timeString = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; return ( <> {/* Подключение элегантных шрифтов */} {/* ГЛАВНЫЙ КОНТЕЙНЕР (Обязательно relative и z-0 для создания контекста наложения в Тильде) */}
{/* ФОНОВОЕ ВИДЕО (Нижний слой: z-[-1] и pointer-events-none гарантируют, что оно всегда сзади) */}
); }; export default App;