// App carousel + Protocol stepper + PDF reveal const { useEffect: useEffectA, useRef: useRefA, useState: useStateA } = React; const SCREENS = [ { src: 'assets/screens/THEFIRSTSCREENSHOT.jpg', label: 'Daily Gut Score', tag: 'HOME' }, { src: 'assets/screens/SCREENSHOT_5.jpg', label: 'Daily Check-In', tag: 'CHECK-IN' }, { src: 'assets/screens/SCREENSHOT_1.jpg', label: 'AI Meal Analysis', tag: 'CAMERA' }, { src: 'assets/screens/SCREENSHOT_3.jpg', label: 'Trigger Evidence', tag: 'EVIDENCE' }, { src: 'assets/screens/SCNREESHOT_6.jpg', label: 'Body Context', tag: 'CONTEXT' }, { src: 'assets/screens/SCREENSHOT_2.jpg', label: 'Your Trigger Map', tag: 'MAP' }, { src: 'assets/screens/THESECONDSCREENSHOT.jpg', label: 'AI Gut Coach', tag: 'COACH' }, { src: 'assets/screens/SCREENSHOT_4.jpg', label: 'Tolerance Rebuild', tag: 'REBUILD' }, ]; function AppCarousel() { const [active, setActive] = useStateA(0); const trackRef = useRefA(null); const touchRef = useRefA({ x: 0, y: 0, locked: null }); const onTouchStart = (e) => { const t = e.touches[0]; touchRef.current = { x: t.clientX, y: t.clientY, locked: null }; }; const onTouchMove = (e) => { const t = e.touches[0]; const dx = t.clientX - touchRef.current.x; const dy = t.clientY - touchRef.current.y; if (touchRef.current.locked === null && (Math.abs(dx) > 8 || Math.abs(dy) > 8)) { touchRef.current.locked = Math.abs(dx) > Math.abs(dy) ? 'x' : 'y'; } if (touchRef.current.locked === 'x') e.preventDefault(); }; const onTouchEnd = (e) => { const t = e.changedTouches[0]; const dx = t.clientX - touchRef.current.x; if (touchRef.current.locked === 'x' && Math.abs(dx) > 40) { if (dx < 0) setActive(a => Math.min(SCREENS.length - 1, a + 1)); else setActive(a => Math.max(0, a - 1)); } }; return (
03 Inside Gutsy

A log that finally knows what to ask.

Instant food, stool, symptom analysis — no more guesswork on your gut health.

{SCREENS.map((s, i) => { const offset = i - active; const abs = Math.abs(offset); const tx = offset * 280; const rot = offset * 6; const sc = abs === 0 ? 1 : abs === 1 ? 0.85 : 0.7; const op = abs > 3 ? 0 : 1 - abs * 0.18; const z = 100 - abs; return (
2 ? 'none' : 'auto', }} onClick={() => setActive(i)} onMouseEnter={() => setActive(i)} >
{s.label}
); })}
{String(active+1).padStart(2,'0')} / {String(SCREENS.length).padStart(2,'0')}

{SCREENS[active].label}

{SCREENS[active].tag}
{SCREENS.map((s, i) => ( ))}
); } function Protocol() { const [active, setActive] = useStateA(0); const weeks = [ { num: '01', title: 'Baseline established.', body: 'Gutsy calibrates your personal gut health through your food, stool, and symptom analysis.', tag: 'Calibration phase' }, { num: '02', title: 'Patterns emerge.', body: 'First trigger candidates surface with hit rates.', tag: 'Pattern discovery' }, { num: '03', title: 'Triggers identified.', body: 'Top personal triggers, with statistical confidence.', tag: 'Confidence ≥ 70%' }, { num: '04', title: 'Elimination begins.', body: 'Guided removal. Symptom load drops, week over week.', tag: 'Symptom resolution' }, { num: '05', title: 'Clarity & Confidence.', body: 'Gutsy begins to understand your patterns and gut health better than ever before.', tag: 'Tolerance mapping' }, { num: '06', title: 'Your personal map.', body: 'Finished trigger profile. Doctor-ready PDF.', tag: 'Doctor-ready report' }, ]; return (
04 The 6-Week Protocol

Your gut is talking.
Gutsy is listening.

{weeks.map((_,i) => (
{weeks[active].num}
WEEK {weeks[active].num}

{weeks[active].title.replace(/\.$/, '')}.

{weeks[active].body}

{weeks[active].tag}
{weeks.map((w, i) => ( ))}
{String(active+1).padStart(2,'0')} / 06
); } function PdfReveal() { const ref = useRefA(null); const [vis, setVis] = useStateA(false); useEffectA(() => { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setVis(true); }, { threshold: 0.18 }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, []); // Weekly bowel pattern summary — frequency, Bristol dominance, symptom load // Pattern: IBS-D presentation softens to ideal Type 4 by Wk 06 const weeks = [ { wk: '01', bms: 12, perDay: 1.7, bristol: 7, bDom: 80, load: 82 }, { wk: '02', bms: 10, perDay: 1.4, bristol: 6, bDom: 60, load: 71 }, { wk: '03', bms: 9, perDay: 1.3, bristol: 5, bDom: 50, load: 54 }, { wk: '04', bms: 8, perDay: 1.1, bristol: 4, bDom: 50, load: 40 }, { wk: '05', bms: 7, perDay: 1.0, bristol: 4, bDom: 70, load: 28 }, { wk: '06', bms: 7, perDay: 1.0, bristol: 4, bDom: 80, load: 18 }, ]; // Symptom load % vs cumulative confirmed triggers — the inverse correlation // that explains *why* symptoms drop. Both indexed at week endpoints. const trendSym = weeks.map(w => w.load); // 82 → 18 const trendTrig = [0, 2, 5, 8, 11, 12]; // 0 → 12 confirmed const triggers = [ { name: 'Soy Sauce', cls: 'FRUCTAN', conf: 92, lag: 24 }, { name: 'Apples', cls: 'POLYOL · sorbitol', conf: 84, lag: 36 }, { name: 'Garlic', cls: 'FRUCTAN', conf: 78, lag: 26 }, { name: 'Mozzarella', cls: 'LACTOSE', conf: 71, lag: 22 }, ]; return (
05 Doctor-Ready Export

Walk in with evidence.
Walk out with answers.

One page. Six weeks of clinical-grade data. The conversation finally has facts.

  • Weekly bowel pattern · Bristol type · symptom load
  • Triggers identified vs symptoms over 6 weeks
  • Top suspects ranked by Bayesian confidence
  • Apple Health pattern insights · sleep, HRV, motion
  • Print-ready PDF · shareable · doctor-tested
See sample report →
{/* MASTHEAD */}
6-WEEK CLINICAL REPORT
Gutsy·
PATIENTJ. Reyes
DOB1989-04-22
MRNA-2837
RANGE42 DAYS
ISSUED2026-04-26
{/* HERO RESULT */}
−72%
SYMPTOM LOAD REDUCTION
Week 1 baseline → Week 6 endpoint
12
TRIGGERS
34h
TRANSIT
86%
ADHERENCE
{/* WEEKLY BOWEL PATTERN */}
WEEKLY BOWEL PATTERN FREQUENCY · BRISTOL · LOAD
FREQUENCY AVG BRISTOL SYMPTOM LOAD
{weeks.map((w, i) => { const isIdeal = w.bristol === 4; return (
WK {w.wk} {w.bms} BMs · {w.perDay.toFixed(1)}/d Type {w.bristol} · {w.bDom}% {w.load}%
); })}
IDEAL · TYPE 4 · 7 BMs/wk −78% LOAD · WK 01 → WK 06
{/* DUAL-AXIS TREND: SYMPTOMS DOWN, TRIGGERS UP */}
SYMPTOMS × TRIGGERS · WEEKLY INVERSE CORRELATION
{(() => { // x: 6 evenly-spaced points across 14→306 (room for axis labels) const xs = [14, 72, 130, 188, 246, 306]; // y: 4 (top) → 64 (bottom), so map symptoms (0-100) and triggers (0-12) const ySym = v => 4 + (1 - v/100) * 60; const yTrig = v => 4 + (1 - v/12) * 60; const symPts = xs.map((x,i) => [x, ySym(trendSym[i])]); const trigPts = xs.map((x,i) => [x, yTrig(trendTrig[i])]); const smooth = (pts) => pts.reduce((d,[x,y],i,arr) => { if (i === 0) return `M${x},${y}`; const [px,py] = arr[i-1]; const cx = px + (x-px)*0.5; return `${d} C${cx},${py} ${cx},${y} ${x},${y}`; }, ''); const symPath = smooth(symPts); const trigPath = smooth(trigPts); return ( {/* baseline */} {/* symptom area + line */} {/* trigger line — peacock, dashed */} {/* dots */} {symPts.map(([x,y],i) => ( ))} {trigPts.map(([x,y],i) => ( ))} {/* y-axis labels (left = symptoms %, right = trigger count) */} 100% 0 12 0 ); })()}
WK 01WK 02WK 03WK 04WK 05WK 06
SYMPTOM LOAD % TRIGGERS IDENTIFIED
{/* LEAD SUSPECT — DARK AURORA PLATE */}
#1 SUSPECT · CONFIRMED
Oat Milk
LOW FODMAP · PERSONAL SENSITIVITY
The trigger your dietitian missed.
94%
HIT RATE
31/33
EXPOSURES
+24h
AVG ONSET
TOP SYMPTOM Bloating · 31 of 33 exposures
{/* TOP TRIGGERS LIST */}
TOP CONFIRMED TRIGGERS RANKED BY EVIDENCE
{triggers.map((t,i)=>(
{String(i+2).padStart(2,'0')}
{t.name} {t.cls}
{t.conf}% +{t.lag}h
))}
{/* APPLE HEALTH · PATTERNS */}
APPLE HEALTH · PATTERNS GUT × STRESS × MOTION
Sleep < 6h → next-day flare 3.1×
n=11 nights · gut permeability link
Low-step days < 3k → bloating +64%
Movement aids motility · 15-min walks
WK 01 → WK 06
SLEEP 5.6h→7.1h
HRV 38ms→47ms
RHR 72bpm→64bpm
STEPS 4.2k→6.8k
{/* FOOTER */}
CONFIDENTIAL · PATIENT COPY TRANSIT-AWARE BAYESIAN INFERENCE · n=42 · p<0.05 01 / 01
); } // Compact teaser used on home — mini paper that links to /sample-report function PdfTeaser() { const ref = useRefA(null); const [vis, setVis] = useStateA(false); useEffectA(() => { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setVis(true); }, { threshold: 0.18 }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, []); return (
05 Doctor-Ready Export

Walk in with evidence.
Walk out with answers.

One page. Six weeks. The conversation finally has facts.

See full sample report →
6-WEEK CLINICAL REPORT
Gutsy·
PROTOCOL
06/06
{/* SUSPECT PLATE — the wow moment */}
); } window.AppCarousel = AppCarousel; window.Protocol = Protocol; window.PdfReveal = PdfReveal; window.PdfTeaser = PdfTeaser;