mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-28 07:32:52 +00:00
zeekay
c357759bfe
Five marketing directories drop ~2818 Tailwind utility classes for gui primitives + the hz- role classes (action/pill/more/leaf/display/title). Band and Head folds collapse repeated section frames. operator keeps 10 group-hover transitions the hz- vocabulary can't express, named in place. Ratchet 23563 -> 20745; radix/shadcn/base 0 across all five; every page renders 200.
36 lines
966 B
TypeScript
36 lines
966 B
TypeScript
|
|
import React from "react";
|
|
import ModelHeader from "./models/ModelHeader";
|
|
import ModelCard from "./models/ModelCard";
|
|
import ModelFooter from "./models/ModelFooter";
|
|
import { operatorModels } from "./models/operatorModelData";
|
|
import { Band } from '@/components/marketing/band'
|
|
import { Grid } from '@hanzo/ui/grid'
|
|
|
|
const OperativeModels = () => {
|
|
return (
|
|
/* The wash was an absolutely-positioned layer under the content; as the
|
|
band's own ground it is the same picture with one element fewer. */
|
|
<Band
|
|
rule={false}
|
|
ground="linear-gradient(to bottom, var(--neutral-950), var(--background))"
|
|
>
|
|
<ModelHeader />
|
|
|
|
<Grid columns={{ min: 280, max: 3 }} gap={24}>
|
|
{operatorModels.map((model, index) => (
|
|
<ModelCard
|
|
key={index}
|
|
model={model}
|
|
index={index}
|
|
/>
|
|
))}
|
|
</Grid>
|
|
|
|
<ModelFooter />
|
|
</Band>
|
|
);
|
|
};
|
|
|
|
export default OperativeModels;
|