mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
zeekayandHanzo Dev
f11062f432
The /analytics landing page hardcoded theme-independent colors (var(--pure-black), var(--pure-white), --neutral-*) into the hero ground, dashboard mock, code windows and section washes. In light mode that meant near-black ink on a pure-black hero and white chart lines on light surfaces — unreadable and harsh. Swap them for @hanzo/design's theme-aware tokens (--background, --muted, --secondary, --primary, --muted-foreground). Dark rendering is unchanged; light mode now resolves correctly. Verified with headless Chromium (hero bg/ink before vs after) and clean tsc --noEmit / design lint. Co-authored-by: Hanzo Dev <[email protected]>
23 lines
669 B
TypeScript
23 lines
669 B
TypeScript
import React from "react";
|
|
import AIPoweredHeader from "./AIPoweredHeader";
|
|
import AIFeatureList from "./AIFeatureList";
|
|
import AIAnalysisDemo from "./AIAnalysisDemo";
|
|
import { Band } from '@/components/marketing/band'
|
|
import { Box } from '@/components/ui'
|
|
|
|
const GROUND = 'linear-gradient(to bottom, color-mix(in oklab, var(--muted) 20%, transparent), var(--background))'
|
|
|
|
const AIPowered = () => {
|
|
return (
|
|
<Band rule={false} pad="$14" measure={1280} ground={GROUND}>
|
|
<Box position="relative" z="var(--z-raised)">
|
|
<AIPoweredHeader />
|
|
<AIFeatureList />
|
|
<AIAnalysisDemo />
|
|
</Box>
|
|
</Band>
|
|
);
|
|
};
|
|
|
|
export default AIPowered;
|