// Site sections — kept separate for readability const { useState, useEffect, useRef, useMemo } = React; // ───────────────────────────────────────────────────────────────── // Reusable bits // ───────────────────────────────────────────────────────────────── function Eyebrow({ num, children }) { return (
{num} {children}
); } function DotWaveBg({ opacity = 0.25 }) { // SVG dot-wave field — concentric arcs of dots const dots = []; for (let r = 1; r <= 12; r++) { const radius = r * 36; const count = Math.max(8, r * 8); for (let i = 0; i < count; i++) { const angle = (i / count) * Math.PI * 2; const x = Math.cos(angle) * radius; const y = Math.sin(angle) * radius; const size = Math.max(0.6, 2.2 - r * 0.12); const op = Math.max(0.05, 1 - r * 0.08); dots.push(); } } return ( {dots} ); } // Stable dot-field positions (seeded so they don't jump between renders) const FIELD_DOTS = (() => { let s = 0x2f6e2b1; const rnd = () => { s = (s * 1103515245 + 12345) & 0x7fffffff; return s / 0x7fffffff; }; return Array.from({ length: 80 }, () => ({ x: 90 + rnd() * 420, y: 90 + rnd() * 180 })); })(); const _clampD = (v, a, b) => Math.max(a, Math.min(b, v)); const _easeOut = (t) => 1 - Math.pow(1 - t, 3); // segment reveal: 0 before a, eased 0..1 between a and b, 1 after b const _seg = (p, a, b) => _easeOut(_clampD((p - a) / (b - a), 0, 1)); function Diagram5050kHz({ progress = 1 }) { // Schematic: two electrode plates with food (curve) between, dot field around food. // Each element reveals as `progress` (0..1) advances, so it can be scroll-scrubbed. const p = progress; const frame = _seg(p, 0.00, 0.07); const elA = _seg(p, 0.07, 0.15); const elB = _seg(p, 0.15, 0.23); const scl = _seg(p, 0.23, 0.31); const food = _seg(p, 0.31, 0.44); const annT = _seg(p, 0.80, 0.90); const annB = _seg(p, 0.90, 1.00); return ( {/* Frame — traces on */} {/* Left electrode — grows from its center */} ELEC. A {/* Right electrode */} ELEC. B {/* RF wave field — arcs draw on, staggered left → right */} {Array.from({length: 9}).map((_,i) => { const x = 90 + i * 50; const w = _seg(p, 0.44 + i * 0.022, 0.44 + i * 0.022 + 0.07); return ( ); })} {/* Dot field — pops in, staggered */} {FIELD_DOTS.map((d, i) => { const o = _clampD((p - (0.60 + (i / FIELD_DOTS.length) * 0.18)) / 0.03, 0, 1); return ; })} {/* Food shape (potato/chip cluster) — scales up */} FOOD {/* Top annotation */} f ≈ 50 kHz · ultra-low RF field {/* Bottom annotation — connector line; the wording is rendered below as the result stamp */} {/* Scale */} interelectrode gap (typ. 320–480 mm) ); } // Ordered components revealed during the scroll. Ranges match the SVG segments // in Diagram5050kHz so the words appear in lockstep with the drawing. const SCHEMATIC_STEPS = [ { a: 0.00, b: 0.07, t: 'Drawing frame', d: 'Reference enclosure — the fryer cross-section.' }, { a: 0.07, b: 0.15, t: 'Electrode A (−)', d: 'Conductive panel mounted against one fryer wall.' }, { a: 0.15, b: 0.23, t: 'Electrode B (+)', d: 'Opposing panel — the pair defines the field gap.' }, { a: 0.23, b: 0.31, t: 'Interelectrode gap', d: 'Typical 320–480 mm spacing between the panels.' }, { a: 0.31, b: 0.44, t: 'Food load', d: 'Product submerged in oil between the panels.' }, { a: 0.44, b: 0.66, t: '50 kHz RF field', d: 'Ultra-low-power waves span the gap, left to right.' }, { a: 0.60, b: 0.80, t: 'Field density', d: 'Non-thermal energy distributed through the oil.' }, { a: 0.80, b: 0.90, t: 'Operating frequency', d: 'f ≈ 50 kHz — the control field, labelled.' }, { a: 0.90, b: 1.00, t: 'Result', d: 'Surface tension altered → oil ingress prevented.' }, ]; // Legend that builds alongside the drawing — each row names + describes the // component currently appearing, highlighting the one being drawn. function SchematicLegend({ p }) { return (
    {SCHEMATIC_STEPS.map((s, i) => { const r = _seg(p, s.a, s.b); const active = r > 0.001 && r < 0.999; const done = r >= 0.999; const titleColor = active ? 'var(--amber-deep)' : (r > 0 ? 'var(--graphite)' : 'var(--warm-500)'); return (
  1. 0 ? 1 : 0.4, transition: 'opacity .2s ease', }}>
    {String(i + 1).padStart(2, '0')} {s.t}
    {/* draw-progress tick for this component */}

    {s.d}

    2. ); })}
); } // Result stamp — the word RESULT sprays on letter-by-letter in graffiti red as // the drawing finishes, then the plain-language outcome fades in beside it. function ResultStamp({ p }) { const letters = 'RESULT'.split(''); const ROT = [-6, 5, -3, 6, -5, 3]; // per-letter graffiti jitter const sentence = _seg(p, 0.97, 1.0); return (
{letters.map((ch, i) => { const a = 0.86 + i * 0.02; const r = _seg(p, a, a + 0.045); return ( ); })}

Surface tension altered → oil ingress prevented.

); } // Scroll-scrubbed wrapper: pins the figure and draws it on part-by-part as you // scroll through the track; reverses as you scroll back up. function ScrollSchematic() { const trackRef = useRef(null); const [p, setP] = useState(0); const shortVp = () => (typeof window !== 'undefined') && (window.innerWidth <= 760 || window.innerHeight < 900); const [isMobile, setIsMobile] = useState(shortVp); useEffect(() => { const onR = () => setIsMobile(shortVp()); window.addEventListener('resize', onR); return () => window.removeEventListener('resize', onR); }, []); useEffect(() => { if (isMobile) { setP(1); return; } const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce) { setP(1); return; } let raf = 0; const update = () => { raf = 0; const el = trackRef.current; if (!el) return; const rect = el.getBoundingClientRect(); const total = rect.height - window.innerHeight; const prog = total > 0 ? _clampD(-rect.top / total, 0, 1) : 0; setP(prog); }; const onScroll = () => { if (!raf) raf = requestAnimationFrame(update); }; update(); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll); return () => { window.removeEventListener('scroll', onScroll); window.removeEventListener('resize', onScroll); if (raf) cancelAnimationFrame(raf); }; }, [isMobile]); const Figure = ({ prog }) => (
FIG. 01 · SCHEMATIC OF INTERELECTRODE FIELD {Math.round(prog * 100)}% DRAWN
); if (isMobile) { return (
); } return (
{/* light vignette — gently focuses attention on the pinned figure */}
); } // ───────────────────────────────────────────────────────────────── // Top nav // ───────────────────────────────────────────────────────────────── function TopNav() { const [open, setOpen] = useState(false); const links = [ ['Technology', '#technology'], ['Evidence', '#evidence'], ['Savings', '#savings'], ['Testimonials', 'Testimonials.html'], ['Case study', 'Case Study.html'], ['Specifications', '#specifications'], ['Certifications', '#certifications'], ['Support', '#support'], ]; return ( ); } // ───────────────────────────────────────────────────────────────── // Sections (everything BETWEEN the panels) // ───────────────────────────────────────────────────────────────── function Mechanism() { return (
How prevention technology works

Not a filter. Not a cleaner.
A control field operating at 50 kHz.

ProWave™ is a retrofit unit, not a heating device. Two electrode panels mount inside the fryer, generating an extremely weak radio-frequency field between them. The field alters the oil-water boundary at the surface of the food, preventing oil ingress before it occurs.

{/* Real product photo — the retrofit in place */}
ProWave control unit with two electrode panels lowering into a fryer oil bath
Fig. 01 · Cabinet + two panels retrofit into an existing fryer
{/* The schematic — pins + draws on part-by-part as you scroll */} {/* Three pillars */}
{[ { k: '50,000', u: '/ second', t: 'Field cycles per second between electrode A and electrode B.' }, { k: '< 1.0', u: 'W power draw', t: 'The field is non-thermal. Total cabinet draw stays under one watt-hour per shift.' }, { k: '0', u: 'consumables', t: 'No filter cartridges. No paper. No additives. Install once and run.' }, ].map((p,i) => (
{p.k} {p.u}

{p.t}

))}
); } function Evidence() { // Documented results — Musashino Corporation (Seven-Eleven Japan production // facility). Two products tested: deep-fried pork cutlet & roast pork cutlet. const products = ['Deep-fried pork cutlet', 'Roast pork cutlet']; const rows = [ { label: 'Oil absorption', a: { pct: 25 }, b: { pct: 40 } }, { label: 'Calorie', sub: 'per 100 g equivalent', a: { pct: 15, detail: '290 → 246 kcal' }, b: { pct: 28, detail: '396 → 284 kcal' } }, { label: 'Preparation time', a: { raw: '−10 sec' }, b: { raw: '−10 sec' } }, ]; return (
Measured. Not asserted.

36% less oil. Documented.
At a Seven-Eleven Japan production facility.

MEASURED ACROSS TWO FRY LINES — DEEP-FRIED & ROAST PORK CUTLET.

Seven-Eleven
{/* The line, in Japan — real chef, real production kitchen */}
A production chef at the fry line in a Japanese kitchen using Dr. Fry
Portrait of the chef at the production line
ON THE LINE
A production chef at Musashino Corp., Japan — the field running on a live fry line, not a lab bench.
FACILITY · MUSASHINO CORP. FOR · SEVEN-ELEVEN JAPAN PRODUCTS · 2 FRY LINES METHOD · DESIGNATED FACILITY
{/* Facility-wide headline: oil usage */}
OIL USAGE · FACILITY-WIDE
−36% 2,158 L → 1,398 L
ELECTRODES INSTALLED ON A SINGLE PRODUCTION LINE
{/* Per-product comparison header */}
BY PRODUCT
{products.map((p) => (
{p}
VS BASELINE
))}
{rows.map((m, i) => (
{m.label}
{m.sub ? m.sub.toUpperCase() : `METRIC.${(i+1).toString().padStart(2,'0')}`}
{[m.a, m.b].map((cell, j) => (
{cell.pct != null ? (
−{cell.pct}%
{cell.detail &&
{cell.detail}
} ) : ( {cell.raw} )}
))}
))}
{/* Observed bubble behaviour — microscopy comparison */}
OBSERVED · OIL–WATER INTERFACE UNDER LOAD SMALLER + FEWER BUBBLES
Side-by-side macro photography of frying with Dr. Fry 2s off versus on — the field on produces visibly smaller and fewer bubbles at the oil interface
Watch the live demonstration
FILMED AT OZEKI SUPERMARKET · JAPAN
Ozeki supermarket logo YOUTUBE ↗
{/* Methodology footer */}
FACILITY
Musashino Corporation — a designated dietary production facility supplying Seven-Eleven Japan. Two products tested: deep-fried pork cutlet and roast pork cutlet.
HEADLINE
Oil usage fell 36% — from 2,158 L to 1,398 L — with electrodes installed on a single production line. Oil absorption down 25–40%.
SOURCE
Dr.Fry Japan Co., Ltd. effectiveness report (Musashino Corporation). Single-facility result; figures vary by product and line. Available on request.
); } function ROI() { const [oilCost, setOilCost] = useState(49); // €/20L · average const [oilWeek, setOilWeek] = useState(80); // L/week const [days, setDays] = useState(312); const [reductionPct, setReductionPct] = useState(36); // % oil-usage reduction — 36% documented at Musashino (conservative) const reduction = reductionPct / 100; // oil-usage reduction — 36% documented at Musashino Corp. (Seven-Eleven Japan) const annual = oilCost * (oilWeek / 20) * (days / 7); // fresh-oil spend, baseline const freshSaved = annual * reduction; // less fresh oil bought const saved = freshSaved; // net annual benefit — resale excluded (operator-specific) const UNIT_PRICE = 4500, LIST_PRICE = 5900; // Founding Partner / list const payback = saved > 0 ? (UNIT_PRICE / saved) * 12 : 0; // €4,500 preorder price, in months // The headline saving stays blurred until the operator sends their details. // Session-only (not persisted) so it always starts blurred on a fresh load. const [unlocked, setUnlocked] = useState(false); const unlock = () => setUnlocked(true); function Slider({label, unit, val, min, max, step, onChange}) { return (
{label} {val.toLocaleString()} {unit}
onChange(+e.target.value)} style={{ width: '100%', height: 4, WebkitAppearance: 'none', appearance: 'none', background: `linear-gradient(to right, var(--graphite) 0 ${(val-min)/(max-min)*100}%, var(--warm-200) ${(val-min)/(max-min)*100}% 100%)`, outline: 'none', }} />
); } return (
Savings calculator

The unit pays for itself.
Most operators see payback within the first year.

{[ ['FOUNDING PARTNER', 'TBA', 'preorder · paid in full', false], ['LIST', 'TBA', 'after founder programme', true], ].map(([k,v,s,strike],i)=>(
{k}
{v}
{s}
))}
{/* Inputs */}
INPUTS · YOUR OPERATION EUR
{/* Outputs */}
OUTPUT · MODELLED −{reductionPct}% OIL USE
ANNUAL OIL SPEND, BASELINE
€{Math.round(annual).toLocaleString()}
NET SAVED PER YEAR
€{Math.round(saved).toLocaleString()}
{!unlocked && ( )}
Fresh oil saved (−{reductionPct}%) +€{Math.round(freshSaved).toLocaleString()}
PAYBACK
TBA
5-YEAR NET
TBA

ASSUMPTIONS · 36% oil-usage reduction documented at Musashino Corporation (2,158 L → 1,398 L), a Seven-Eleven Japan production facility. Single-facility result; your figures vary by product, line and oil. Figures reflect reduced oil purchasing only; any change in used-oil resale income is operator-specific and excluded. Single-fryer install.

); } // ───────────────────────────────────────────────────────────────── // ROI → lead capture. Saves the operator's figures + note straight to // the Dr. Fry dashboard (shared localStorage book) — no self-email. // ───────────────────────────────────────────────────────────────── const STORE_KEY = 'drfry_round_commitments_v1'; function RoiEmail({ figures, onSent, revealed }) { const [form, setForm] = useState({ name:'', email:'', company:'', message:'' }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const [submitting, setSubmitting] = useState(false); const [netErr, setNetErr] = useState(''); const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const eur = (n) => '€' + Math.round(n).toLocaleString('en-US'); async function submit(ev) { ev.preventDefault(); const e = {}; if (!form.name.trim()) e.name = 1; if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(form.email)) e.email = 1; setErrors(e); if (Object.keys(e).length) return; setNetErr(''); setSubmitting(true); // Save the lead straight to the dashboard book (shared localStorage). const lead = { kind: 'roi', name: form.name.trim(), email: form.email.trim(), org: form.company.trim() || '—', role: 'ROI lead', message: form.message.trim(), seats: 0, ts: Date.now(), roi: { oilCost: figures.oilCost, oilWeek: figures.oilWeek, days: figures.days, reductionPct: figures.reductionPct, annual: figures.annual, freshSaved: figures.freshSaved, saved: figures.saved, payback: figures.payback, fiveYear: figures.fiveYear, }, }; try { const raw = JSON.parse(localStorage.getItem(STORE_KEY) || '[]'); raw.push(lead); localStorage.setItem(STORE_KEY, JSON.stringify(raw)); } catch {} // Push the lead to the sequencing backend so the team is actually notified. const payload = JSON.stringify({ email: form.email.trim(), name: form.name.trim(), org: form.company.trim(), role: 'ROI lead', note: form.message.trim(), source: 'roi-form', }); const opts = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload }; const post = async (url) => { const r = await fetch(url, opts); if (!r.ok || !(r.headers.get('content-type') || '').includes('json')) throw new Error('HTTP ' + r.status); return r.json(); }; try { try { await post('/api/capture-lead'); } catch { await post('https://dr-fry-sequencerr.vercel.app/api/capture-lead'); } } catch (err) { setSubmitting(false); setNetErr('Could not reach the Dr. Fry server (' + String(err.message || err) + '). Your details were saved locally but NOT sent to the team — check the backend is deployed and try again.'); return; } setSubmitting(false); setSent(true); if (onSent) onSent(); } const inputBase = { width:'100%', background:'var(--porcelain)', border:'1px solid var(--warm-200)', padding:'13px 15px', fontSize:15, color:'var(--graphite)', fontFamily:'inherit', transition:'border-color .2s ease, box-shadow .2s ease', }; const labelBase = { display:'block', fontFamily:"'IBM Plex Mono', monospace", fontSize:10, letterSpacing:'0.14em', textTransform:'uppercase', color:'var(--warm-500)', marginBottom:8, }; return (
{/* Left: pitch + live figure */}
REQUEST A TAILORED QUOTE
Send us your numbers and a word about your kitchen.

We'll reply with a tailored quote and a measured-trial offer for your site. Your current estimate:

{eur(figures.saved)} SAVED / YEAR
{/* Right: form */} {sent ? (
Got it — we'll be in touch.

Your figures and note are with the Dr. Fry team. We'll reply to {form.email} with a tailored quote and a measured-trial offer for your site, usually within two business days.

) : (
{(errors.name || errors.email) && (
Please add your name and a valid email so we can reply.
)} {netErr && (
◆ {netErr}
)}

Sends your figures and note straight to the Dr. Fry team — we'll reply by email with a tailored quote.

)}
); } function Specifications() { const rows = [ ['Model', 'ENF-PW-EU'], ['Operating frequency', '50 kHz ± 2%'], ['Power consumption', '< 1.0 W (cabinet)'], ['Input', '110–240 V AC, 50/60 Hz'], ['Electrode panels', '2 × ABS housing, 304 stainless mounts'], ['Interelectrode gap', '320–480 mm (typ. fryer)'], ['Operating temp.', 'up to 200 °C oil, 60 °C cabinet'], ['Ingress rating', 'IP54 (cabinet), IP67 (panels)'], ['Certifications', 'UL · RCM/SAA · PSE'], ['CE (EU) / UKCA', 'In progress · target Q4 2026'], ['Dimensions (cabinet)', '142 × 84 × 38 mm'], ['Mass (cabinet)', '420 g'], ['Origin', 'Designed & assembled in Japan'], ]; return (
Engineering specification

Documented to the watt.
Built to outlast the fryer.

SPEC SHEET · ENF-PW-EU · REV 04 · 2026
{rows.map(([k,v],i)=>( ))}
{k} {v}
FIG. 02 · THE COMPLETE KIT
Dr. Fry control cabinet with two electrode panels
Mounts on side wall of fryer cabinet. Panels lower into oil bath via stainless brackets. Single 24V DC tether. Field-replaceable in < 12 minutes.
); } // ───────────────────────────────────────────────────────────────── // Certifications band — regional approvals // ───────────────────────────────────────────────────────────────── function CertMark({ kind }) { // Minimal SVG glyphs standing in for each regulator's mark const common = { fill: 'none', stroke: 'currentColor', strokeWidth: 1.6 }; if (kind === 'UL') { return ( ); } if (kind === 'RCM') { return ( ); } // PSE — diamond (the actual PSE mark is a diamond for these product classes) return ( ); } function Certifications() { const certs = [ { mark:'UL', region:'United States', std:'UL Listed', spec:'120 V / 60 Hz', code:'UL 197 · file E-pending' }, { mark:'RCM', region:'Australia & NZ', std:'RCM / SAA certified', spec:'230 V / 50 Hz', code:'AS/NZS 60335' }, { mark:'PSE', region:'Japan', std:'PSE approved', spec:'100 V / 50–60 Hz', code:'DENAN · Diamond PSE' }, ]; return (
Independently certified · where we ship

Passed in three jurisdictions.

Each ProWave™ cabinet ships market-specific — voltage, frequency, and plug configured to the destination, tested against that market's safety standard. We list approvals by jurisdiction so you can verify each one.

{certs.map((c, i) => (
{c.region}
{c.std}
SUPPLY {c.spec}
STANDARD {c.code}
))}
{/* CE status — honest in-progress signal, never implied as achieved */}
CE (EU) In progress
TARGET Q4 2026

CE certification is underway, building on our existing 230 V / 50 Hz approval (RCM/SAA). Until the mark issues, EU deployments run as Founding Partner trials — not commercial placement. Declarations of Conformity for UL, RCM/SAA and PSE are available to verify on request.

); } function Support() { return (
European service infrastructure

Installed, monitored, guaranteed.
From Monster, in 11 countries.

{[ { k: '< 48h', l: 'Site survey', d: 'Booked from request' }, { k: '< 2h', l: 'Install per fryer', d: 'During off-hours' }, { k: '24/7', l: 'Monitoring', d: 'Optional telemetry' }, ].map((s,i)=>(
{s.k}
{s.l}
{s.d}
))}
{/* CTA strip */}
{window.JapanStrip && }
Book a measured trial in your kitchen.
28-DAY PROTOCOL · NO CHARGE IF NO MEASURED RESULT
REQUEST TRIAL →
); } function Footer() { return ( ); } Object.assign(window, { TopNav, Mechanism, Evidence, ROI, Specifications, Certifications, Support, Footer, Eyebrow, DotWaveBg });