tochno final fixes

src/components/pages/Results2025/Desktop/ResultsProjects.tsx

@@ -51,7 +51,7 @@ export default function ResultsProjects() {
             >
               <ResultsProjectsItem src="/img/pages/results/projects/5.png" />
               <ResultsProjectsItem src="/img/pages/results/projects/6.png" />
-              <ResultsProjectsItem src="/img/pages/results/projects/main.png" />
+              <ResultsProjectsItem src="/img/pages/results/projects/main.jpg" />
               <ResultsProjectsItem src="/img/pages/results/projects/7.png" />
               <ResultsProjectsItem src="/img/pages/results/projects/5.png" />
             </motion.div>
@@ -70,22 +70,24 @@ export default function ResultsProjects() {
             </motion.div>
           </motion.div>
 
-          <ShiftText
+          <div className="absolute left-1/2 font-medium line2 text-center text-[4.444vw] h-[8.403vw] z-10">
-            className="absolute left-1/2 font-medium line2 text-center text-[4.444vw] h-[8.403vw] z-10"
+            <ShiftText
-            style={{ x: "-50%" }}
+              style={{ x: "-50%" }}
-            paragraphs={[
+              paragraphs={[
-              <>
+                <>
-                Закончили разработку
+                  Закончили разработку
-                <br />и сдали 24 проекта
+                  <br />и сдали 24 проекта
-              </>,
+                </>,
-              <>
+                <>
-                И теперь у нас более
+                  И теперь у нас более
-                <br /> 70 проектов
+                  <br /> 70 проектов
-              </>,
+                </>,
-            ]}
+              ]}
-            shiftBreakpoints={[0.1, 0.2]}
+              shiftBreakpoints={[0.1, 0.2]}
-            scrollProgress={projectsScrollDiscrete}
+              scrollProgress={projectsScrollDiscrete}
-          />
+            />
+            <div className="bg-black w-full h-3/4 absolute top-1/2  opacity-50 -translate-x-1/2 -translate-y-1/2 z-[-1] rounded-[100vw] blur-[50px]" />
+          </div>
         </div>
       </div>
 

src/components/pages/Results2025/MobileAlt/components/SnapWrapper.tsx

@@ -64,7 +64,7 @@ export default function SnapWrapper({ children }: SnapWrapperProps) {
 
     // Ensure body has enough height for minimal scroll on iOS
     const originalBodyMinHeight = document.body.style.minHeight;
-    document.body.style.minHeight = "101vh";
+    document.body.style.minHeight = "100vh";
 
     container.addEventListener("scroll", handleScroll, { passive: true });
 

src/components/pages/Results2025/MobileAlt/slides/congratulations/MobileCongratulations.tsx

@@ -4,11 +4,21 @@ import React, { useEffect, useRef, useState } from "react";
 import { CircularProgressbar } from "react-circular-progressbar";
 import SlideWrapper from "../../components/SlideWrapper";
 import ResutsCongratulations from "../../../Desktop/ResutsCongratulations";
+import { Feedback } from "@/components/Layout/Feedback";
+import { Footer } from "@/components/Layout/Footer";
 
 export default function MobileCongratulations() {
   return (
-    <SlideWrapper className='md:mt-[1.042vw] mt-[2.222vw] flex flex-col bg-[url("/img/pages/results/components/gradients/mobile-purple.png")] bg-center bg-cover bg-no-repeat !h-max !snap-start'>
+    <SlideWrapper className="md:mt-[1.042vw] mt-[2.222vw] flex flex-col !h-max !snap-start !rounded-b-none">
-      <ResutsCongratulations />
+      <div className='bg-[url("/img/pages/results/components/gradients/mobile-purple.png")] bg-center bg-cover bg-no-repeat  md:rounded-[5.208vw] rounded-[11.111vw] overflow-hidden'>
+        <ResutsCongratulations />
+      </div>
+      <div className="px-[10px] pt-[10px] snap-start">
+        <Feedback />
+      </div>
+      <div className="snap-start">
+        <Footer />
+      </div>
     </SlideWrapper>
   );
 }

src/components/pages/Results2025/MobileAlt/slides/garland/Garland.tsx

@@ -12,12 +12,23 @@ export default function ResultsGarlandMobile({ isMd }: { isMd: boolean }) {
   const { setModal } = useModalStore();
   // const { isMd } = useMediaQueries();
   const [videoExpanded, setVideoExpanded] = useState(false);
+  const [videoLoaded, setVideoLoaded] = useState(false);
 
   useEffect(() => {
+    if (!videoLoaded) return;
+
     const timeout = setTimeout(() => {
       setVideoExpanded(true);
-    }, 4000);
+    }, 2000);
+
     return () => clearTimeout(timeout);
+  }, [videoLoaded]);
+
+  useEffect(() => {
+    const video = containerRef.current?.querySelector("video");
+    if (video) {
+      video.addEventListener("loadeddata", () => setVideoLoaded(true));
+    }
   }, []);
 
   return (

src/components/pages/Results2025/MobileAlt/slides/projects/Projects.tsx

@@ -132,7 +132,7 @@ export default function Projects({ isMd }: { isMd: boolean }) {
           <ProjectsRowWrapper offsetDirection={1}>
             <ResultsProjectsItem src="/img/pages/results/projects/2.png" />
             <ResultsProjectsItem src="/img/pages/results/projects/6.png" />
-            <ResultsProjectsItem src="/img/pages/results/projects/main.png" />
+            <ResultsProjectsItem src="/img/pages/results/projects/main.jpg" />
             <ResultsProjectsItem src="/img/pages/results/projects/7.png" />
             <ResultsProjectsItem src="/img/pages/results/projects/2.png" />
           </ProjectsRowWrapper>
@@ -147,7 +147,7 @@ export default function Projects({ isMd }: { isMd: boolean }) {
           <ProjectsRowWrapper offsetDirection={1}>
             <ResultsProjectsItem src="/img/pages/results/projects/2.png" />
             <ResultsProjectsItem src="/img/pages/results/projects/6.png" />
-            <ResultsProjectsItem src="/img/pages/results/projects/main.png" />
+            <ResultsProjectsItem src="/img/pages/results/projects/main.jpg" />
             <ResultsProjectsItem src="/img/pages/results/projects/7.png" />
             <ResultsProjectsItem src="/img/pages/results/projects/2.png" />
           </ProjectsRowWrapper>

src/components/pages/Results2025/Results2025.tsx

@@ -88,14 +88,8 @@ export function Results2025() {
             <Modules />
             <Details />
             <Team />
+            {/* Footer and Feedback in MobileCongratulations */}
             <MobileCongratulations />
-
-            <div className="px-[10px] pt-[10px] snap-start">
-              <Feedback />
-            </div>
-            <div className="snap-start">
-              <Footer />
-            </div>
           </SnapWrapper>
         </>
       )}