64 lines
2.4 KiB
TypeScript
64 lines
2.4 KiB
TypeScript
/* eslint-disable @next/next/no-img-element */
|
||
import SkolkovoIcon from "@/components/icons/SkolkovoIcon";
|
||
import React from "react";
|
||
import UpsideHeroCard from "./components/UpsideHeroCard";
|
||
|
||
export default function UpsideHero() {
|
||
return (
|
||
<div>
|
||
<h1 className="lg:text-[6.667vw] md:text-[6.25vw] text-[8.889vw] lg:mb-[5vw] md:mb-[6.25vw] mb-[11.111vw] font-medium leading-[85%] tracking-[-0.04em] lg:-mx-[1vw] text-center z-[2]">
|
||
Интерактивная презентация <br /> жилого комплекса{" "}
|
||
<span className="text-[#23FF00]">Апсайд Тауэрс</span>
|
||
</h1>
|
||
|
||
<img
|
||
src="/img/cases/UpsideTowers/hero/hero.avif"
|
||
alt=""
|
||
fetchPriority="high"
|
||
className="lg:w-[69.444vw] lg:h-[59.444vw] object-cover mx-auto z-[1] overflow-visible"
|
||
/>
|
||
|
||
<div className="flex max-md:flex-wrap lg:h-[11.389vw] md:h-[16.536vw] h-[70.556vw] lg:w-[83.333vw] md:w-[95.833vw] lg:mx-auto lg:gap-[0.833vw] md:gap-[1.042vw] gap-[2.222vw] z-[2] max-md:mt-[-7vw]">
|
||
<UpsideHeroCard
|
||
className="max-md:h-[35.278vw] max-md:w-[46.111vw]"
|
||
title="Застройщик:"
|
||
>
|
||
<p className="lg:text-[1.667vw] md:text-[2.344vw] text-[5vw] leading-[135%] tracking-[0]">
|
||
Upside
|
||
<br /> Девелопмент
|
||
</p>
|
||
</UpsideHeroCard>
|
||
|
||
<UpsideHeroCard
|
||
className="max-md:h-[35.278vw] max-md:w-[46.111vw]"
|
||
title="Партнер:"
|
||
>
|
||
<div className="text-black bg-[#B5F54E] lg:p-[0.764vw] md:p-[1.172vw] p-[2.5vw] lg:size-[3.472vw] md:size-[5.599vw] size-[11.944vw] lg:rounded-[0.556vw] md:rounded-[0.911vw] rounded-[1.944vw]">
|
||
<SkolkovoIcon />
|
||
</div>
|
||
</UpsideHeroCard>
|
||
|
||
<UpsideHeroCard
|
||
className="max-md:h-[35.278vw] max-md:w-[46.111vw]"
|
||
title="Продукт:"
|
||
>
|
||
<p className="lg:text-[1.667vw] md:text-[2.344vw] text-[5vw] leading-[135%] tracking-[0]">
|
||
GRAFF.estate
|
||
</p>
|
||
</UpsideHeroCard>
|
||
|
||
<UpsideHeroCard
|
||
className="max-md:h-[35.278vw] max-md:w-[46.111vw]"
|
||
title="Награды проекта"
|
||
>
|
||
<img
|
||
src="/img/cases/UpsideTowers/hero/awards.png"
|
||
alt=""
|
||
className="lg:w-[15.972vw] object-cover"
|
||
/>
|
||
</UpsideHeroCard>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|