// KLIK section pages — Cover, System, ClickSystem, Catalog, Materials function PageHead({ eyebrow, title, sub }) { return (
{eyebrow}

{title}

{sub}

); } function CoverPage() { return (
SYSTEM.01 · INTRODUCING
DOC. KLK-001 REV. 06.2026 CONFIDENTIAL
KLIK assembled pipe — brushed copper head, brushed steel tube, polished steel mouthpiece
HEAD
H-CHAMBER · BRUSHED Cu
MOUTHPIECE
M-MEDIUM · POLISHED Steel
JOINT
N52 NEODYMIUM · ⌀14 · 4.2kg PULL

K L I K

A modular dry-herb pipe system. Click-on heads, tubes and mouthpieces in copper, steel and brass — held together by precision-aligned neodymium rings and food-grade silicone seals. Thirty-six combinations. One pipe that grows with you.

SNAP. SEAL. SMOKE.
36
combinations from 10 parts
<1s
swap any part, no tools
N52
neodymium ring-magnet joint
FDA
food-grade silicone seal
); } function SystemPage() { return (
HEADS× 3
{window.HEADS.map(h => (
{h.id}
{h.name}
{h.desc}
))}
TUBES× 4
{window.TUBES.map(t => (
{t.id}
⌀{t.diameter}mm · {t.lengthIn}
{t.lengthMm} mm · {t.weight}g
))}
MOUTHPIECES× 3
{window.MOUTHPIECES.map(m => (
{m.id}
{m.name}
{m.desc}
))}
3 heads × 4 tubes × 3 mouthpieces = 36 base configurations × 5 materials per part = 4,860 unique builds
); } function ClickCutaway() { const blue = '#7fd4ff'; const copper = '#e8a878'; const steel = '#c8d4e0'; return ( {Array.from({length: 14}).map((_, i) => ( ))} {Array.from({length: 18}).map((_, i) => ( ))} {/* LEFT PART body */} {/* RIGHT PART body */} {/* Inner bore */} ⌀8 BORE {/* Magnet rings */} N S S N {/* O-ring */} {/* Alignment lug */} {/* Centerline */} {/* Callout 01 — Magnet */} 01 {/* Callout 02 — O-ring */} 02 {/* Callout 03 — Alignment lug */} 03 {/* Callout 04 — Internal bore */} 04 {/* Force arrows */} 4.2 kgf HEAD-SIDE · Cu TUBE-SIDE · Steel JOINT · 14.0 mm ); } function ClickSystemPage() { return (
01
Neodymium Ring
N52 grade, ⌀14×⌀10×2mm. Provides 4.2 kg axial pull — strong enough to hold mid-draw, weak enough to release with a slight twist.
02
Silicone O-Ring
FDA food-grade, 70A durometer. Compresses 0.4 mm under magnetic load — establishes a near-airtight pneumatic seal. Pull-tested to 4 kPa.
03
Alignment Lugs (×3)
120° tri-symmetric. Force a rotational lock — the bowl always orients up, the mouthpiece always orients to the user. No fiddling, no mis-aligned screen.
04
Internal Bore
⌀8 mm continuous airway. All parts share the same internal diameter so airflow is never restricted by a joint — only at the mouthpiece taper.
PULL FORCE
4.2 kg
SEAL PRESSURE
4 kPa
CONNECT/DISCONNECT
< 0.4 s
RATED CYCLES
50,000+
); } function CatalogPage() { return (

Heads · 3 variants

{window.HEADS.map(h => (
{h.id}
{h.name}
CAP{h.capacity}
WT{h.weight}g
${h.price}
))}

Tubes · 4 variants

{window.TUBES.map(t => (
{t.id}
⌀{t.diameter} × {t.lengthMm} mm
LEN{t.lengthIn}
WT{t.weight}g
${t.price}
{t.id === 'T-16-S' &&
★ FLAGSHIP / 16mm × 5″
}
))}

Mouthpieces · 3 variants

{window.MOUTHPIECES.map(m => (
{m.id}
{m.name}
WT{m.weight}g
${m.price}
))}
); } function MaterialsPage() { const matMeta = { 'brushed-copper': { story: 'Patinas over time. The pipe you bought becomes the pipe you own.', use: 'Heads · Tubes · Mouthpieces', care: 'Wipe with lemon oil monthly.' }, 'polished-copper': { story: 'Mirror finish. Reflects warm light. Shows every fingerprint — proudly.', use: 'Heads · Mouthpieces', care: 'Microfibre. Avoid abrasives.' }, 'brushed-steel': { story: 'Surgical, quiet, indestructible. The workhorse.', use: 'Tubes · Mouthpieces', care: 'Dishwasher safe.' }, 'polished-steel': { story: 'Cold, sharp, optical. Pairs with copper. Mirror to your hands.', use: 'Tubes · Mouthpieces', care: 'Dishwasher safe.' }, 'brass': { story: 'Gold-tone alloy. Antimicrobial. Grows a living patina.', use: 'Heads · Mouthpieces', care: 'Beeswax annually.' }, }; return (
{Object.entries(window.MATERIALS).map(([key, m]) => (
{m.tone}
{key.toUpperCase().replace('-', ' · ')}
{m.name}

{matMeta[key].story}

APPLIES TO{matMeta[key].use}
CARE{matMeta[key].care}
))}
FUTURE / SYSTEM.02
Anodized titanium and walnut burl coming late 2026.
); } Object.assign(window, { CoverPage, SystemPage, ClickSystemPage, CatalogPage, MaterialsPage, ClickCutaway, PageHead });