style: run prettier
This commit is contained in:
parent
2193d68895
commit
d80c0ec7de
GPG key ID:
C6827B976F17240D
27 changed files with 698 additions and 569 deletions
|
|
@ -1,49 +1,48 @@
|
|||
import Image from 'next/image'
|
||||
import Image from "next/image";
|
||||
|
||||
import { Container } from './Container'
|
||||
import { Container } from "./Container";
|
||||
|
||||
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 logoDigitalOcean from '@/images/logos/tools/digitalocean.svg'
|
||||
import logovmware from '@/images/logos/tools/vmware.svg'
|
||||
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 logoDigitalOcean from "@/images/logos/tools/digitalocean.svg";
|
||||
import logovmware from "@/images/logos/tools/vmware.svg";
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Kubernetes',
|
||||
summary: 'Open Source systém pro automatizaci deploymentů, škálování a správu kontejnerizovaných aplikací.',
|
||||
name: "Kubernetes",
|
||||
summary:
|
||||
"Open Source systém pro automatizaci deploymentů, škálování a správu kontejnerizovaných aplikací.",
|
||||
description:
|
||||
'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.',
|
||||
"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',
|
||||
iconColor: "#326CE5",
|
||||
},
|
||||
{
|
||||
name: 'k3s & rke2',
|
||||
name: "k3s & rke2",
|
||||
summary:
|
||||
'k3s: lehká distrubuce Kubernetes; rke2: Kubernetes do vašeho datacentra.',
|
||||
"k3s: lehká distrubuce Kubernetes; rke2: Kubernetes do vašeho datacentra.",
|
||||
description:
|
||||
'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ů.',
|
||||
"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',
|
||||
iconColor: "#FFC61C",
|
||||
},
|
||||
{
|
||||
name: 'Rancher',
|
||||
summary:
|
||||
'Kubernetes jako služba, ve vašem datacentru.',
|
||||
name: "Rancher",
|
||||
summary: "Kubernetes jako služba, ve vašem datacentru.",
|
||||
description:
|
||||
'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.',
|
||||
"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',
|
||||
iconColor: "#0075A8",
|
||||
},
|
||||
{
|
||||
name: 'AWS',
|
||||
summary:
|
||||
'Největší veřejný cloud. Máte problém? AWS má na to službu.',
|
||||
name: "AWS",
|
||||
summary: "Největší veřejný cloud. Máte problém? AWS má na to službu.",
|
||||
description:
|
||||
'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.',
|
||||
"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',
|
||||
iconColor: "#232F3E",
|
||||
},
|
||||
// {
|
||||
// name: 'Google Cloud Platform',
|
||||
|
|
@ -55,13 +54,12 @@ const features = [
|
|||
// iconColor: '#4285F4',
|
||||
// },
|
||||
{
|
||||
name: 'DigitalOcean',
|
||||
summary:
|
||||
'Jednoduchý cloudový poskytovatel, ve kterém se neztratíte.',
|
||||
name: "DigitalOcean",
|
||||
summary: "Jednoduchý cloudový poskytovatel, ve kterém se neztratíte.",
|
||||
description:
|
||||
'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.',
|
||||
"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',
|
||||
iconColor: "#0080FF",
|
||||
},
|
||||
// {
|
||||
// name: 'OpenStack',
|
||||
|
|
@ -73,50 +71,48 @@ const features = [
|
|||
// iconColor: '#ED1944',
|
||||
// },
|
||||
{
|
||||
name: 'VMware',
|
||||
name: "VMware",
|
||||
summary:
|
||||
'Populární řešení pro správu vaše datacentra, od virtuálních serverů až po úložiště.',
|
||||
"Populární řešení pro správu vaše datacentra, od virtuálních serverů až po úložiště.",
|
||||
description:
|
||||
'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.',
|
||||
"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',
|
||||
iconColor: "#607078",
|
||||
},
|
||||
]
|
||||
];
|
||||
|
||||
type FeatureType = {
|
||||
name: string,
|
||||
summary: string,
|
||||
description: string,
|
||||
icon: any,
|
||||
iconColor: string,
|
||||
}
|
||||
name: string;
|
||||
summary: string;
|
||||
description: string;
|
||||
icon: any;
|
||||
iconColor: string;
|
||||
};
|
||||
|
||||
type FeatureProps = {
|
||||
feature: FeatureType
|
||||
className?: string,
|
||||
props?: any[],
|
||||
}
|
||||
feature: FeatureType;
|
||||
className?: string;
|
||||
props?: any[];
|
||||
};
|
||||
|
||||
function Feature({ feature, className, ...props }: FeatureProps) {
|
||||
return (
|
||||
<div
|
||||
className={className}
|
||||
{...props}
|
||||
>
|
||||
<Image src={feature.icon} className="rounded-lg p-2" width="128" height="128" color={feature.iconColor} alt="" />
|
||||
<h3
|
||||
className="mt-6 text-lg font-medium text-blue-600"
|
||||
>
|
||||
{feature.name}
|
||||
</h3>
|
||||
<p className="mt-2 font-display text-xl text-slate-900">
|
||||
<div className={className} {...props}>
|
||||
<Image
|
||||
src={feature.icon}
|
||||
className="rounded-lg p-2"
|
||||
width="128"
|
||||
height="128"
|
||||
color={feature.iconColor}
|
||||
alt=""
|
||||
/>
|
||||
<h3 className="mt-6 text-lg font-medium text-blue-600">{feature.name}</h3>
|
||||
<p className="font-display mt-2 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>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
function FeaturesMobile() {
|
||||
|
|
@ -128,7 +124,7 @@ function FeaturesMobile() {
|
|||
</div>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
function FeaturesDesktop() {
|
||||
|
|
@ -142,7 +138,7 @@ function FeaturesDesktop() {
|
|||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export function Environment() {
|
||||
|
|
@ -155,15 +151,16 @@ 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">
|
||||
Jakákoliv platforma, kdekoliv
|
||||
Jakákoliv platforma, kdekoliv
|
||||
</h2>
|
||||
<p className="mt-4 text-lg tracking-tight text-slate-700">
|
||||
Od veřejného cloudu přes on-premise až po serverless, se vším vám poradím.
|
||||
Od veřejného cloudu přes on-premise až po serverless, se vším vám
|
||||
poradím.
|
||||
</p>
|
||||
</div>
|
||||
<FeaturesMobile />
|
||||
<FeaturesDesktop />
|
||||
</Container>
|
||||
</section>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Reference in a new issue