2021-02-12 04:14:34 +01:00
|
|
|
export function HomeHero() {
|
|
|
|
return (
|
|
|
|
<div
|
2021-02-22 06:07:24 +01:00
|
|
|
style={
|
|
|
|
{
|
|
|
|
// transform: `translateX(17.5vw) translateY(-5vh)`,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
className="relative w-full h-full"
|
2021-02-12 04:14:34 +01:00
|
|
|
>
|
|
|
|
<img
|
2021-02-22 06:07:24 +01:00
|
|
|
style={{
|
|
|
|
transform: ``,
|
|
|
|
// Make image expand into sidebar direction
|
|
|
|
direction: 'rtl',
|
|
|
|
minWidth: '100%',
|
|
|
|
}}
|
|
|
|
className="absolute bottom-0 left-0 object-cover h-full transform"
|
2021-02-19 05:05:29 +01:00
|
|
|
src="/hero.svg"
|
2021-02-12 04:14:34 +01:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|