From Dashboards → Decisions

// app/layout.tsx
import { TelemetryProvider } from '@Lonryo/next-telemetry';

export default function RootLayout({ children }) {
  return (
    <TelemetryProvider publishableKey={process.env.NEXT_PUBLIC_Lonryo_KEY}>
      {children}
    </TelemetryProvider>
  );
}

// Automatic tracking + custom events
import { useTrack } from '@Lonryo/next-telemetry';

export function CheckoutButton() {
  const track = useTrack();
  
  return (
    <button onClick={() => track('checkout_initiated', { plan: 'growth' })}>
      Start Growth Plan
    </button>
  );
}