mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
zeekay
3e01d979b7
INK, the band that drops to true black on dark, stayed black on a light page while its headings and paragraphs took the light theme's dark ink: 1.06:1 on /payments, /analytics and /kai/guide, and /commerce's use cases sat on --black the same way. INK is light-dark() now, the quiet card surface on light and pure black on dark as before, and /commerce and /kai/guide name it instead of a black of their own. Sixteen page roots inked their whole tree --white, so anything that inherits (card headings, bullets) was white on light; they take --foreground, the ink the rest of the site is set in. Measured with a contrast walk over fourteen of those pages in light: 57 runs under 3:1 on /analytics and 13 on /payments before, 7 left across all of them (chart labels and two install chips), and none new on dark.
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import MachinesHero from "@/components/machines/MachinesHero";
|
|
import MachinesFeatures from "@/components/machines/MachinesFeatures";
|
|
import MachinesUseCases from "@/components/machines/MachinesUseCases";
|
|
import MachinesEnterprise from "@/components/machines/MachinesEnterprise";
|
|
import { ProductFooter } from "@/components/products/ProductFooter"
|
|
import { AgentPrompt } from '@/components/product/AgentPrompt'
|
|
import { Related } from '@/components/product/Related'
|
|
import { Box } from '@hanzo/ui'
|
|
import { product } from '@/lib/product'
|
|
|
|
/** What the two shared blocks say about this product: the audited command, the
|
|
* route the catalog proves it by, and the docs page or null. One table answers
|
|
* for every product page, so this one cannot say something its neighbours do
|
|
* not. */
|
|
const PRODUCT = product('machines')
|
|
|
|
const Machines = () => {
|
|
return (
|
|
<Box minH="100vh" $platform-web={{ color: 'var(--foreground)' }}>
|
|
<MachinesHero />
|
|
{PRODUCT && <AgentPrompt product={PRODUCT} />}
|
|
<MachinesFeatures />
|
|
<MachinesUseCases />
|
|
<MachinesEnterprise />
|
|
{PRODUCT && <Related product={PRODUCT} />}
|
|
<ProductFooter slug="machines" name="Machines" />
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default Machines;
|