25 lines
743 B
TypeScript
25 lines
743 B
TypeScript
/* eslint-disable @next/next/no-img-element */
|
||
import Section from "../ui/Section";
|
||
|
||
export default function Hero() {
|
||
return (
|
||
<Section
|
||
id="hero"
|
||
className="bg-[url('/img/bg/sky.png')]"
|
||
headerColorScheme="Light"
|
||
>
|
||
<h1 className="text-[7.778vw] leading-[0.7] w-full font-light flex flex-col gap-[0.556vw] select-none text-white">
|
||
<span className="block">Жизнь на высоте</span>
|
||
<span className="block ml-auto">с видом на залив</span>
|
||
</h1>
|
||
|
||
<img
|
||
src="/img/mocks/building.png"
|
||
alt="Hero"
|
||
draggable={false}
|
||
className="object-cover absolute bottom-0 left-1/2 -translate-x-1/2 w-[75%] select-none"
|
||
/>
|
||
</Section>
|
||
);
|
||
}
|