const Home: NextPage = () ⇒ ReactElement ⇒ {
return (
<section id="home">
<Arrows />
<div className="container mx-auto flex h-full flex-col justify-center text-center lg:text-left">
<div className="relative">
<Htag level={1}>
HI I‘m <span className="text-secondary">Maksym<span />
</Htag>
<Paragraph size="large" className="mx-auto mb-10 max-w-sm lg:mx-0 lg:max-w-[30rem] xl:mb-12 inline-block">
I‘m user-interfaces and web - applications
<span className="font-medium typewriter text-action"> web-developer.</span>
</Paragraph>
<div className="flex items-center justify-center lg:justify-start px-4 lg:px-0">
<ButtonPrimary type="button">Contact me</ButtonPrimary>
</div>
</div>
</div>
</section>