diff --git a/components/homepage/KubernetesEverywhere.tsx b/components/homepage/KubernetesEverywhere.tsx new file mode 100644 index 0000000..d02d5d7 --- /dev/null +++ b/components/homepage/KubernetesEverywhere.tsx @@ -0,0 +1,134 @@ +import Image, { StaticImageData } from "next/image"; +import clsx from "clsx"; + +import { Container } from "@/components/Container"; +import { Button } from "@/components/Button"; + +import logoKubernetes from "@/images/logos/tools/kubernetes.svg"; +import logoRancher from "@/images/logos/tools/rancher.svg"; + +import logoAWS from "@/images/logos/tools/amazonaws.svg"; +import logoDigitalOcean from "@/images/logos/tools/digitalocean.svg"; +import logoGCP from "@/images/logos/tools/googlecloud.svg"; +import logoAzure from "@/images/logos/tools/microsoftazure.svg"; +import logoLinode from "@/images/logos/tools/linode.svg"; + +import logoOpenStack from "@/images/logos/tools/openstack.svg"; +import logoProxmox from "@/images/logos/tools/proxmox.svg"; +import logovmware from "@/images/logos/tools/vmware.svg"; + +const sections = [ + { + title: "Kubernetes", + description: "Kubernetes je open-source platforma pro automatizaci a správu kontejnerizovaných aplikací. Je to jednotná standardizovaná platforma pro vývoj a provozování aplikací, která umožňuje rychle a efektivně nasazovat a spravovat aplikace v kontejnerech.", + images: [ + { src: logoKubernetes, alt: "Kubernetes"}, + ], + }, + { + title: "Veřejný cloud", + description: "Veřejný cloud je sdílená fyzická infrastruktura, která je spravována třetí stranou, díky tomu se nestaráte o vlastní hardware a jeho údržbu. Veřejné cloudy jsou využívány společnostmi ať pro vývoj a testování, ale i pro produkční nasazení a dodávání jejich aplikace zákazníkům, kdekoliv na celém světě.", + images: [ + { src: logoAWS, alt: "Amazon Web Services"}, + { src: logoGCP, alt: "Google Cloud Platform"}, + { src: logoAzure, alt: "Microsoft Azure"}, + ], + }, + { + title: "\"Malý\" veřejný cloud", + description: "Ne všichni hráči na cloudovém trhu jsou velké firmy. Existují i menší poskytovatelé, kteří sice nenabízí jejich rešení pro každý Váš problém, ale jen virtuální stroje, spravované Kubernetes a databáze a objektové úložiště. Což je však pro většinu aplikací naprosto dostatečné.", + images: [ + { src: logoDigitalOcean, alt: "Digital Ocean"}, + { src: logoLinode, alt: "Linode"}, + ], + }, + { + title: "Vlastní infrastruktura", + description: "Ať máte vlastní datacentrum nebo jen pár virtuálních strojů, můžete využít Kubernetes a všechny jeho výhody. Využijte vlastní infrastrukturu a vytvořte si vlastní cloud. Pokud používáte například Proxmox, OpenStack nebo VMware vSphere, můžete využít jejich API a přímo je propojit s Vašimi Kubernetes, ať jeden cluster nebo víc.", + images: [ + { src: logoOpenStack, alt: "OpenStack"}, + { src: logoProxmox, alt: "Proxmox"}, + { src: logovmware, alt: "VMware"}, + ], + }, + { + title: "Hybridní řešení", + description: "Pokud máte vlastní infrastrukturu, ale chcete využít i veřejný cloud, můžete využít například Rancher, který vám umožní propojit Vaši vlastní infrastrukturu s veřejným cloudem. Využijte výhody obou světů a vytvořte si hybridní řešení. Díky Rancheru získáte jednotnou ucelenou platformu pro všechny prostředí.", + images: [ + { src: logoRancher, alt: "Rancher"}, + ], + }, +] + +const SectionDesktop = ({title, description, images, reverse}: { title: string, description: string, images: { src: StaticImageData, alt: string }[], reverse: boolean}) => ( +
+
+

{title}

+

{description}

+
+
+
+ {images.map((image, index) => ( + {image.alt} + ))} +
+
+
+) + +const SectionMobile = ({title, description, images}: { title: string, description: string, images: { src: StaticImageData, alt: string }[]}) => ( + <> +
+ {images.map((image, index) => ( + {image.alt} + ))} +
+

{title}

+

{description}

+ +) + +const Mobile = () => ( +
+ {sections.map((section, index) => ( +
+ +
+ ))} +
+) + +const Desktop = () => ( +
+ {sections.map((section, index) => ( +
+ +
+ ))} +
+) + +export function KubernetesEverywhere() { + return ( +
+ +
+

+ Kubernetes, jedna platforma, kdekoliv +

+

+ Se vším Vám poradím, od veřejného cloudu přes on-premise a serverless, až po edge. +

+
+ + +
+
+ ); +} diff --git a/images/logos/tools/civo.svg b/images/logos/tools/civo.svg new file mode 100644 index 0000000..28b33a6 --- /dev/null +++ b/images/logos/tools/civo.svg @@ -0,0 +1 @@ +Civo \ No newline at end of file diff --git a/images/logos/tools/linode.svg b/images/logos/tools/linode.svg new file mode 100644 index 0000000..c59cca1 --- /dev/null +++ b/images/logos/tools/linode.svg @@ -0,0 +1 @@ +Linode \ No newline at end of file diff --git a/images/logos/tools/microsoftazure.svg b/images/logos/tools/microsoftazure.svg new file mode 100644 index 0000000..69a264e --- /dev/null +++ b/images/logos/tools/microsoftazure.svg @@ -0,0 +1 @@ +Microsoft Azure \ No newline at end of file diff --git a/images/logos/tools/proxmox.svg b/images/logos/tools/proxmox.svg new file mode 100644 index 0000000..395ffb8 --- /dev/null +++ b/images/logos/tools/proxmox.svg @@ -0,0 +1 @@ +Proxmox \ No newline at end of file diff --git a/pages/index.tsx b/pages/index.tsx index ec3944d..e904457 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -10,6 +10,7 @@ import { PrimaryFeatures } from "@/components/homepage/PrimaryFeatures"; import { TechStack } from "@/components/homepage/TechStack"; import { Testimonials } from "@/components/homepage/Testimonials"; import { Environment } from "@/components/homepage/Environment"; +import { KubernetesEverywhere } from "@/components/homepage/KubernetesEverywhere"; import { TrainingList } from "@/components/homepage/Training"; export default function Home() { @@ -29,6 +30,7 @@ export default function Home() { +