Files
graff.estate-nextjs-updated/src/components/pages/cases/UpsideTowers/UpsideHero.tsx
T
2026-04-10 14:05:28 +05:00

64 lines
2.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* 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>
);
}