1
0
Fork 0
This repository has been archived on 2025-08-23. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
backup-websites-2024-01/components/CallToAction.tsx

37 lines
1.2 KiB
TypeScript

import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action.jpg'
export function CallToAction() {
return (
<section
id="get-started-today"
className="relative overflow-hidden bg-blue-600 py-32"
>
<Image
className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src={backgroundImage}
alt=""
width={2347}
height={1244}
unoptimized
/>
<Container className="relative">
<div className="mx-auto max-w-xl text-center">
<h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
Posuňte svoji aplikaci dnes
</h2>
<p className="mt-4 text-lg tracking-tight text-white">
Je na čase pozvednout vaši infrastrukturu na dnešní standardy.
Vaše infrastruktura by měla nabídnout Vaši aplikaci světu, ne ji držet zpátky.
</p>
<Button href="https://calendly.com/vojtechmares/30min" color="white" className="mt-10">
Domluvme si schůzku
</Button>
</div>
</Container>
</section>
)
}