// ColdOcean — shared page components for About, Case Studies, Playbook.
// Loaded after Hero.jsx / Sections1.jsx / Sections2.jsx so `window.Co*` and
// window.CO_STUDIES / window.CO_BOOKING_URL are available.
const BOOKING = window.CO_BOOKING_URL || 'https://tidycal.com/coldocean/15-minute-meeting';
// ─── Shared hero shell ────────────────────────────────────────
function CoPageHero({ eyebrow, title, subtitle, kicker, tag, minHeight = 560 }) {
return (
{kicker}
{title}
{subtitle && (
{subtitle}
)}
{tag && {tag}}
);
}
// ─── ABOUT ────────────────────────────────────────────────────
function CoAbout() {
const values = [
{ n: '01', t: 'OPERATORS, NOT VENDORS', b: 'We carry a P&L mindset into every engagement. We ship the system we would want on our own team.' },
{ n: '02', t: 'SHIP IN WEEKS, NOT QUARTERS', b: 'Our first workflow lands in two weeks. Iteration is continuous. Scope is whatever compounds.' },
{ n: '03', t: 'COMPOSE, DONT REPLACE', b: 'We meet your stack where it runs — HubSpot, Salesforce, Close, Apollo. We bring the glue and the agents.' },
{ n: '04', t: 'AGENTS DO THE WORK', b: 'Not dashboards about work. Not copilots that suggest. Autonomous agents that research, decide, write, ship.' },
];
const timeline = [
{ yr: '2024', l: 'FOUNDED', b: 'ColdOcean starts as a two-person studio in Amsterdam shipping outbound workflows on n8n + Claude.' },
{ yr: '2025', l: 'FIRST 20 CLIENTS', b: 'Bilingual outbound, research agents, inbound triage. Expanded to London. First enterprise deployment.' },
{ yr: '2026', l: 'PLATFORM + STUDIO', b: 'Four pillars solidify. 47 GTM teams operating. €42M pipeline generated across EU · UK · APAC.' },
];
const stats = [['47', 'GTM TEAMS'], ['€42M', 'PIPELINE'], ['1.2M', 'LEADS / DAY'], ['< 72h', 'FIRST SHIP']];
return (
<>
WE ARE THE PEOPLE YOU CALL WHEN YOU WANT IT GONE.}
subtitle="ColdOcean is a GTM AI automation studio. We ship autonomous revenue systems — pipeline, outbound, research, ops. Our voice is confident, declarative, operator-first."
tag="STUDIO · AMSTERDAM · LONDON"
/>
{/* Positioning + mission */}
ONE-LINER
We build revenue machines that never sleep.
MISSION
Give every GTM team a 24/7 autonomous revenue layer — agents that research, decide, write, and ship — composed around the tools they already run.
);
}
// ─── PLAYBOOK ────────────────────────────────────────────────
function CoFAQRow({ q, a, open, onToggle }) {
return (
{open && (
{a}
)}
);
}
function CoPlaybook() {
const [openFaq, setOpenFaq] = React.useState(0);
const weeks = [
{
n: 'WEEK 1',
title: 'DISCOVERY',
sub: 'AUDIT · ICP · STACK MAPPING',
bullets: [
'Half-day working session: current motion, top 3 bottlenecks',
'ICP refinement using your closed-won data',
'Stack audit: what connects, what breaks, what we replace',
'Agreed target workflow + success metrics',
],
tools: ['CLAUDE', 'NOTION', 'FIGMA', 'HUBSPOT'],
},
{
n: 'WEEK 2',
title: 'FIRST WORKFLOW',
sub: 'BUILD · INTEGRATE · SHIP',
bullets: [
'Agent + n8n workflow wired end-to-end',
'Live integration with your CRM and send tools',
'Human-in-loop review for first 48 hours',
'Workflow shipped live by Friday of week 2',
],
tools: ['n8n', 'CLAUDE', 'APOLLO', 'SUPABASE'],
},
{
n: 'WEEK 3+',
title: 'COMPOUND',
sub: 'MEASURE · ITERATE · EXPAND',
bullets: [
'Weekly iteration against live metrics',
'New pillars layered: research → outbound → revops',
'Monthly architecture review with leadership',
'Every quarter: one new autonomous workflow live',
],
tools: ['METABASE', 'SLACK', 'LINEAR', 'HUBSPOT'],
},
];
const youProvide = [
'CRM access (read + write, scoped role)',
'Closed-won + closed-lost data for last 12 months',
'One operator point-of-contact, 2 hrs/week',
'Goals, constraints, and what "good" looks like',
];
const weDeliver = [
'End-to-end working agent workflow (not a demo)',
'Live integration with your existing stack',
'Architecture doc + runbook your team can own',
'Weekly iteration calls + Slack channel access',
];
const faqs = [
{ q: 'Why two weeks? Isn’t that too fast for enterprise?', a: 'Two weeks is the time to ship the first workflow. Enterprise-grade hardening — compliance, audit logging, multi-tenant routing — is layered in weeks 3–8. The point of week 2 is to have a live, measurable system your team can react to. Theoretical architecture docs don’t compound; shipped systems do.' },
{ q: 'Do you replace our SDRs / ops team?', a: 'Sometimes yes, usually partially. Most teams redeploy their human operators to higher-leverage work — strategic accounts, edge-case handling, feedback loops into the agents. The agents handle volume; humans handle judgment.' },
{ q: 'Which stack do you require?', a: 'None. We compose around what you already run. HubSpot, Salesforce, Close, Apollo, Smartlead, Zoominfo, Clay, Airtable, Supabase, Vercel — we wire to what exists. The only thing we bring in by default is n8n (self-hosted or cloud) and Claude as the agent runtime.' },
{ q: 'What does pricing look like?', a: 'Fixed-fee engagements. Typical first workflow: €25–45k depending on scope and integration depth. Ongoing iteration: monthly retainer tied to measurable outcomes. We share exact scope + price on the second call, after discovery is scoped.' },
{ q: 'Can we see a workflow before we commit?', a: 'Yes. The 30-minute call always ends with a demo that mirrors your motion — no canned decks. If the fit is right, we scope a two-week engagement on the spot. If not, we hand you the architecture notes anyway.' },
];
return (
<>
HOW WE SHIP IN TWO WEEKS.}
subtitle="Every engagement follows the same rhythm. Week 1 we scope. Week 2 we ship. Week 3+ we compound. No roadmaps. No workshops. No decks."
tag="2-WEEK CADENCE"
/>
{/* Weeks timeline */}
);
}
// ─── LEGAL PAGES (Privacy / Cookies / Terms) ─────────────────
const CO_LEGAL = {
privacy: {
kicker: 'LEGAL · PRIVACY POLICY',
tag: 'EFFECTIVE 2026-01-01',
title: <>PRIVACY POLICY.,
subtitle: 'How ColdOcean B.V. collects, uses, and protects the personal data of visitors, prospects, and customers. Written to meet GDPR (EU) and UK GDPR requirements.',
toc: [
['01', 'Who we are'],
['02', 'What we collect'],
['03', 'How we use it'],
['04', 'Legal basis'],
['05', 'Sharing + sub-processors'],
['06', 'Retention'],
['07', 'Your rights'],
['08', 'International transfers'],
['09', 'Security'],
['10', 'Contact'],
],
sections: [
{ n: '01', h: 'WHO WE ARE', body: (
ColdOcean B.V. ("ColdOcean", "we", "us") is a GTM AI automation studio registered in the Netherlands with offices in Amsterdam and London. For questions about this policy or the data we hold about you, contact privacy@coldocean.io.
)},
{ n: '02', h: 'WHAT WE COLLECT', body: (
Contact data — name, work email, company, role — when you book a call, submit a form, or email us.
Usage data — pages visited, referrer, approximate location (country-level), device type — via our analytics.
Customer data — during an engagement we process data you authorize us to, as described in the signed DPA.
We do not knowingly collect data from children under 16.
)},
{ n: '03', h: 'HOW WE USE IT', body: (
Respond to inquiries and schedule meetings.
Deliver the engagement and operate the agents we build.
Improve the site, our positioning, and our product.
Send operational email (never marketing without opt-in).
)},
{ n: '04', h: 'LEGAL BASIS', body: (
Under GDPR / UK GDPR we rely on: contract (to deliver engagements), legitimate interest (to run the site, respond to B2B inquiries, improve the service), and consent (for non-essential cookies and marketing). You can withdraw consent at any time.
We share data only with vetted sub-processors needed to operate the service. Current list:
Vercel — site hosting (EU region).
Supabase — database (EU region).
Google Workspace — email + docs.
TidyCal — meeting scheduling.
Anthropic — Claude API for agent workloads (no training on your data).
HubSpot — CRM for prospects that opt in.
We do not sell personal data. Ever.
)},
{ n: '06', h: 'RETENTION', body: (
Contact data: until you ask us to delete it, or 3 years after last contact.
Engagement data: as specified in the DPA, typically 12 months post-termination.
Analytics data: 14 months.
)},
{ n: '07', h: 'YOUR RIGHTS', body: (
You can request access, correction, deletion, portability, restriction, or objection at any time by emailing privacy@coldocean.io. You can also lodge a complaint with your local data protection authority (Autoriteit Persoonsgegevens in NL, ICO in the UK).
Our primary infrastructure is in the EU. When data is transferred outside the EU/UK, we rely on Standard Contractual Clauses and, where required, supplementary measures.
)},
{ n: '09', h: 'SECURITY', body: (
Encryption in transit (TLS 1.2+), encryption at rest, scoped credentials, audit logs on all agent actions, SOC 2–aligned operational practices. Security incidents are disclosed within 72 hours per GDPR Art. 33.
)},
{ n: '10', h: 'CONTACT', body: (
ColdOcean B.V.
Herengracht 1, 1015 BA Amsterdam, The Netherlands privacy@coldocean.io
)},
],
},
cookies: {
kicker: 'LEGAL · COOKIE POLICY',
tag: 'EFFECTIVE 2026-01-01',
title: <>COOKIE POLICY.,
subtitle: 'Which cookies we use, why, and how to control them. Essential cookies only by default; everything else requires consent.',
toc: [
['01', 'What is a cookie'],
['02', 'What we use'],
['03', 'Essential'],
['04', 'Analytics'],
['05', 'Marketing'],
['06', 'Managing cookies'],
['07', 'Changes'],
],
sections: [
{ n: '01', h: 'WHAT IS A COOKIE', body: (
A cookie is a small text file stored on your device when you visit a website. We use cookies and similar technologies (local storage, pixels) to operate the site and, with your consent, to understand how it is used.
)},
{ n: '02', h: 'WHAT WE USE', body: (
We use three categories: essential (always on), analytics (opt-in), marketing (opt-in). The cookie banner on your first visit controls the last two.
)},
{ n: '03', h: 'ESSENTIAL', body: (
co_consent — remembers your cookie preferences. 12 months. First-party.
co_session — session identifier while you browse. Session. First-party.
_li_fat_id — LinkedIn attribution for paid campaigns. 90 days. Set only if you opt in.
)},
{ n: '06', h: 'MANAGING COOKIES', body: (
Reopen the cookie preferences panel any time from the footer. You can also clear cookies from your browser settings. Blocking essential cookies may break parts of the site.
)},
{ n: '07', h: 'CHANGES', body: (
When we add or remove cookies we update this page and, for non-essential cookies, re-prompt for consent. Last reviewed 2026-01-01.
)},
],
},
terms: {
kicker: 'LEGAL · TERMS & CONDITIONS',
tag: 'EFFECTIVE 2026-01-01',
title: <>TERMS & CONDITIONS.,
subtitle: 'The rules governing use of coldocean.io and our engagements. Short version: we ship what we scope, you pay on agreed terms, nobody sues anybody on a whim.',
toc: [
['01', 'Acceptance'],
['02', 'Services'],
['03', 'Fees + payment'],
['04', 'Intellectual property'],
['05', 'Confidentiality'],
['06', 'Warranties'],
['07', 'Liability'],
['08', 'Termination'],
['09', 'Governing law'],
['10', 'Contact'],
],
sections: [
{ n: '01', h: 'ACCEPTANCE', body: (
By using coldocean.io or signing an engagement with us, you accept these terms. Engagements are governed first by the signed Statement of Work (SOW); these terms fill in what the SOW does not.
)},
{ n: '02', h: 'SERVICES', body: (
We design, build, and operate AI-driven GTM workflows. Scope, deliverables, and timelines are defined per engagement in the SOW. We ship iteratively — the first workflow lands within two weeks unless otherwise scoped.
)},
{ n: '03', h: 'FEES + PAYMENT', body: (
Fixed-fee engagements, milestone-billed. Net-14 from invoice date unless otherwise agreed.
Late payment accrues interest at the statutory commercial rate (EU Directive 2011/7/EU).
Third-party tool costs (CRMs, send infra, API usage) are pass-through unless bundled into the SOW.
Your data stays yours. We process it under the DPA and return/delete it on termination.
Custom deliverables (workflows, prompts, code specific to your engagement) are assigned to you on final payment.
Our tools (templates, libraries, methodology, the site itself) remain ours — you get a perpetual non-exclusive license to use them as part of the deliverable.
)},
{ n: '05', h: 'CONFIDENTIALITY', body: (
Mutual NDA is implied in every engagement and can be formalized separately. We keep your data, metrics, and strategy private. We may reference the engagement publicly only with your written approval.
)},
{ n: '06', h: 'WARRANTIES', body: (
We warrant the services will be performed with professional care. We do not warrant specific outcomes (pipeline, reply rates, revenue) — those depend on your inputs and market conditions. Third-party LLMs can hallucinate; we design workflows to minimize this, but we cannot guarantee it.
)},
{ n: '07', h: 'LIABILITY', body: (
To the extent permitted by law, our aggregate liability for any engagement is capped at the fees paid in the prior 12 months. We are not liable for indirect, consequential, or lost-profits damages. Nothing here limits liability for willful misconduct or fraud.
)},
{ n: '08', h: 'TERMINATION', body: (
Either party may terminate for material breach, uncured within 30 days of written notice.
You may terminate for convenience with 30 days' notice; fees earned to termination date are due.
On termination we return or delete your data per the DPA.
)},
{ n: '09', h: 'GOVERNING LAW', body: (
These terms are governed by the laws of the Netherlands. Disputes go to the competent courts of Amsterdam, unless we agree otherwise in writing.
)},
{ n: '10', h: 'CONTACT', body: (
ColdOcean B.V.
Herengracht 1, 1015 BA Amsterdam, The Netherlands legal@coldocean.io
)},
],
},
};
function CoLegalPage({ docId }) {
const doc = CO_LEGAL[docId];
if (!doc) {
return (
<>