Váš digitální partner
Software, který
posouvá byznys.
Vyvíjíme prémiové webové stránky, e-shopy a složité aplikace na míru. Od prvního návrhu až po úspěšné spuštění.
Hero.tsx
CTA.tsx
Navbar.tsx
Footer.tsx
PROJECT
▾ components
About.tsx
CTA.tsx
Footer.tsx
Hero.tsx
Navbar.tsx
Providers.tsx
Services.tsx
▸ app
▸ data
▸ public
▸ node_modules
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
export default function Hero() {
const ease: [number, number, number, number] = [0.16, 1, 0.3, 1]
return (
<main className="mt-8 flex flex-col items-center text-center">
<motion.div
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, ease }}
className="inline-flex items-center gap-2 px-3 py-1
rounded-full bg-[#F5F5F7] text-xs font-semibold"
>
<span className="flex h-2 w-2 rounded-full bg-[#0071E3]" />
Váš digitální partner
</motion.div>
<motion.h1
initial={{ opacity: 0, y: 30 }}
transition={{ duration: 0.8, delay: 0.1, ease }}
className="text-5xl md:text-7xl font-bold leading-[1.05]
tracking-tight text-[#1D1D1F] max-w-4xl"
>
Software, který <br />
posouvá byznys.
</motion.h1>
<motion.div className="mt-10 flex gap-4">
<a href="#kontakt"
className="px-8 py-3.5 rounded-full bg-[#0071E3] text-white">
Probrat projekt
</a>
<Link href="/projekty"
className="px-8 py-3.5 rounded-full text-[#1D1D1F]">
Ukázky naší práce <ChevronRight />
</Link>
</motion.div>
</main>
)
}
const ease: [number, number, number, number] = [0.16, 1, 0.3, 1]
return (
<main className="mt-8 flex flex-col items-center text-center">
<motion.div
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, ease }}
className="inline-flex items-center gap-2 px-3 py-1
rounded-full bg-[#F5F5F7] text-xs font-semibold"
>
<span className="flex h-2 w-2 rounded-full bg-[#0071E3]" />
Váš digitální partner
</motion.div>
<motion.h1
initial={{ opacity: 0, y: 30 }}
transition={{ duration: 0.8, delay: 0.1, ease }}
className="text-5xl md:text-7xl font-bold leading-[1.05]
tracking-tight text-[#1D1D1F] max-w-4xl"
>
Software, který <br />
posouvá byznys.
</motion.h1>
<motion.div className="mt-10 flex gap-4">
<a href="#kontakt"
className="px-8 py-3.5 rounded-full bg-[#0071E3] text-white">
Probrat projekt
</a>
<Link href="/projekty"
className="px-8 py-3.5 rounded-full text-[#1D1D1F]">
Ukázky naší práce <ChevronRight />
</Link>
</motion.div>
</main>
)
}
✓ compiled in 33msNext.js 16.2.2 (Turbopack)localhost:3000TSX UTF-8 Ln 26, Col 4