Skip to content

Commit 1fb546e

Browse files
tobias-tenglertobias-tengler
authored
[Website] Polish Pt. 4 (#10002)
1 parent c30656a commit 1fb546e

24 files changed

Lines changed: 80 additions & 79 deletions

‎website-next/app/(content)/platform/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default function PlatformPage() {
4343
href={section.href}
4444
className="group border-cc-card-border bg-cc-card-bg hover:border-cc-accent flex flex-col rounded-xl border p-8 no-underline backdrop-blur-sm transition-colors"
4545
>
46-
<h2 className="text-cc-ink group-hover:text-cc-accent text-xl font-semibold">
46+
<h2 className="text-cc-heading text-xl font-semibold">
4747
{section.title}
4848
</h2>
4949
<p className="text-cc-ink-dim mt-3 text-sm">

‎website-next/app/(content)/resources/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default function ResourcesPage() {
6565
: {})}
6666
className="group border-cc-card-border bg-cc-card-bg hover:border-cc-accent flex flex-col rounded-xl border p-6 no-underline backdrop-blur-sm transition-colors"
6767
>
68-
<h2 className="text-cc-ink group-hover:text-cc-accent text-lg font-semibold">
68+
<h2 className="text-cc-heading text-lg font-semibold">
6969
{link.title}
7070
</h2>
7171
<p className="text-cc-ink-dim mt-2 text-sm">{link.description}</p>

‎website-next/app/(content)/services/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default function ServicesPage() {
4343
href={section.href}
4444
className="group border-cc-card-border bg-cc-card-bg hover:border-cc-accent flex flex-col rounded-xl border p-8 no-underline backdrop-blur-sm transition-colors"
4545
>
46-
<h2 className="text-cc-ink group-hover:text-cc-accent text-xl font-semibold">
46+
<h2 className="text-cc-heading text-xl font-semibold">
4747
{section.title}
4848
</h2>
4949
<p className="text-cc-ink-dim mt-3 text-sm">

‎website-next/app/docs/page.tsx‎

Lines changed: 42 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,29 @@
1+
import type { ComponentType } from "react";
12
import Link from "next/link";
3+
import { PRODUCTS } from "@/src/data/products";
24
import { Typography } from "@/src/design-system/Typography";
5+
import { Fusion } from "@/src/icons/Fusion";
6+
import { HotChocolate } from "@/src/icons/HotChocolate";
7+
import { Mocha } from "@/src/icons/Mocha";
8+
import { Nitro } from "@/src/icons/Nitro";
9+
import { Skillz } from "@/src/icons/Skillz";
10+
import { StrawberryShake } from "@/src/icons/StrawberryShake";
311

412
export const metadata = {
513
title: "Documentation",
614
description: "Documentation for the ChilliCream GraphQL Platform.",
715
};
816

9-
const PRODUCTS = [
10-
{ slug: "hotchocolate", label: "Hot Chocolate" },
11-
{ slug: "fusion", label: "Fusion" },
12-
{ slug: "strawberryshake", label: "Strawberry Shake" },
13-
{ slug: "nitro", label: "Nitro" },
14-
{ slug: "mocha", label: "Mocha" },
15-
{ slug: "skillz", label: "Skillz" },
16-
];
17+
type ProductIcon = ComponentType<{ className?: string }>;
18+
19+
const PRODUCT_ICONS: Record<string, ProductIcon> = {
20+
hotchocolate: HotChocolate,
21+
fusion: Fusion,
22+
strawberryshake: StrawberryShake,
23+
nitro: Nitro,
24+
mocha: Mocha,
25+
skillz: Skillz,
26+
};
1727

1828
export default function DocsIndex() {
1929
return (
@@ -23,18 +33,30 @@ export default function DocsIndex() {
2333
<p className="text-cc-ink-dim">
2434
Pick a product to get started. More content is on its way.
2535
</p>
26-
<ul className="mt-6 grid grid-cols-1 gap-3 sm:grid-cols-2">
27-
{PRODUCTS.map((p) => (
28-
<li key={p.slug}>
29-
<Link
30-
href={`/docs/${p.slug}`}
31-
className="border-cc-card-border text-cc-ink hover:border-cc-accent hover:text-cc-accent block rounded-md border p-4 no-underline transition-colors"
32-
>
33-
<div className="font-medium">{p.label}</div>
34-
<div className="text-cc-ink-dim text-sm">/docs/{p.slug}</div>
35-
</Link>
36-
</li>
37-
))}
36+
<ul className="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2">
37+
{PRODUCTS.map((product) => {
38+
const Icon = PRODUCT_ICONS[product.slug];
39+
return (
40+
<li key={product.slug}>
41+
<Link
42+
href={`/docs/${product.slug}`}
43+
className="border-cc-card-border bg-cc-card-bg/60 hover:border-cc-accent group flex h-full items-center gap-4 rounded-2xl border p-5 no-underline transition-colors"
44+
>
45+
<span className="bg-cc-hover ring-cc-card-border flex h-14 w-14 flex-none items-center justify-center rounded-xl ring-1">
46+
{Icon ? <Icon className="h-8 w-8" /> : null}
47+
</span>
48+
<span className="flex flex-col">
49+
<span className="font-heading text-cc-heading text-lg font-semibold">
50+
{product.title}
51+
</span>
52+
<span className="text-cc-ink-dim text-sm">
53+
{product.description}
54+
</span>
55+
</span>
56+
</Link>
57+
</li>
58+
);
59+
})}
3860
</ul>
3961
</div>
4062
</div>

‎website-next/app/globals.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,8 @@
5353
--color-cc-card-bg: rgba(12, 19, 34, 0.55);
5454
--color-cc-card-border: rgba(245, 241, 234, 0.12);
5555
--color-cc-card-border-hover: rgba(245, 241, 234, 0.32);
56-
--color-cc-accent: #5eead4;
57-
--color-cc-accent-hover: #99f6e4;
56+
--color-cc-accent: #16b9e4;
57+
--color-cc-accent-hover: #4cc9ee;
5858

5959
/* Secondary brand CTA (the "Launch" button). */
6060
--color-cc-cta: oklch(51.8% 0.253 323.949);
@@ -477,8 +477,8 @@ svg[role="graphics-document"][id^="mermaid-"] {
477477
--color-cc-card-border: rgba(17, 24, 39, 0.25);
478478
--color-cc-card-border-hover: rgba(17, 24, 39, 0.25);
479479
--color-cc-surface: #fff;
480-
--color-cc-accent: #0f766e;
481-
--color-cc-accent-hover: #0f766e;
480+
--color-cc-accent: #0e7490;
481+
--color-cc-accent-hover: #0e7490;
482482
--color-cc-nav-text: #1f2937;
483483
--color-cc-nav-label: #4b5563;
484484
--cc-dark-surface: none;

‎website-next/src/components/BlogMetadata.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export function BlogMetadata({
3030
{author ? (
3131
<a
3232
href={authorUrl || "#"}
33-
className="text-cc-ink hover:text-cc-accent flex items-center no-underline"
33+
className="text-cc-ink-dim hover:text-cc-accent flex items-center no-underline"
3434
target={authorUrl?.startsWith("http") ? "_blank" : undefined}
3535
rel={
3636
authorUrl?.startsWith("http") ? "noopener noreferrer" : undefined

‎website-next/src/components/BlogShareBar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ function ShareLink({
4646
target="_blank"
4747
rel="noopener noreferrer"
4848
aria-label={label}
49-
className="text-cc-ink-dim hover:text-cc-ink inline-flex items-center justify-center transition-colors"
49+
className="text-cc-ink-dim hover:text-cc-heading inline-flex items-center justify-center transition-colors"
5050
>
5151
{children}
5252
<span className="sr-only">{label}</span>

‎website-next/src/components/BlogTeaser.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export function BlogTeaser({ post }: BlogTeaserProps) {
4545
{formatDate(post.date, { month: "short", year: "numeric" })}
4646
</time>
4747
</div>
48-
<h3 className="text-cc-ink m-0 mt-5 mb-3 text-xl leading-tight font-medium tracking-[-0.015em]">
48+
<h3 className="text-cc-heading m-0 mt-5 mb-3 text-xl leading-tight font-medium tracking-[-0.015em]">
4949
{post.title}
5050
</h3>
5151
{post.description ? (

‎website-next/src/components/Footer.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export default function Footer() {
4141
<div className="mx-auto flex max-w-7xl flex-col gap-12 lg:gap-8">
4242
<Section>
4343
<div className="flex flex-1 flex-col gap-6">
44-
<span className="text-cc-ink inline-flex leading-none">
44+
<span className="text-cc-heading inline-flex leading-none">
4545
<ChilliCreamText className="h-8 w-auto fill-current" />
4646
</span>
4747
<address className="not-italic">
@@ -133,7 +133,7 @@ function LinkColumn({
133133
}) {
134134
return (
135135
<div className="flex min-w-36 flex-col gap-6">
136-
<h3 className="text-cc-ink flex h-8 items-end text-base font-semibold">
136+
<h3 className="text-cc-heading flex h-8 items-end text-base font-semibold">
137137
{title}
138138
</h3>
139139
<nav className="flex flex-col gap-2.5">{children}</nav>

‎website-next/src/components/FromOurBlog.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export function FromOurBlog({ limit = 3, className }: FromOurBlogProps) {
1717
return (
1818
<section className={className}>
1919
<div className="mb-6 flex items-baseline justify-between gap-4">
20-
<h2 className="text-cc-ink m-0 text-2xl font-semibold">
20+
<h2 className="text-cc-heading m-0 text-2xl font-semibold">
2121
From our blog
2222
</h2>
2323
<Link

0 commit comments

Comments
 (0)