'use client' function Toggle({ on = true }: { on?: boolean }) { return (
) } export function ModularScriptMockup() { return (
{/* Features heading */}

Features

{/* Feature toggles — 2 column grid */}
{[ { name: 'Scroll depth', desc: 'Track 25 / 50 / 75 / 100%', on: true }, { name: '404 detection', desc: 'Auto-detect error pages', on: true }, { name: 'Outbound links', desc: 'Track external link clicks', on: true }, { name: 'File downloads', desc: 'Track PDF, ZIP, and more', on: true }, ].map((feature) => (

{feature.name}

{feature.desc}

))}
{/* Frustration tracking — full width, disabled */}

Frustration tracking

Rage clicks & dead clicks · Loads separate add-on script

{/* Visitor identity */}

Visitor identity

How returning visitors are recognized. Stricter settings increase privacy but may raise unique visitor counts.

Recognition

Across all tabs

Reset after

24 hours
{/* Setup guide */}

Setup guide

All integrations →
{[ { name: 'Next.js', icon: }, { name: 'React', icon: }, { name: 'Vue.js', icon: }, { name: 'Angular', icon: }, { name: 'Svelte', icon: }, { name: 'Nuxt', icon: }, { name: 'Remix', icon: }, { name: 'Astro', icon: }, ].map((fw) => ( {fw.icon} {fw.name} ))}
{/* Verified status */}
Verified Your site is sending data correctly.
) }