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

upd

Browse Source
This commit is contained in:
C4rnivore
2025-08-01 15:13:24 +05:00
parent 15dbeafb7c
commit cc819059d4
2 changed files with 30 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/AboutPage/AboutExperience.tsx
+23 -34
View File
@@ -2,28 +2,13 @@
"use client";
import React from "react";
import visualisationImg from "../../../../public/img/pages/about/experience/visualisation.png";
import demonstrationImg from "../../../../public/img/pages/about/experience/demonstrartion.png";
import presentationsImg from "../../../../public/img/pages/about/experience/presentations.png";
import sitesImg from "../../../../public/img/pages/about/experience/sites.png";
import toursImg from "../../../../public/img/pages/about/experience/tours.png";
import AboutEventCard from "./AboutEventCard";
import AboutAchievementsCard from "./AboutAchievementsCard";
import EventLogo1 from "../../../../public/img/pages/about/experience/EventLogo1.png";
import EventLogo2 from "../../../../public/img/pages/about/experience/EventLogo2.png";
import buildUpImage from "../../../../public/img/pages/about/experience/cards/build_up.png";
import dpImage from "../../../../public/img/pages/about/experience/cards/dp.png";
import mapImage from "../../../../public/img/pages/about/experience/cards/map.png";
import skImage from "../../../../public/img/pages/about/experience/cards/sk.png";
import tableImage from "../../../../public/img/pages/about/experience/cards/table.png";
import wowImage from "../../../../public/img/pages/about/experience/cards/wow.png";
import { ArticleCard } from "../BlogPage/ArticleCard";
import { useSearchParams } from "next/navigation";
import { useGetArticlesQuery } from "@/queries/getArticles";
import { motion } from "framer-motion";
import AboutEventCard from "./AboutEventCard";
import AboutAchievementsCard from "./AboutAchievementsCard";
export default function AboutExperience() {
const searchParams = useSearchParams();
@@ -33,32 +18,32 @@ export default function AboutExperience() {
return (
<div className="hidden max-lg:grid md:max-lg:grid-cols-3 md:max-lg:grid-rows-2 max-lg:w-full md:max-lg:gap-3 max-md:grid max-md:grid-cols-2 max-md:gap-[2.222vw]">
<AboutAchievementsCard
img={wowImage.src}
img={"/img/pages/about/experience/cards/wow.png"}
title="Заняли 1 место на WOW AWARDS 2024 совместно с застройщиком Upside Development"
className="relative w-full max-md:aspect-[165/240]"
/>
<AboutAchievementsCard
img={tableImage.src}
img={"/img/pages/about/experience/cards/table.png"}
title="Наш продукт зарегистрирован и включен в реестр отечественного ПО"
className="relative w-full md:max-lg:translate-y-[3.125vw] max-md:aspect-[165/240]"
/>
<AboutAchievementsCard
img={skImage.src}
img={"/img/pages/about/experience/cards/sk.png"}
title="Мы резиденты Сколково"
className="relative w-full max-md:aspect-[165/240]"
/>
<AboutAchievementsCard
img={buildUpImage.src}
img={"/img/pages/about/experience/cards/build_up.png"}
title="В 2023 году мы выиграли Build UP в категории IT"
className="relative w-full max-md:aspect-[165/240]"
/>
<AboutAchievementsCard
img={dpImage.src}
img={"/img/pages/about/experience/cards/dp.png"}
title="Каждый наш проект, получил одну или несколько наград на платформе Dprofile"
className="relative w-full md:max-lg:translate-y-[3.125vw] max-md:aspect-[165/240]"
/>
<AboutAchievementsCard
img={mapImage.src}
img={"/img/pages/about/experience/cards/map.png"}
title="Наши интерактивные столы стоят уже в 16 городах России"
className="relative w-full max-md:aspect-[165/240]"
/>
@@ -92,7 +77,7 @@ export default function AboutExperience() {
max-md:p-[4.444vw]"
>
<img
src={visualisationImg.src}
src={"/img/pages/about/experience/visualisation.png"}
className="w-[20.278vw] aspect-[292/252]
md:max-lg:w-[40.885vw] md:max-lg:aspect-[314/252]
max-md:w-[85vw]"
@@ -111,7 +96,7 @@ export default function AboutExperience() {
Удаленная демонстрация
</span>
<img
src={demonstrationImg.src}
src={"/img/pages/about/experience/demonstrartion.png"}
alt=""
className="absolute w-full max-lg:top-0"
/>
@@ -121,7 +106,11 @@ export default function AboutExperience() {
max-lg:border max-lg:border-[#FFFFFF1A] md:max-lg:p-[3.125vw]
max-md:p-[4.444vw]"
>
<img src={presentationsImg.src} alt="" className="w-full" />
<img
src={"/img/pages/about/experience/presentations.png"}
alt=""
className="w-full"
/>
<span className="absolute text-center headline1 bottom-[3.125vw] left-1/2 -translate-x-1/2 z-10">
Интерактивные <br /> презентации
</span>
@@ -135,7 +124,7 @@ export default function AboutExperience() {
Сайты
</span>
<img
src={sitesImg.src}
src={"/img/pages/about/experience/sites.png"}
alt=""
className="absolute h-full max-lg:top-0"
/>
@@ -146,7 +135,7 @@ export default function AboutExperience() {
max-md:p-[4.444vw]"
>
<img
src={toursImg.src}
src={"/img/pages/about/experience/tours.png"}
className="w-[20.278vw] aspect-[292/252]
md:max-lg:w-[40.885vw]
max-md:w-[85vw]"
@@ -247,32 +236,32 @@ export default function AboutExperience() {
<AchievementsCardsMobile />
</div>
<AboutAchievementsCard
img={tableImage.src}
img={"/img/pages/about/experience/cards/table.png"}
title="Наш продукт зарегистрирован и включен в реестр отечественного ПО"
className="top-0 left-[16.389vw] max-lg:hidden "
/>
<AboutAchievementsCard
img={wowImage.src}
img={"/img/pages/about/experience/cards/wow.png"}
title="Заняли 1 место на WOW AWARDS 2024 совместно с застройщиком Upside Development"
className="top-[8.333vw] left-0 max-lg:hidden "
/>
<AboutAchievementsCard
img={skImage.src}
img={"/img/pages/about/experience/cards/sk.png"}
title="Мы резиденты Сколково"
className="bottom-0 left-[8.194vw] max-lg:hidden "
/>
<AboutAchievementsCard
img={mapImage.src}
img={"/img/pages/about/experience/cards/map.png"}
title="Наши интерактивные столы стоят уже в 16 городах России"
className="top-0 right-[8.194vw] max-lg:hidden "
/>
<AboutAchievementsCard
img={dpImage.src}
img={"/img/pages/about/experience/cards/dp.png"}
title="Каждый наш проект, получил одну или несколько наград на платформе Dprofile"
className="bottom-[7.708vw] right-0 max-lg:hidden "
/>
<AboutAchievementsCard
img={buildUpImage.src}
img={"/img/pages/about/experience/cards/build_up.png"}
title="В 2023 году мы выиграли Build UP в категории IT"
className="bottom-0 right-[16.389vw] max-lg:hidden "
/>
src/components/pages/AboutPage/AboutTeam.tsx
+7 -20
View File
@@ -1,22 +1,9 @@
/* eslint-disable @next/next/no-img-element */
"use client";
import React from "react";
import GD from "../../../../public/img/pages/about/team/GD.png";
import PD from "../../../../public/img/pages/about/team/PD.png";
import devs from "../../../../public/img/pages/about/team/devs.png";
import designers from "../../../../public/img/pages/about/team/designers.png";
import cat from "../../../../public/img/pages/about/team/cat.png";
import mock from "../../../../public/img/pages/about/team/carousel-mock.png";
import { motion } from "framer-motion";
function TeamCarousel() {
function getOuterCircleStyle(index: number) {
return `
rotate(${index * 18}deg) translateX(10.5vw) rotate(-${index * 18}deg)
`;
}
return (
<div className="right-[-7.333vw] top-[-10.5vw] absolute w-[23.611vw] aspect-[1/1] md:max-lg:w-[44.141vw] md:max-lg:right-[-30vw] md:max-lg:">
<motion.div
@@ -30,7 +17,7 @@ function TeamCarousel() {
id="outer-team-circle"
className="w-[2.847vw] aspect-[1/1] bg-blue-500 rounded-full absolute md:max-lg:w-[5.339vw] max-md:w-[11.389vw]"
>
<img src={mock.src} alt="" />
<img src={"/img/pages/about/team/carousel-mock.png"} alt="" />
<style jsx>{`
#outer-team-circle {
transform: rotate(${index * 18}deg) translateX(10.5vw)
@@ -62,7 +49,7 @@ function TeamCarousel() {
id="inner-team-circle"
className="w-[2.847vw] aspect-[1/1] bg-blue-500 rounded-full absolute md:max-lg:w-[5.339vw] max-md:w-[11.389vw]"
>
<img src={mock.src} alt="" />
<img src={"/img/pages/about/team/carousel-mock.png"} alt="" />
<style jsx>{`
#inner-team-circle {
transform: translate(175%, 175%) rotate(${index * 45}deg)
@@ -126,7 +113,7 @@ export default function AboutTeam() {
max-md:p-[4.444vw] max-md:rounded-[4.444vw]"
>
<img
src={GD.src}
src={"/img/pages/about/team/GD.png"}
alt=""
className="w-[8.889vw] md:max-lg:w-[16.667vw] max-md:w-[35.556vw]"
/>
@@ -143,7 +130,7 @@ export default function AboutTeam() {
max-md:rounded-[4.444vw] max-md:p-[4.444vw]"
>
<img
src={devs.src}
src={"/img/pages/about/team/devs.png"}
alt=""
className="w-[34.514vw] md:max-lg:w-[60.677vw] max-md:w-[76.667vw]"
/>
@@ -174,7 +161,7 @@ export default function AboutTeam() {
max-md:p-[4.444vw] max-md:rounded-[4.444vw] "
>
<img
src={PD.src}
src={"/img/pages/about/team/PD.png"}
alt=""
className="w-[8.889vw] md:max-lg:w-[16.667vw] max-md:w-[35.556vw]"
/>
@@ -215,13 +202,13 @@ export default function AboutTeam() {
</h3>
</div>
<img
src={designers.src}
src={"/img/pages/about/team/designers.png"}
alt=""
className="h-full max-md:w-[61.111vw] max-md:h-[46.111vw] max-md:absolute max-md:top-[4.444vw] max-md:right-[4.444vw]"
/>
</div>
<img
src={cat.src}
src={"/img/pages/about/team/cat.png"}
alt=""
className="h-full scale-[1.2] mt-[1.111vw] -ml-[0.556vw]
md:max-lg:mt-[2.083vw] md:max-lg:-ml-[1.04vw]