refactor: change language to Czech
This commit is contained in:
parent
8280fb59d6
commit
26afd703ac
GPG key ID:
C6827B976F17240D
11 changed files with 140 additions and 156 deletions
|
|
@ -19,16 +19,16 @@ export function CallToAction() {
|
|||
unoptimized
|
||||
/>
|
||||
<Container className="relative">
|
||||
<div className="mx-auto max-w-lg text-center">
|
||||
<div className="mx-auto max-w-xl text-center">
|
||||
<h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
|
||||
Deploy your app today
|
||||
Posuňte svoji aplikaci už dnes
|
||||
</h2>
|
||||
<p className="mt-4 text-lg tracking-tight text-white">
|
||||
It’s time to step up your infrastructure. Your infrastructure should bring your
|
||||
application to the world, not to hold it back.
|
||||
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="/contact" color="white" className="mt-10">
|
||||
Schedule a 30 minute call
|
||||
<Button href="https://calendly.com/vojtechmares/30min" color="white" className="mt-10">
|
||||
Domluvme si schůzku
|
||||
</Button>
|
||||
</div>
|
||||
</Container>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
import Image from 'next/image'
|
||||
import { Tab } from '@headlessui/react'
|
||||
import clsx from 'clsx'
|
||||
|
||||
import { Container } from './Container'
|
||||
|
||||
|
|
@ -8,80 +6,78 @@ import logoKubernetes from '@/images/logos/tools/kubernetes.svg'
|
|||
import logok3s from '@/images/logos/tools/k3s.svg'
|
||||
import logoRancher from '@/images/logos/tools/rancher.svg'
|
||||
import logoAWS from '@/images/logos/tools/amazonaws.svg'
|
||||
import logoOpenStack from '@/images/logos/tools/openstack.svg'
|
||||
import logoDigitalOcean from '@/images/logos/tools/digitalocean.svg'
|
||||
import logovmware from '@/images/logos/tools/vmware.svg'
|
||||
import logoGCP from '@/images/logos/tools/googlecloud.svg'
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Kubernetes',
|
||||
summary: 'Stay on top of things with always up-to-date reporting features.',
|
||||
summary: 'Open Source systém pro automatizaci deploymentů, škálování a správu kontejnerizovaných aplikací.',
|
||||
description:
|
||||
'We talked about reporting in the section above but we needed three items here, so mentioning it one more time for posterity.',
|
||||
'Kubernetes je na platformě nezávislý systém, díky kterému může běžet vaše aplikace u vás v datacentru, v public cloudu nebo třeba v okrajových lokalitách, a nebo třeba na všech najednou, bez problému.',
|
||||
icon: logoKubernetes,
|
||||
iconColor: '#326CE5',
|
||||
},
|
||||
{
|
||||
name: 'k3s',
|
||||
name: 'k3s & rke2',
|
||||
summary:
|
||||
'Never lose track of what’s in stock with accurate inventory tracking.',
|
||||
'k3s: lehká distrubuce Kubernetes; rke2: Kubernetes do vašeho datacentra.',
|
||||
description:
|
||||
'We don’t offer this as part of our software but that statement is inarguably true. Accurate inventory tracking would help you for sure.',
|
||||
'k3s i rke2 jsou velice snadno instalovatelné distribuce Kubernetes, které můžete nainstalovat úplně všude a přitom mít stále k dispozici celý Kubernetes ekosystém, bez kompromisů.',
|
||||
icon: logok3s,
|
||||
iconColor: '#FFC61C',
|
||||
},
|
||||
{
|
||||
name: 'Rancher',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Kubernetes jako služba, ve vašem datacentru.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'Platforma, pro vaše Kubernetes clustery. Komplexní řešení celého životního cyklu clusteru. Neřešte každodení problémy, nechte je řešit Rancher řešit za vás.',
|
||||
icon: logoRancher,
|
||||
iconColor: '#0075A8',
|
||||
},
|
||||
{
|
||||
name: 'AWS',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Největší veřejný cloud. Máte problém? AWS má na to službu.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'Amazon Web Services (AWS) je cloudový poskytovatel služeb, včetně ukládání obrovských objemů dat, výpočetního výkonu a sítí. To vše aby pomohli firmám i jednotlivcům růst. AWS je nejrozšířenější poskytovatel, který je cenově dostupný, flexibilní cesta, jak stavět a provozovat aplikace a služby.',
|
||||
icon: logoAWS,
|
||||
iconColor: '#232F3E',
|
||||
},
|
||||
{
|
||||
name: 'Google Cloud Platform',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
icon: logoGCP,
|
||||
iconColor: '#4285F4',
|
||||
},
|
||||
// {
|
||||
// name: 'Google Cloud Platform',
|
||||
// summary:
|
||||
// 'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
// description:
|
||||
// 'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
// icon: logoGCP,
|
||||
// iconColor: '#4285F4',
|
||||
// },
|
||||
{
|
||||
name: 'DigitalOcean',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Jednoduchý cloudový poskytovatel, ve kterém se neztratíte.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'DigitalOcean patří k menším cloudovým poskytovatelům, avšak jejich portfolio vám pro vaši aplikaci bohatě stačí a nebudete se ztrácet v komplexitě velkých poskytovatelů se spoustou služeb.',
|
||||
icon: logoDigitalOcean,
|
||||
iconColor: '#0080FF',
|
||||
},
|
||||
// {
|
||||
// name: 'OpenStack',
|
||||
// summary:
|
||||
// 'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
// description:
|
||||
// 'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
// icon: logoOpenStack,
|
||||
// iconColor: '#ED1944',
|
||||
// },
|
||||
{
|
||||
name: 'OpenStack',
|
||||
name: 'VMware',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Populární řešení pro správu vaše datacentra, od virtuálních serverů až po úložiště.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
icon: logoOpenStack,
|
||||
iconColor: '#ED1944',
|
||||
},
|
||||
{
|
||||
name: 'VMWare',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'VMware je virtualizační platforma, která umožňuje vytvářet a spravovat virtuální servery a jejich fyzickém hardwaru. Zároveň umožňuje vytvářet oddělená prostředí například pro vývoj a ostrý provoz, tak i pro zcela různé aplikace.',
|
||||
icon: logovmware,
|
||||
iconColor: '#607078',
|
||||
},
|
||||
|
|
@ -116,7 +112,9 @@ function Feature({ feature, className, ...props }: FeatureProps) {
|
|||
<p className="mt-2 font-display text-xl text-slate-900">
|
||||
{feature.summary}
|
||||
</p>
|
||||
<p className="mt-4 text-sm text-slate-600">{feature.description}</p>
|
||||
<p className="mt-4 text-sm text-slate-600">
|
||||
{feature.description}
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -157,10 +155,10 @@ export function Environment() {
|
|||
<Container>
|
||||
<div className="mx-auto max-w-2xl md:text-center">
|
||||
<h2 className="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl">
|
||||
Any platform, anywhere
|
||||
Jakákoliv platforma, kdekoliv
|
||||
</h2>
|
||||
<p className="mt-4 text-lg tracking-tight text-slate-700">
|
||||
From public cloud, over on premise to edge solutions, it is all fine. I've got you covered.
|
||||
Od veřejného cloudu přes on-premise až po serverless, se vším vám poradím.
|
||||
</p>
|
||||
</div>
|
||||
<FeaturesMobile />
|
||||
|
|
|
|||
|
|
@ -9,19 +9,10 @@ export function Footer() {
|
|||
return (
|
||||
<footer className="bg-slate-50">
|
||||
<Container className="py-8">
|
||||
{/* <div className="py-8">
|
||||
<nav className="mt-10 text-sm" aria-label="quick links">
|
||||
<div className="-my-1 flex justify-center gap-x-6">
|
||||
<NavLink href="#features">Features</NavLink>
|
||||
<NavLink href="#testimonials">Testimonials</NavLink>
|
||||
<NavLink href="#pricing">Pricing</NavLink>
|
||||
</div>
|
||||
</nav>
|
||||
</div> */}
|
||||
<div className="py-4">
|
||||
<div className="grid grid-cols-1 gap-y-6 lg:grid-cols-4 lg:gap-4">
|
||||
<div>
|
||||
<h4 className="text-lg font-medium" >Vojtech Mares</h4>
|
||||
<h4 className="text-lg font-medium" >Vojtěch Mareš</h4>
|
||||
<ul className="list-none mt-4">
|
||||
<li>
|
||||
<Link href="tel:+420732490651" className="underline">+420 732 490 651</Link>
|
||||
|
|
@ -60,8 +51,17 @@ export function Footer() {
|
|||
</ul> */}
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-medium">Important links</h3>
|
||||
<h3 className="text-lg font-medium">Důležité odkazy</h3>
|
||||
<ul className="mt-4 list-disc pl-4">
|
||||
{/* <li>
|
||||
<Link
|
||||
href="https://devops-skoelni.cz/?utm_source=vojtechmares&utm_medium=vojtechmares-com-website&utm_content=link"
|
||||
className="underline"
|
||||
target="_blank"
|
||||
>
|
||||
DevOps-Skoleni.cz
|
||||
</Link>
|
||||
</li> */}
|
||||
<li>
|
||||
<Link
|
||||
href="https://skoleni.io/?utm_source=vojtechmares&utm_medium=vojtechmares-com-website&utm_content=link"
|
||||
|
|
@ -83,13 +83,13 @@ export function Footer() {
|
|||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-medium">Are you interested?</h3>
|
||||
<h3 className="text-lg font-medium">Zaujal jsem vás?</h3>
|
||||
<p className="mt-4">
|
||||
Are you not sure what to choose or how can I help?
|
||||
Feel free to ask so we can find a best solution.
|
||||
Zaujal jsem vás avšak nevíte, jak přesně bych vám mohl pomoci?
|
||||
Nebojte se zeptat a společně vymyslíme, jak vám mohu pomoci.
|
||||
</p>
|
||||
<Button href="/contact" className="mt-5">
|
||||
Schedule a 30 minute call
|
||||
<Button href="https://calendly.com/vojtechmares/30min" className="mt-5">
|
||||
Domluvme si schůzku
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -100,7 +100,7 @@ export function Footer() {
|
|||
href="https://www.linkedin.com/in/vojtech-mares/"
|
||||
target="_blank"
|
||||
className="group"
|
||||
aria-label="Vojtech Mares on LinkedIn"
|
||||
aria-label="Vojta Mareš na LinkedIn"
|
||||
>
|
||||
<svg
|
||||
// role="img"
|
||||
|
|
@ -116,7 +116,7 @@ export function Footer() {
|
|||
href="https://twitter.com/vojtechmares_"
|
||||
target="_blank"
|
||||
className="group"
|
||||
aria-label="Vojtech Mares on Twitter"
|
||||
aria-label="Vojta Mareš na Twitter"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
|
|
@ -129,7 +129,7 @@ export function Footer() {
|
|||
href="https://github.com/vojtechmares"
|
||||
target="_blank"
|
||||
className="group"
|
||||
aria-label="Vojtech Mares on GitHub"
|
||||
aria-label="Vojta Mareš na GitHub"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
|
|
@ -140,8 +140,7 @@ export function Footer() {
|
|||
</Link>
|
||||
</div>
|
||||
<p className="mt-6 text-sm text-slate-500 sm:mt-0">
|
||||
Copyright © {new Date().getFullYear()} Vojtech Mares. All rights
|
||||
reserved.
|
||||
Copyright © {new Date().getFullYear()} Vojtěch Mareš. Všechna práva vyhrazena.
|
||||
</p>
|
||||
</div>
|
||||
</Container>
|
||||
|
|
|
|||
|
|
@ -12,18 +12,19 @@ export function Header() {
|
|||
<nav className="relative z-50 flex justify-between">
|
||||
<div className="flex items-center md:gap-x-12">
|
||||
<span className="text-2xl font-bold">
|
||||
<Link href="#">Vojtech Mares</Link>
|
||||
<Link href="/">Vojta Mareš</Link>
|
||||
</span>
|
||||
<div className="hidden md:flex md:gap-x-6">
|
||||
<NavLink href="#how-can-i-help">How can I help?</NavLink>
|
||||
{/* <NavLink href="#">Courses</NavLink> */}
|
||||
{/* <NavLink href="#how-can-i-help">Jak vám můžu pomoci?</NavLink> */}
|
||||
<NavLink href="/skoleni">Školení</NavLink>
|
||||
{/* <NavLink href="/pripadove-studie">Případové studie</NavLink> */}
|
||||
<NavLink href="https://vojtechmares.blog/">Blog</NavLink>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-x-5 md:gap-x-8">
|
||||
<Button href="#book-me" color="blue">
|
||||
<Button href="mailto:iam@vojtechmares.com" color="blue">
|
||||
<span className="text-lg">
|
||||
Book me <span className="hidden lg:inline">today</span>
|
||||
Napište mi <span className="hidden lg:inline">ještě dnes</span>
|
||||
</span>
|
||||
</Button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,15 +15,16 @@ export function Hero() {
|
|||
>
|
||||
<path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
|
||||
</svg>
|
||||
<span className="relative">made simple</span>
|
||||
<span className="relative">jednoduše</span>
|
||||
</span>{' '}
|
||||
for everyone.
|
||||
pro všechny.
|
||||
</h1>
|
||||
<p className="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-slate-700">
|
||||
Together we will lower your operations costs, fix your technical debt and prepare your IT infrastructure for a rapid growth.
|
||||
Společně snížíme vaše náklady na infrasturkuturu,
|
||||
zbavíme se technického dluhu a připravíme vaší IT infrastrukturu na rapidní růst.
|
||||
</p>
|
||||
<div className="mt-10 flex justify-center gap-x-6">
|
||||
<Button href="/contact">Schedule a 30 minute call</Button>
|
||||
<Button href="https://calendly.com/vojtechmares/30min">Domluvme si schůzku</Button>
|
||||
{/* <Button
|
||||
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
||||
variant="outline"
|
||||
|
|
|
|||
|
|
@ -27,12 +27,11 @@ type PlanProps = {
|
|||
price: string,
|
||||
description: string,
|
||||
href: string,
|
||||
features: string[],
|
||||
featured?: boolean,
|
||||
buttonText?: string
|
||||
}
|
||||
|
||||
function Plan({ name, price, description, href, features, featured = false, buttonText = 'Book me' }: PlanProps) {
|
||||
function Plan({ name, price, description, href, featured = false, buttonText = 'Napište mi' }: PlanProps) {
|
||||
return (
|
||||
<section
|
||||
className={clsx(
|
||||
|
|
@ -52,20 +51,6 @@ function Plan({ name, price, description, href, features, featured = false, butt
|
|||
>
|
||||
{description}
|
||||
</p>
|
||||
{/* <ul
|
||||
role="list"
|
||||
className={clsx(
|
||||
'order-last mt-10 flex flex-col gap-y-3 text-sm',
|
||||
featured ? 'text-white' : 'text-slate-200'
|
||||
)}
|
||||
>
|
||||
{features.map((feature) => (
|
||||
<li key={feature} className="flex">
|
||||
<CheckIcon className={featured ? 'text-white' : 'text-slate-400'} />
|
||||
<span className="ml-4">{feature}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
<Button
|
||||
href={href}
|
||||
variant={featured ? 'solid' : 'outline'}
|
||||
|
|
@ -91,9 +76,9 @@ export function Pricing() {
|
|||
<h3 className="font-display text-xl tracking-tight text-white sm:text-4xl">
|
||||
<span className="relative whitespace-nowrap">
|
||||
<SwirlyDoodle className="absolute top-1/2 left-0 h-[1em] w-full fill-blue-400" />
|
||||
<span className="relative">What can I do,</span>
|
||||
<span className="relative">Co pro Vás,</span>
|
||||
</span>{' '}
|
||||
for you.
|
||||
můžu udělat.
|
||||
</h3>
|
||||
<p className="mt-4 text-lg text-slate-400">
|
||||
It doesn’t matter what size your company is, we will find a way to help you.
|
||||
|
|
@ -101,47 +86,25 @@ export function Pricing() {
|
|||
</div>
|
||||
<div className="-mx-4 mt-16 grid max-w-2xl grid-cols-1 gap-y-10 sm:mx-auto lg:-mx-8 lg:max-w-none lg:grid-cols-3 xl:mx-0 xl:gap-x-8">
|
||||
<Plan
|
||||
name="Consultation"
|
||||
price="2 000 CZK per hour"
|
||||
description="Define your needs, find unoptimized parts of your application and infrastructure."
|
||||
href="/contact"
|
||||
features={[
|
||||
'Send 10 quotes and invoices',
|
||||
'Connect up to 2 bank accounts',
|
||||
'Track up to 15 expenses per month',
|
||||
'Manual payroll support',
|
||||
'Export up to 3 reports',
|
||||
]}
|
||||
name="Konzultace"
|
||||
price="2 000 CZK za hodinu"
|
||||
description="Chcete se poradit nebo si nevíte rady? Projdeme Váš současný stav a najdeme kde je problém a navrhneme řešení."
|
||||
href="mailto:iam@vojtechmares.com"
|
||||
/>
|
||||
<Plan
|
||||
featured
|
||||
name="In-house training"
|
||||
price="25 000 CZK per training day"
|
||||
description="Teach your team from the basics to the best tools out there."
|
||||
href="/contact"
|
||||
features={[
|
||||
'Send 25 quotes and invoices',
|
||||
'Connect up to 5 bank accounts',
|
||||
'Track up to 50 expenses per month',
|
||||
'Automated payroll support',
|
||||
'Export up to 12 reports',
|
||||
'Bulk reconcile transactions',
|
||||
'Track in multiple currencies',
|
||||
]}
|
||||
name="Firemní školení"
|
||||
price="24 000 CZK za jednodenní školení"
|
||||
description="Jednoduše, s názornými příklady, které si každý vyzkouší. Naučím váš tým nové technologii nebo prohloubíme stávající znalosti."
|
||||
href="/skoleni"
|
||||
buttonText="Seznam školení"
|
||||
/>
|
||||
<Plan
|
||||
name="Implementation"
|
||||
price="Find a right price for you"
|
||||
description="For even the biggest enterprise companies."
|
||||
href="/contact"
|
||||
features={[
|
||||
'Send unlimited quotes and invoices',
|
||||
'Connect up to 15 bank accounts',
|
||||
'Track up to 200 expenses per month',
|
||||
'Automated payroll support',
|
||||
'Export up to 25 reports, including TPS',
|
||||
]}
|
||||
buttonText="Schedule a 30 minute call"
|
||||
name="Implementace"
|
||||
price="Cena dohodou"
|
||||
description="Analyzujeme vaši situaci, projdeme možnosti, vybereme nejlepší řešení a společně jej nasadíme."
|
||||
href="https://calendly.com/vojtechmares/30min"
|
||||
buttonText="Domluvme si schůzku"
|
||||
/>
|
||||
</div>
|
||||
</Container>
|
||||
|
|
|
|||
|
|
@ -5,75 +5,73 @@ import clsx from 'clsx'
|
|||
|
||||
import { Container } from '@/components/Container'
|
||||
|
||||
import screenshotContacts from '@/images/screenshots/contacts.png'
|
||||
|
||||
import screenshotArgoCD from '@/images/screenshots/argocd.png'
|
||||
import screenshotGitLab from '@/images/screenshots/gitlab.png'
|
||||
import screenshotGit from '@/images/screenshots/git.png'
|
||||
import screenshotTerraform from '@/images/screenshots/terraform.png'
|
||||
import screenshotKubernetes from '@/images/screenshots/kubernetes.png'
|
||||
import screenshotGrafana from '@/images/screenshots/grafana.png'
|
||||
import screenshotPrometheus from '@/images/screenshots/prometheus.png'
|
||||
|
||||
import logoTerraform from '@/images/logos/tools/terraform.svg'
|
||||
import logoGit from '@/images/logos/tools/git.svg'
|
||||
import logoKubernetes from '@/images/logos/tools/kubernetes.svg'
|
||||
import logoPrometheus from '@/images/logos/tools/prometheus.svg'
|
||||
import logoArgo from '@/images/logos/tools/argo.svg'
|
||||
import logoGitLab from '@/images/logos/tools/gitlab.svg'
|
||||
import logoGrafana from '@/images/logos/tools/grafana.svg'
|
||||
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Version Control',
|
||||
name: 'Verzování',
|
||||
summary:
|
||||
'Never lose track of what’s in stock with accurate inventory tracking.',
|
||||
'Spravujte svůj kód pomocí verzovacího nástroje Git.',
|
||||
description:
|
||||
'We don’t offer this as part of our software but that statement is inarguably true. Accurate inventory tracking would help you for sure.',
|
||||
'Mějte historii změn v aplikaci od začátku až do dnes, můžete se kdykoliv vrátit do bodu v čase. Řešte konflikty včas, předtím než je nasadíte do produkce a umožněte vaším programátorům spolupracovat na jednou, aniž by si překáželi.',
|
||||
image: screenshotGitLab,
|
||||
icon: logoGit,
|
||||
},
|
||||
{
|
||||
name: 'Infrastructure as code',
|
||||
summary: 'Stay on top of things with always up-to-date reporting features.',
|
||||
name: 'Infastruktura jako kód',
|
||||
summary: 'Mějte vaši infrastrukturu deklarativně definovanou a verzovanou, díky Terraformu.',
|
||||
description:
|
||||
'We talked about reporting in the section above but we needed three items here, so mentioning it one more time for posterity.',
|
||||
'Vaši infrastrukturu můžete snadno přesunout k jinému poskytovateli, a nebo jen vytvořit nové prostředí pro zákazníka, aby si váš produkt vyzkoušel a to během minut.',
|
||||
image: screenshotTerraform,
|
||||
icon: logoTerraform,
|
||||
},
|
||||
{
|
||||
name: 'Orchestration',
|
||||
name: 'Orchestrace',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Nechte vaši aplikaci běžet napříč mnoha servery a škálovat dle potřeb.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'Kubernetes se stalo nejen standardem, ale i hlavní platformou pro vývoj aplikací ať SaaS nebo dodávaných třetím stranám. Jde o skvělou platformu pro provoz vaší aplikace ať ve veřejném cloudu nebo na vlastním hardwaru popř. on edge blízko koncových uživatelů.',
|
||||
image: screenshotKubernetes,
|
||||
icon: logoKubernetes,
|
||||
},
|
||||
{
|
||||
name: 'Monitoring',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Sledujte Vaši aplikaci, jak se chová v čase.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
image: screenshotContacts,
|
||||
'Prometheus je standard pro monitoring aplikací, ať v Kubernetes ale i mimo. Sbírejte telemetrická data v čase o vaši aplikaci. Vyhodnoťte, kde má vaše aplikace slabá místa. Zároveň můžete tvořit pravidla, dle kterých vás AlertManager upozorní, když se něco pokazí.',
|
||||
image: screenshotPrometheus,
|
||||
icon: logoPrometheus,
|
||||
},
|
||||
{
|
||||
name: 'Visualization',
|
||||
name: 'Vizualizace',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Od grafů zatížení procesoru po počet otevřených TCP spojení, vše jasně a přehledně.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'Grafana je skvělý nástroj pro vizualizaci dat z monitoringu, vytvořte si dashboardy pro jednotlivé části vaší aplikace, mějte pohromadě infrastrukturu, provoz na síti, dostupnost a třeba počet neúspěšných pokusů o přihlášení, zda vůči vaší aplikaci neprobíhá hackerský útok.',
|
||||
image: screenshotGrafana,
|
||||
icon: logoGrafana,
|
||||
},
|
||||
{
|
||||
name: 'GitOps',
|
||||
summary:
|
||||
'Organize all of your contacts, service providers, and invoices in one place.',
|
||||
'Spravujte stav Vašich prostředí deklarativně, ať vždy víte, jaký je aktuální stav.',
|
||||
description:
|
||||
'This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.',
|
||||
'ArgoCD je spolehlivý nástroj pro práci s Kubernetes a nasazováním změn a přitom si udržovat přehled o právě nasazených aplikacích, verzím a konfiguraci, snadno, soplehlivě, verzovaně.',
|
||||
image: screenshotArgoCD,
|
||||
icon: logoArgo,
|
||||
},
|
||||
|
|
@ -208,11 +206,11 @@ export function TechStack() {
|
|||
<Container>
|
||||
<div className="mx-auto max-w-2xl md:text-center">
|
||||
<h2 className="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl">
|
||||
The open source DevOps stack
|
||||
Open Source DevOps stack
|
||||
</h2>
|
||||
<p className="mt-4 text-lg tracking-tight text-slate-700">
|
||||
Because you’d probably be a little confused if we suggested you
|
||||
complicate your everyday business tasks instead.
|
||||
Věřím v Open Source technologie, prakticky všichni je denně využíváme
|
||||
a jsou naší budoucností.
|
||||
</p>
|
||||
</div>
|
||||
<FeaturesMobile />
|
||||
|
|
|
|||
BIN
src/images/screenshots/prometheus.png
Normal file
BIN
src/images/screenshots/prometheus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 530 KiB |
|
|
@ -6,7 +6,7 @@ export default function Document(props: any) {
|
|||
return (
|
||||
<Html
|
||||
className="h-full scroll-smooth bg-white antialiased [font-feature-settings:'ss01']"
|
||||
lang="en"
|
||||
lang="cs"
|
||||
>
|
||||
<Head>
|
||||
{/* <link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
|
|
|
|||
|
|
@ -15,17 +15,17 @@ export default function Home() {
|
|||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Vojtech Mares - DevOps consultant, lector, engineer</title>
|
||||
<title>Vojtěch Mareš - DevOps konzultant, lektor, engineer</title>
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="Vojtech Mares - DevOps consultant, lector, engineer"
|
||||
content="Vojtěch Mareš - DevOps konzultant, lektor, engineer"
|
||||
/>
|
||||
</Head>
|
||||
<main>
|
||||
<Header />
|
||||
<Hero />
|
||||
<PrimaryFeatures />
|
||||
{/* <PrimaryFeatures /> */}
|
||||
<TechStack />
|
||||
<CallToAction />
|
||||
<Environment />
|
||||
|
|
|
|||
24
src/pages/skoleni/index.tsx
Normal file
24
src/pages/skoleni/index.tsx
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
import Head from "next/head";
|
||||
|
||||
import { Header } from "@/components/Header"
|
||||
import { Footer } from '@/components/Footer'
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Moje školení | Vojtěch Mareš - DevOps konzultant, lektor, engineer</title>
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="Moje školení | Vojtěch Mareš - DevOps konzultant, lektor, engineer"
|
||||
/>
|
||||
</Head>
|
||||
<main>
|
||||
<Header />
|
||||
<h1 className="text-4xl mx-auto w-12 my-8">Připravuji</h1>
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in a new issue