diff --git a/src/assets/cloudflare-stack.jpg b/src/assets/cloudflare-stack.jpg new file mode 100644 index 000000000000000..f8f123c46e8b810 Binary files /dev/null and b/src/assets/cloudflare-stack.jpg differ diff --git a/src/components/homepage/FeaturedContentSection.astro b/src/components/homepage/FeaturedContentSection.astro index 52c82b30a4fd2fd..3b5cdae088a0364 100644 --- a/src/components/homepage/FeaturedContentSection.astro +++ b/src/components/homepage/FeaturedContentSection.astro @@ -4,6 +4,7 @@ import { z } from "astro:schema"; import { marked } from "marked"; import { CardGrid, Card, LinkCard } from "@astrojs/starlight/components"; +import Stream from "../Stream.astro"; const props = z.object({ title: z.string(), @@ -47,17 +48,36 @@ const { title, text, image, cards, imagePosition } = props.parse(Astro.props); ) } - + +
{ - cards.map((card) => ( - - -
- -
- )) + title === "Developer Platform" ? ( +
+ + + + + +
+ ) : ( + + {cards.map((card) => ( + + +
+ +
+ ))} +
+ ) } - +
+ { imagePosition === "after" && (
diff --git a/src/pages/index.astro b/src/pages/index.astro index 073fe724baca499..05ecb1d84a710ae 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -119,22 +119,23 @@ const featuredSections = [ }, imagePosition: "before", cards: [ - { - title: "Create API Tokens", - text: "If you are going to be using the Cloudflare API, you first need an API token to authenticate your requests.", - cta: { - title: "Create Tokens", - href: "/fundamentals/api/get-started/create-token/", - }, - }, - { - title: "View Workers Examples", - text: "Review fully functional sample scripts to get started with Workers.", - cta: { - title: "View Examples", - href: "/workers/examples/", - }, - }, + // Currently unused. + // { + // title: "Create API Tokens", + // text: "If you are going to be using the Cloudflare API, you first need an API token to authenticate your requests.", + // cta: { + // title: "Create Tokens", + // href: "/fundamentals/api/get-started/create-token/", + // }, + // }, + // { + // title: "View Workers Examples", + // text: "Review fully functional sample scripts to get started with Workers.", + // cta: { + // title: "View Examples", + // href: "/workers/examples/", + // }, + // }, ], }, {