mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-29 07:20:43 +00:00
The root layout handed every page the plan catalog (lib/rooms.ts configure with lib/data/plans.json), and /pricing, /calculator, /customers and the benchmark pages bundled the 202 KB price list. lib/api is now the one reader: plans() GET /v1/billing/plans, pricing() /v1/pricing, summary(), served() /v1/models, templates(), blueprints() /v1/blueprint/sbom, one promise a path a page load, each drawn as loading, ready or "api.hanzo.ai is unreachable" (components/api) and never an older number. plans.json, pricing.json, models.json, templates.json, blueprints.json and sync-pricing, sync-models, sync-templates, sync-blueprints are gone. What a static export must know before anyone asks, which model pages exist and their titles, is read by the build itself (lib/api/build, Next's fetch cache keyed by the build's stamp: one answer per build) and renders no rate. lib/moved reads the retired model pages against the export, and the 153 pages the old snapshot kept for models the gateway dropped are in retired.json. Kai's price beside Jev's, Enso's tier rates, a model page's rate and the GPU table read the price list in the browser; the site's plan math no longer imports @hanzo/rooms/lib/plans, whose bundled @hanzo/plans catalog rode the home, /pricing and the picker. Home first load 452.7 -> 437.4 KB gzip (budget 440); pages over perf.budget.json 32 -> 9, the rest over for settings code, connectors and the commerce catalog. The gates serve invented answers (e2e/gates/api) and block them; e2e/gates/read.spec.ts holds that no script carries a plan, price or model table.
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
/**
|
|
* Faq — a question/answer list, once.
|
|
*
|
|
* Two pages shipped byte-identical accordion markup (the download page and the
|
|
* pricing page) differing only in their question list. This is that markup, in
|
|
* one place: a page supplies questions, the component owns disclosure
|
|
* behaviour, spacing and type.
|
|
*
|
|
* Each row is @hanzo/ui's `Disclosure`, a native `<details>`. gui's Accordion
|
|
* mounted an answer only once script had hydrated and the row was opened, so a
|
|
* question clicked before hydration stayed shut, and a crawler met questions
|
|
* with nothing under them. A `<details>` keeps every answer in the document and
|
|
* opens with no script at all.
|
|
*/
|
|
|
|
import type { ReactNode } from 'react'
|
|
import { Disclosure, Text, YStack } from '@hanzo/ui'
|
|
|
|
export interface FaqItem {
|
|
question: string
|
|
/** Text, or text with a figure read when the page opens (components/api). */
|
|
answer: ReactNode
|
|
}
|
|
|
|
export function Faq({ items }: { items: FaqItem[] }) {
|
|
return (
|
|
<YStack width="100%">
|
|
{items.map((item) => (
|
|
<Disclosure key={item.question} summary={item.question}>
|
|
<Text fontSize="$3" lineHeight={22} color="$soft">
|
|
{item.answer}
|
|
</Text>
|
|
</Disclosure>
|
|
))}
|
|
</YStack>
|
|
)
|
|
}
|
|
|
|
export default Faq
|