/* Dentist site — Onboarding + Commercial + Proof + FAQ + Final CTA + Footer + Modal */ const { useState: d2S, useEffect: d2E, useMemo: d2M } = React; /* ---------- Onboarding ---------- */ function Onboarding() { const steps = [ { n: "01", t: "Request your free sample", b: "A full trial kit on us — four gels, custom trays, and a fit-pack. No card, no obligation. Dispatched in 48 hours." }, { n: "02", t: "Try it on yourself", b: "Run a course on yourself or a willing partner. See the shade lift. Feel the comfort. Decide which strengths to start with." }, { n: "03", t: "Stock your practice", b: "30-minute onboarding for principal + lead nurse. Marketing pack, patient leaflets, and protocols included. Order direct, dispatched same week." }, ]; return (
— Onboarding Three steps · sample to stocked in under a fortnight

From sample to stocked shelf,
in under a fortnight.

); } /* ---------- Commercial case: patient retention + LTV story (no public £) ---------- */ function Commercial({ onOpenModal }) { const tiers = [ { label: "One-off course", sub: "Patient whitens, leaves, forgets.", mult: 1.0, index: 18 }, { label: "Returning patient", sub: "They come back, maybe, when they remember.", mult: 2.4, index: 42 }, { label: "Returning + 360 app", sub: "App reminds them. They re-order. Through you.", mult: 5.4, index: 100, highlight: true }, ]; return (
— The maths that matters

Whitening is the gift
that keeps giving —
if you keep them coming back.

The real prize isn't the first course. It's the seven years that follow. Our app puts a top-up reminder in your patient's pocket, and routes every re-order back to your practice — not ours, not the high street.

We keep specific pricing and margin terms private. Request the commercial pack and we'll walk you through it on a call.

Talk to the team
{/* LTV visual */}
Patient lifetime value Indexed · 7 years
{tiers.map((t, i) => (
{t.label}
{t.sub}
{t.mult.toFixed(1)}×
))}
* Indicative LTV multipliers from internal pilot data.
Specifics shared in the commercial pack.
); } /* ---------- Testimonial ---------- */ function SocialProof() { return (
— Trusted by
“ We switched from one of the big names and our patients haven't noticed a thing — except the price we charge them, and the fact that nobody is complaining about sensitivity anymore. ”
Stocked by practices across the UK
{["Whitcombe & Hale", "The Marlow Dental Studio", "Penrose Aesthetics", "Ashbury Dental"].map(p => (
{p}
))}
); } /* ---------- FAQ ---------- */ function FAQ() { const items = [ { q: "How does 360 compare to the established chair brands?", a: "The best whitening results always come from custom-fit trays worn consistently — not from off-the-shelf or chair systems. That's what 360 delivers, at a wholesale that leaves you a proper margin. The bigger story is retention: our app reminds patients when they're running low and routes top-ups directly to you." }, { q: "What concentrations are available?", a: "16% carbamide peroxide for overnight wear, and 6% hydrogen peroxide for a one-hour daytime protocol. We supply both — your patient's starting shade and lifestyle determines which is right for them." }, { q: "What's the commercial model?", a: "We keep specific wholesale and margin terms off the public web — it's not in anyone's interest for patients to know what we charge you. Request the commercial pack and we'll walk you through the model on a call." }, { q: "How does the 360 app generate repeat revenue?", a: "Every patient you treat gets the app. It guides them through their course, reminds them when their gel is running low, and routes every top-up order back to your practice. You get notified, fulfilled centrally if you prefer, and the patient never has to think about it." }, { q: "How do I order trays?", a: "Send us PVS impressions or an STL from your scanner. Trays are made in our UK lab on a 5 working day turnaround." }, { q: "Do you offer training?", a: "Yes — a 30-minute remote onboarding for the principal and lead nurse, plus written protocols for the whole team. CPD-aligned." }, { q: "What if a patient has sensitivity?", a: "Our gel is buffered to a neutral pH with a built-in desensitiser. For patients who do experience sensitivity, we recommend the 6% HP daytime protocol with shorter wear times, stepping up as they tolerate it." }, ]; const [open, setOpen] = d2S(0); return (
— Questions, asked

The bits you actually want to know.

{items.map((it, i) => { const isOpen = open === i; return (

{it.a}

 ); })}
); } /* ---------- Final CTA ---------- */ function FinalCTA({ onOpenModal }) { return (
Ready when you are

Ready to offer your patients something better?

Start with a free sample kit. Or grab fifteen minutes with the team — we'll walk you through pricing, training and the marketing pack.

Book a 15-min call
); } /* ---------- Footer ---------- */ function Footer({ onOpenModal }) { return ( ); } function FCol({ title, links, dim }) { return (
{title}
); } /* ---------- Sample-kit modal ---------- */ function SampleModal({ open, onClose }) { const [step, setStep] = d2S(0); const [form, setForm] = d2S({ firstName: "", lastName: "", practice: "", email: "", postcode: "" }); const [busy, setBusy] = d2S(false); const [err, setErr] = d2S(""); const upd = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); d2E(() => { const onKey = (e) => { if (e.key === "Escape") onClose(); }; if (open) window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [open, onClose]); const submit = async () => { setErr(""); const name = `${form.firstName} ${form.lastName}`.trim(); if (!name || !form.email.trim()) { setErr("Please add your name and practice email."); return; } setBusy(true); try { await window.submitEnquiry({ name, practice: form.practice.trim(), email: form.email.trim(), postcode: form.postcode.trim(), message: "Dentist enquiry — free sample kit request.", }); setStep(1); } catch (e) { setErr("Something went wrong sending that. Please try again, or email hello@360whitening.co.uk."); } finally { setBusy(false); } }; return (
e.stopPropagation()}> {step === 0 ? ( <> — Request your free sample

A full trial kit, on us. No card.

Tell us where to send it. We'll dispatch in 48 hours and follow up after a week — no harder sell than that.

{err && (

{err}

)}

For UK dental professionals only · GDC verification on dispatch

) : (

On its way within 48 hours.

We've sent a confirmation + tracking link to your inbox. In the meantime, the marketing pack is ready to download.

Marketing pack
)}
); } Object.assign(window, { Onboarding, Commercial, SocialProof, FAQ, FinalCTA, Footer, SampleModal, TheApp }); /* ---------- The 360 App — free recurring revenue ---------- */ function TheApp({ onOpenModal }) { return (
— The 360 app

Free recurring revenue.
Built in.

Every patient you treat gets the 360 app. It guides them through their course, reminds them when they're running low, and routes every top-up order back to your practice. You set your own top-up prices — patients see the price, request the refill, and you get an email. No third party. No commission. The revenue is yours.

{[ ["01", "Retention reminders", "The app nudges patients when gel runs low — they don't forget, because it doesn't let them."], ["02", "Direct-to-practice orders", "Top-up requests come straight to you by email. You fulfil at your own margin. No middleman."], ["03", "Your prices, your terms", "Set a single-syringe and a triple-pack price in your portal. Patients see it before they request."], ["04", "Patient oversight", "See who's using their kit, who's run out, and who's gone quiet — then follow up."], ].map(([n, t, b]) => (
{n}
{t}
{b}
))}
See the app demo
); } /* Shared phone mockup — tone-aware */ function PhoneMock({ mode = "dentist" }) { const isDentist = mode === "dentist"; const notifs = isDentist ? [ { app: "360 Whitening", title: "Top-up order received", body: "Sarah J. · Tray refill + 2× 16% CP. Routing to your practice.", flag: "REVENUE" }, { app: "360 Whitening", title: "Patient finished course", body: "Tom B. · Course complete · Shade lift 6.", flag: "MILESTONE" }, { app: "360 Whitening", title: "Adherence alert", body: "Emma R. hasn't logged a session in 4 days. Nudge sent.", flag: "INSIGHT" }, ] : [ { app: "360 Whitening", title: "Time for tonight's session", body: "Pop in your trays, set a timer for 30 minutes.", flag: "ROUTINE" }, { app: "360 Whitening", title: "Day 9 · You're glowing", body: "You're 2 shades up. Three to go.", flag: "PROGRESS" }, { app: "360 Whitening", title: "Running low?", body: "One gel left. Order a top-up through your dentist.", flag: "TOP-UP" }, ]; return (
{/* shatter pattern */} ); } Object.assign(window, { TheApp, PhoneMock });