Skip to content

Commit f43bdfb

Browse files
guanzhousongmicrosoftCopilot
guanzhousongmicrosoft
and
Copilot
committed
Reorder operator entry points
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 4fa3a7d commit f43bdfb

File tree

2 files changed

+68
-62
lines changed

2 files changed

+68
-62
lines changed

‎app/components/Navbar.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,12 @@ export default function Navbar() {
7575
>
7676
Download
7777
</Link>
78+
<Link
79+
href="/kubernetes-operator"
80+
className="text-gray-300 hover:text-blue-400 transition-colors duration-200 font-medium"
81+
>
82+
K8s Operator
83+
</Link>
7884
<Link
7985
href="/blogs"
8086
className="text-gray-300 hover:text-blue-400 transition-colors duration-200 font-medium"

‎app/page.tsx‎

Lines changed: 62 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -469,6 +469,68 @@ export default function Home() {
469469
</div>
470470
</section>
471471

472+
<section className="border-b border-neutral-800 bg-neutral-900/60 py-14 sm:py-16 lg:py-20">
473+
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
474+
<div className="mb-8 max-w-3xl">
475+
<p className="mb-3 text-xs font-semibold uppercase tracking-[0.24em] text-emerald-300">
476+
Operator preview
477+
</p>
478+
<h2 className="mb-4 text-3xl font-bold text-white sm:text-4xl">
479+
DocumentDB Kubernetes Operator
480+
</h2>
481+
<p className="text-base leading-7 text-gray-400 sm:text-lg">
482+
Run DocumentDB on Kubernetes—from kind and minikube to{" "}
483+
<span className="inline-block">hybrid and multi-cloud deployments.</span>
484+
</p>
485+
</div>
486+
487+
<div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
488+
{kubernetesOperatorEntryPoints.map((item) => (
489+
<article
490+
key={item.title}
491+
className="group flex h-full flex-col rounded-2xl border border-neutral-800 bg-neutral-900/80 p-5 transition hover:-translate-y-0.5 hover:border-emerald-400/30 hover:bg-neutral-900 sm:p-6"
492+
>
493+
<p className="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-emerald-300">
494+
{item.title}
495+
</p>
496+
<p className="text-sm leading-6 text-gray-400">
497+
{item.description}
498+
</p>
499+
</article>
500+
))}
501+
</div>
502+
503+
<div className="mt-6 rounded-3xl border border-emerald-500/20 bg-emerald-500/5 p-5 sm:p-6">
504+
<div className="grid gap-6 lg:grid-cols-[1fr_auto] lg:items-center">
505+
<div>
506+
<p className="text-sm font-semibold text-white">
507+
Preview with local, hybrid, and multi-cluster paths
508+
</p>
509+
<p className="mt-2 max-w-3xl text-sm leading-6 text-gray-300">
510+
The operator is still in preview. Start with the overview, then
511+
follow the quick start or multi-cluster guides.
512+
</p>
513+
</div>
514+
515+
<div className="flex flex-col gap-3 sm:flex-row sm:flex-wrap">
516+
<Link
517+
href="/kubernetes-operator"
518+
className="inline-flex items-center justify-center rounded-md bg-emerald-500 px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-emerald-400"
519+
>
520+
Read operator overview
521+
</Link>
522+
<a
523+
href={documentdbKubernetesOperatorDocsUrl}
524+
className="inline-flex items-center justify-center rounded-md border border-emerald-400/30 bg-emerald-500/10 px-6 py-3 text-sm font-semibold text-emerald-200 transition-colors hover:bg-emerald-500/20"
525+
>
526+
Open quick start
527+
</a>
528+
</div>
529+
</div>
530+
</div>
531+
</div>
532+
</section>
533+
472534
<section className="border-b border-neutral-800 bg-neutral-900/60 py-14 sm:py-16 lg:py-20">
473535
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
474536
<div className="mb-8 max-w-3xl">
@@ -598,68 +660,6 @@ export default function Home() {
598660
</div>
599661
</section>
600662

601-
<section className="border-b border-neutral-800 bg-neutral-900/60 py-14 sm:py-16 lg:py-20">
602-
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
603-
<div className="mb-8 max-w-3xl">
604-
<p className="mb-3 text-xs font-semibold uppercase tracking-[0.24em] text-emerald-300">
605-
Operator preview
606-
</p>
607-
<h2 className="mb-4 text-3xl font-bold text-white sm:text-4xl">
608-
DocumentDB Kubernetes Operator
609-
</h2>
610-
<p className="text-base leading-7 text-gray-400 sm:text-lg">
611-
Run DocumentDB on Kubernetes—from kind and minikube to{" "}
612-
<span className="inline-block">hybrid and multi-cloud deployments.</span>
613-
</p>
614-
</div>
615-
616-
<div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
617-
{kubernetesOperatorEntryPoints.map((item) => (
618-
<article
619-
key={item.title}
620-
className="group flex h-full flex-col rounded-2xl border border-neutral-800 bg-neutral-900/80 p-5 transition hover:-translate-y-0.5 hover:border-emerald-400/30 hover:bg-neutral-900 sm:p-6"
621-
>
622-
<p className="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-emerald-300">
623-
{item.title}
624-
</p>
625-
<p className="text-sm leading-6 text-gray-400">
626-
{item.description}
627-
</p>
628-
</article>
629-
))}
630-
</div>
631-
632-
<div className="mt-6 rounded-3xl border border-emerald-500/20 bg-emerald-500/5 p-5 sm:p-6">
633-
<div className="grid gap-6 lg:grid-cols-[1fr_auto] lg:items-center">
634-
<div>
635-
<p className="text-sm font-semibold text-white">
636-
Preview with local, hybrid, and multi-cluster paths
637-
</p>
638-
<p className="mt-2 max-w-3xl text-sm leading-6 text-gray-300">
639-
The operator is still in preview. Start with the overview, then
640-
follow the quick start or multi-cluster guides.
641-
</p>
642-
</div>
643-
644-
<div className="flex flex-col gap-3 sm:flex-row sm:flex-wrap">
645-
<Link
646-
href="/kubernetes-operator"
647-
className="inline-flex items-center justify-center rounded-md bg-emerald-500 px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-emerald-400"
648-
>
649-
Read operator overview
650-
</Link>
651-
<a
652-
href={documentdbKubernetesOperatorDocsUrl}
653-
className="inline-flex items-center justify-center rounded-md border border-emerald-400/30 bg-emerald-500/10 px-6 py-3 text-sm font-semibold text-emerald-200 transition-colors hover:bg-emerald-500/20"
654-
>
655-
Open quick start
656-
</a>
657-
</div>
658-
</div>
659-
</div>
660-
</div>
661-
</section>
662-
663663
<section className="border-t border-neutral-800 bg-black py-12 sm:py-14">
664664
<div className="mx-auto max-w-3xl px-4 text-center sm:px-6 lg:px-8">
665665
<h2 className="mb-3 text-2xl font-bold text-white sm:text-3xl">

0 commit comments

Comments
 (0)