mikhail_lanskikh/graff.estate-nextjs-updated
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tochno final fixes

Browse Source
This commit is contained in:
C4rnivore
2025-12-24 15:28:13 +05:00
parent db9ab4b488
commit 3406895532
7 changed files with 47 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/pages/results/projects/main.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

src/components/pages/Results2025/Desktop/ResultsProjects.tsx
+19 -17
View File
@@ -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
className="absolute left-1/2 font-medium line2 text-center text-[4.444vw] h-[8.403vw] z-10"
style={{ x: "-50%" }}
paragraphs={[
<>
Закончили разработку
<br />и сдали 24 проекта
</>,
<>
И теперь у нас более
<br /> 70 проектов
</>,
]}
shiftBreakpoints={[0.1, 0.2]}
scrollProgress={projectsScrollDiscrete}
/>
<div className="absolute left-1/2 font-medium line2 text-center text-[4.444vw] h-[8.403vw] z-10">
<ShiftText
style={{ x: "-50%" }}
paragraphs={[
<>
Закончили разработку
<br />и сдали 24 проекта
</>,
<>
И теперь у нас более
<br /> 70 проектов
</>,
]}
shiftBreakpoints={[0.1, 0.2]}
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
+1 -1
View File
@@ -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
+12 -2
View File
@@ -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'>
<ResutsCongratulations />
<SlideWrapper className="md:mt-[1.042vw] mt-[2.222vw] flex flex-col !h-max !snap-start !rounded-b-none">
<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 -1
View File
@@ -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
+2 -2
View File
@@ -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
+1 -7
View File
@@ -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>
</>
)}