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.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import type { ReactNode } from 'react'
|
|
import HeroSection from "@/components/realtime/HeroSection";
|
|
import Features from "@/components/realtime/Features";
|
|
import UseCases from "@/components/realtime/UseCases";
|
|
import Integration from "@/components/realtime/Integration";
|
|
import Scaling from "@/components/realtime/Scaling";
|
|
import CallToAction from "@/components/realtime/CallToAction";
|
|
import { ProductFooter } from "@/components/products/ProductFooter"
|
|
import { Start } from "@/components/products/Start"
|
|
import { Box } from '@hanzo/ui'
|
|
|
|
const Realtime = ({ watch, wire }: { watch: ReactNode; wire: ReactNode }) => {
|
|
return (
|
|
<Box minH="100vh" $platform-web={{ color: 'var(--foreground)' }}>
|
|
<main>
|
|
<HeroSection watch={watch} />
|
|
<Features />
|
|
<UseCases />
|
|
<Integration wire={wire} />
|
|
<Scaling />
|
|
<CallToAction />
|
|
<Start
|
|
title="Subscribe to your first collection"
|
|
repo="https://github.com/hanzoai"
|
|
/>
|
|
<ProductFooter slug="realtime" name="Realtime" />
|
|
</main>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default Realtime;
|