ui(preloader): replace logo with minimal spinner-only loader
This commit is contained in:
@ -1,7 +1,6 @@
|
||||
'use client';
|
||||
|
||||
import { FC, useEffect, useState } from 'react';
|
||||
import Image from 'next/image';
|
||||
import { motion, AnimatePresence } from 'framer-motion';
|
||||
|
||||
interface PreloaderProps {
|
||||
@ -36,26 +35,12 @@ const Preloader: FC<PreloaderProps> = ({ onComplete }) => {
|
||||
transition={{ duration: 0.5 }}
|
||||
className="flex flex-col items-center"
|
||||
>
|
||||
{/* Минимальный прелоадер без логотипа */}
|
||||
<motion.div
|
||||
initial={{ scale: 1 }}
|
||||
animate={{ scale: 1.2 }}
|
||||
transition={{
|
||||
duration: 4,
|
||||
ease: 'easeOut',
|
||||
repeat: Infinity,
|
||||
repeatType: 'loop',
|
||||
repeatDelay: 0,
|
||||
}}
|
||||
className="mb-6 relative w-[600px] h-[600px]"
|
||||
>
|
||||
<Image
|
||||
src="/images/logo.png"
|
||||
alt="Логотип СФЕРА"
|
||||
fill
|
||||
className="object-contain"
|
||||
priority
|
||||
/>
|
||||
</motion.div>
|
||||
className="mb-6 w-16 h-16 border-2 border-white/30 border-t-white rounded-full"
|
||||
animate={{ rotate: 360 }}
|
||||
transition={{ duration: 1, repeat: Infinity, ease: 'linear' }}
|
||||
/>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="text-white text-lg font-medium">Загрузка</div>
|
||||
|
Reference in New Issue
Block a user