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