setOpen(false)} />
{/* Slide-down drawer */}
);
}
// ============================== HERO
function Hero() {
return (
{Array.from({length: 2}).map((_, i) => (
BATCH COI-240S-LD-01227 · ANCHORED 03:41 UTC
◆
SUỐI NHIÊU ESTATE · LÂM ĐỒNG · 1,200–1,500M
◆
EX. ĐÀ NẴNG → ROTTERDAM · ETA 11D
◆
FOUNDER COLLECTION · NUMBERED 0001/1888
◆
FLORACHAIN BLOCK 5,048,216 CONFIRMED
◆
AUTHENTICATED THROUGH BLT · ANCHORED TO FLORACHAIN
◆
))}
Verification
BLT · FloraChain
Collection
Reserve · Grand · Founder
Latest batch
COI-240S-LD-01227
);
}
// ============================== BRAND PILLARS
function BrandPillars() {
const pillars = [
{
name: "ORIGIN",
desc: "Farm-mapped, GPS-anchored, single-estate by design.",
icon: (
)
},
{
name: "AUTHENTICITY",
desc: "Producer-signed, lab-verified, never blended.",
icon: (
)
},
{
name: "TRACEABILITY",
desc: "Every batch, anchored to FloraChain. Inspectable forever.",
icon: (
)
},
{
name: "STORY",
desc: "Farmer biography, harvest narrative, hands you can name.",
icon: (
)
}
];
return (
{pillars.map((p, i) => (
{p.icon}
/ {String(i + 1).padStart(2, '0')} — {p.name}
{p.desc}
))}
);
}
// ============================== PRODUCT FEATURE (the three-tier family)
function ProductFeature() {
return (
THE FAMILY · THREE TIERS
One estate.Three expressions.
The same farms, the same wild-foraged process — finished in three altitudes, three roast profiles, three commitments to scarcity. From the everyday Reserve to the numbered Founder Collection.
CỘI RESERVE
Vietnamese Civet Coffee · Flagship
$49 / 100g · ex-stock
GRAND RESERVE
Higher altitude · Limited
$79 / 100g · 480 pouches per harvest
FOUNDER
Numbered estate lot · Digital passport
$149 / 100g · No. 0001 / 1888
);
}
// ============================== PROCESS
function Process() {
const [active, setActive] = useState(0);
const steps = window.SON_DATA.PROCESS_STEPS;
const detail = steps[active].detail;
return (
02 — PROCESS
From cherry
Eight stages, each independently recorded. Click any stage below to read its protocol, its actors, and the data it commits to the ledger.
No stage is invisible. No batch enters the chain without all eight.
{steps.map((s, i) => (
setActive(i)}
>
0{i + 1}
{s.name}
{s.sub}
))}
STAGE {String(active + 1).padStart(2, '0')} · {steps[active].name.toUpperCase()}
{detail.title}
{detail.copy}
{detail.facts.map((f, i) => (
))}
);
}
// ============================== VERIFY ENGINE
function Verify() {
const [query, setQuery] = useState("");
const [tab, setTab] = useState("batch");
const [state, setState] = useState("idle");
const [result, setResult] = useState(null);
const sampleIds = Object.keys(window.SON_DATA.SAMPLE_BATCHES);
const onVerify = (id) => {
const target = id || query;
if (!target) return;
setState("loading");
setTimeout(() => {
const match = window.SON_DATA.SAMPLE_BATCHES[target.toUpperCase()];
if (match) {
setQuery(target.toUpperCase());
setResult(match);
setState("result");
} else {
setState("error");
}
}, 1200);
};
return (
03 — TRACEABILITY ENGINE
From farm to cup.
Enter a batch ID, scan the QR on your pouch hangtag, or paste a tin serial. The ledger returns farm, farmer, processing record, sensory profile, and the FloraChain anchor in under three seconds.
Try one of the sample batches below.
INPUT
Verify a batch
One ID, one farm, one ledger entry, one cup.
setTab('batch')}>Batch ID
setTab('qr')}>QR
setTab('serial')}>Serial
setQuery(e.target.value)}
onKeyDown={(e) => e.key === 'Enter' && onVerify()}
/>
onVerify()}>Verify →
{sampleIds.map(id => (
onVerify(id)}>{id}
))}
{state === "idle" && (
)}
{state === "loading" && (
QUERYING FLORACHAIN…
flora-1 · testnet-gateway.metaflora.xyz
)}
{state === "error" && (
NOT FOUND
Batch identifier did not resolve. Confirm the ID on your hangtag or use one of the sample batches.
)}
{state === "result" && result && (
)}
);
}
function PassportResult({ data, id }) {
return (
{id}
BLOCK
#{data.block.toLocaleString()}
Farm
{data.farm}
{data.region}
Farmer
{data.farmer}
{data.coords} · {data.altitude}
Harvest date
{data.harvest}
Batch weight
{data.weight}
Processing
{data.process}
Roast & cupping
{data.roast}
Tasting notes
{data.notes}
VERIFICATION CHAIN
→
02 BLT HASH
{data.bltHash.slice(0, 16)}…
→
03 FLORACHAIN
{data.floraTx.slice(0, 16)}…
→
04 ANCHORED
{data.anchored.split(' · ')[0]}
);
}
// ============================== LEGEND (civet mascot)
function Legend() {
return (
THE LEGEND
Nature's rare
Civet coffee is nature's rare masterpiece. The Asian palm civet selects only the ripest cherries from the forest canopy, and through a natural digestive process unique to its species, develops the cherry's body and removes its bitterness.
No two harvests are alike. No farm can force the cycle. The civet decides — and we record what the civet decided.
YIELD · per hectare
≤ 4.2 %
);
}
window.SonSections1 = { Nav, Hero, BrandPillars, ProductFeature, Legend, Process, Verify };