diff --git a/index.html b/index.html index a8c3f56..c402467 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ + diff --git a/src/components/Main/Clients.tsx b/src/components/Main/Clients.tsx index d162012..94d7ec7 100644 --- a/src/components/Main/Clients.tsx +++ b/src/components/Main/Clients.tsx @@ -56,7 +56,7 @@ function MarqueeHalf({
- + <Title className="lg:w-4/5 min-[2500px]:w-[70%]"> <span className="text-gradient"> Помогаем предприятиям снизить издержки, </span>{' '} @@ -49,6 +49,7 @@ export function Decreasing() { <video src="src/assets/decreasing/decreasing.mp4" autoPlay + playsInline muted loop className="object-cover w-full" diff --git a/src/components/Main/Distance.tsx b/src/components/Main/Distance.tsx index 6766c11..c7897d8 100644 --- a/src/components/Main/Distance.tsx +++ b/src/components/Main/Distance.tsx @@ -7,7 +7,7 @@ export function Distance() { itemType="http://schema.org/Distance" className="lg:py-[100px] py-14" > - <Title className="w-4/5 mb-6 lg:mb-14"> + <Title className="mb-6 lg:w-4/5 lg:mb-14"> Платформа GRAFF.training поволяет осуществлять <span className="text-gradient"> дистанционное обучение</span>{' '} с любого устройства diff --git a/src/components/Main/Efficiency.tsx b/src/components/Main/Efficiency.tsx index 5533f92..c31281e 100644 --- a/src/components/Main/Efficiency.tsx +++ b/src/components/Main/Efficiency.tsx @@ -63,7 +63,7 @@ function Figure({ const figureRef = useRef<HTMLSpanElement>(null); const motionValue = useMotionValue<number>(0); - const springValue = useSpring(motionValue, { damping: 5, stiffness: 100 }); + const springValue = useSpring(motionValue, { damping: 100, stiffness: 100 }); const isInView = useInView(root, { once: true, margin: '-200px' }); useEffect(() => { diff --git a/src/components/Main/ModalContainer.tsx b/src/components/Main/ModalContainer.tsx index 6d80c50..35e1df8 100644 --- a/src/components/Main/ModalContainer.tsx +++ b/src/components/Main/ModalContainer.tsx @@ -5,7 +5,7 @@ export function ModalContainer() { return ( modal && ( - <div className="fixed top-0 left-0 z-50 flex items-center justify-center w-full h-full transition-opacity bg-black bg-opacity-40"> + <div className="fixed top-0 left-0 z-50 flex items-center justify-center w-full h-full transition-opacity bg-black bg-opacity-90 [backdrop-filter:blur(10px);]"> <div onClick={e => e.stopPropagation()} className="cursor-default"> {modal} </div> diff --git a/src/components/Main/MultiUser.tsx b/src/components/Main/MultiUser.tsx index 96e49c8..a56fd6f 100644 --- a/src/components/Main/MultiUser.tsx +++ b/src/components/Main/MultiUser.tsx @@ -17,7 +17,7 @@ export function MultiUser() { <br className="lg:hidden" /> режим обучения -
+
>( src={src[0]} muted loop + playsInline autoPlay className="object-cover object-center w-full h-full -mb-px" onPlaying={() => setBuffering(false)} diff --git a/src/components/Main/Projects.tsx b/src/components/Main/Projects.tsx index b97eef2..0546b90 100644 --- a/src/components/Main/Projects.tsx +++ b/src/components/Main/Projects.tsx @@ -14,7 +14,7 @@ export function Projects() { itemType="https://schema.org/Projects" className="lg:space-y-14 space-y-6 lg:pt-[100px] py-14" > - + <Title className="lg:w-4/5"> <span className="text-gradient">Большой опыт в работе</span>{' '} с промышленными предприятиями и учебными заведениями diff --git a/src/components/Main/Showreel.tsx b/src/components/Main/Showreel.tsx index ca844f5..9584572 100644 --- a/src/components/Main/Showreel.tsx +++ b/src/components/Main/Showreel.tsx @@ -22,7 +22,8 @@ export function Showreel() { autoPlay loop muted - className="w-full aspect-[1552/616] object-cover self-stretch" + playsInline + className="w-full aspect-[21/10] object-cover self-stretch" />