Implementation:Helicone Helicone Privacy Page

Knowledge Sources	Helicone
Domains	Legal, Frontend
Last Updated	2026-02-14 06:32 GMT

Overview

Static privacy policy page component that renders Helicone's complete privacy policy as a series of numbered sections within the public layout.

Description

privacy.tsx implements the Privacy Policy page as a Next.js page component using the BasePageV2 public layout and MetaData component for SEO. The page renders a structured legal document covering Helicone's data practices.

The component uses a data-driven approach:

A pageContent array of PageContentProps objects (each with title and description) contains the full text of the privacy policy.
The privacyPageSection helper function renders each section as a numbered entry with a bold title and pre-wrapped body text.

Policy Sections (20 total):

Introduction -- Scope and agreement to terms
Definitions -- Key terms (SERVICE, PERSONAL DATA, USAGE DATA, COOKIES, DATA CONTROLLER, etc.)
Information Collection and Use -- Overview of data collection purposes
Types of Data Collected -- Personal data, usage data, location data, cookies
Use of Data -- How collected data is used
Retention of Data -- Data retention policies
Transfer of Data -- International data transfer practices
Disclosure of Data -- Circumstances for data disclosure
Security of Data -- Data security practices
GDPR Rights -- EU/EEA data protection rights
CalOPPA Rights -- California privacy protection compliance
Service Providers -- Third-party service provider data access
Analytics -- Google Analytics, Cloudflare Analytics, PostHog
CI/CD Tools -- GitHub, CircleCI data practices
Behavioral Remarketing -- Google Ads, Twitter remarketing
Payments -- Stripe payment processing
Links to Other Sites -- Third-party link disclaimer
Children's Privacy -- Under-13 protection
Changes to This Privacy Policy -- Update notification policy
Contact Us -- Contact email (help@helicone.ai)

The privacy policy was last updated February 28, 2023.

Usage

This page is accessible at /privacy as a public (unauthenticated) page. It serves as the legal privacy policy document for Helicone users and visitors.

Code Reference

Source Location

Repository: Helicone
File: web/pages/privacy.tsx

Signature

const Privacy = () => {
  const privacyPageSection = (index: number, title: string, description: string) => (
    <div className="flex flex-col space-y-4 text-lg">
      <p className="text-xl font-semibold">{`${index}. ${title}`}</p>
      <p className="whitespace-pre-wrap text-left">{description}</p>
    </div>
  );

  return (
    <MetaData title="Privacy Policy">
      <BasePageV2>
        {/* ... content rendering ... */}
      </BasePageV2>
    </MetaData>
  );
};

interface PageContentProps {
  title: string;
  description: string;
}

export default Privacy;

Import

// This is a Next.js page, accessed via routing at /privacy
// No direct import needed; it is consumed by the Next.js router

I/O Contract

Inputs

Name	Type	Required	Description
(none)	--	--	This is a static page with no external data dependencies

Outputs

Name	Type	Description
Rendered page	JSX	A fully rendered privacy policy page within the BasePageV2 public layout

Component Structure

MetaData (title="Privacy Policy")
  BasePageV2
    Container (max-w-7xl, centered)
      Header: "Privacy Policy"
      Subheader: "Last updated February 28, 2023"
      Sections (20 numbered):
        1. Introduction
        2. Definitions
        3. Information Collection and Use
        ... (through 20. Contact Us)

Usage Examples

// The page is accessed directly via URL
// No programmatic usage - it is a static legal content page

// Link to privacy policy from another component
<Link href="/privacy">Privacy Policy</Link>

Related Pages

Page Connections

Double-click a node to navigate. Hold to expand connections.

Principle

Implementation

Heuristic

Environment