Files
hammerfest/public/product/index.html
T

563 lines
19 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Product · Federated Computer</title>
<meta name="description" content="One stack, four layers: Federated Core, the Software Library, the Agent Sandbox, and Data &amp; Controls — built so your AI never leaves home.">
<meta name="theme-color" content="#001a2b">
<link rel="icon" href="../favicon.ico" sizes="32x32">
<link rel="icon" href="../favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="../apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
</head>
<body id="top">
<a class="skip" href="#content">Skip to content</a>
<header class="site-head">
<div class="wrap head-bar">
<a href="../" class="brand" aria-label="Federated Computer, home">
<img src="../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<nav class="head-nav" aria-label="Site">
<div class="nav-item has-drop">
<a href="../solutions/" class="nav-link">Solutions<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../solutions/open-source-apps/" class="drop-link">
<span class="drop-name">Open-Source Apps</span>
<span class="drop-desc">For teams leaving Google Workspace or Microsoft 365</span>
</a>
<a href="../solutions/apps-and-ai-development/" class="drop-link">
<span class="drop-name">Apps &#43; AI Development</span>
<span class="drop-desc">Build AI on your own business data</span>
</a>
<a href="../solutions/ai-for-your-apps/" class="drop-link">
<span class="drop-name">AI for Your Own Apps</span>
<span class="drop-desc">Connect the open-source apps you already host</span>
</a>
<a href="../solutions/full-stack/" class="drop-link">
<span class="drop-name">The Full Stack</span>
<span class="drop-desc">Apps, AI development, and agents that do real work</span>
</a>
<a href="../solutions/#compare" class="drop-link">
<span class="drop-name">Compare All Four</span>
<span class="drop-desc">See all four paths side by side</span>
</a>
</div>
</div>
</div>
<div class="nav-item has-drop">
<a href="../product/" class="nav-link" aria-current="page">Product<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../product/federated-core/" class="drop-link">
<span class="drop-name">Federated Core</span>
<span class="drop-desc">Provisioning, storage, backup, federated learning</span>
</a>
<a href="../product/software-library/" class="drop-link">
<span class="drop-name">Software Library</span>
<span class="drop-desc">100&#43; AI-ready open-source apps</span>
</a>
<a href="../product/agent-sandbox/" class="drop-link">
<span class="drop-name">Agent Sandbox</span>
<span class="drop-desc">High-density, instant-wake AI agents</span>
</a>
<a href="../product/data-controls/" class="drop-link">
<span class="drop-name">Data &amp; Controls</span>
<span class="drop-desc">Version control, testing, and monitoring</span>
</a>
</div>
</div>
</div>
<a href="../ai-brain/" class="nav-link">AI Brain</a>
<a href="../ai-privacy-advantage/" class="nav-link">AI Privacy Advantage</a>
<a href="../pricing/" class="nav-link">Pricing</a>
<a href="../resources/" class="nav-link">Resources</a>
<a href="../about/" class="nav-link">About</a>
</nav>
<div class="head-actions">
<a href="../sign-in/" class="head-signin">Sign in</a>
<a href="../start-now/" class="btn btn-primary btn-sm">Start now</a>
</div>
<details class="menu">
<summary><span class="menu-word">Menu</span><span class="menu-glyph" aria-hidden="true"><i></i><i></i></span></summary>
<nav class="menu-panel" aria-label="Site">
<a href="../" class="menu-top">Home</a>
<a href="../solutions/" class="menu-top">Solutions</a>
<div class="menu-sub">
<a href="../solutions/open-source-apps/">Open-Source Apps</a><a href="../solutions/apps-and-ai-development/">Apps &#43; AI Development</a><a href="../solutions/ai-for-your-apps/">AI for Your Own Apps</a><a href="../solutions/full-stack/">The Full Stack</a><a href="../solutions/#compare">Compare All Four</a>
</div>
<a href="../product/" class="menu-top">Product</a>
<div class="menu-sub">
<a href="../product/federated-core/">Federated Core</a><a href="../product/software-library/">Software Library</a><a href="../product/agent-sandbox/">Agent Sandbox</a><a href="../product/data-controls/">Data &amp; Controls</a>
</div>
<a href="../ai-brain/" class="menu-top">AI Brain</a>
<a href="../ai-privacy-advantage/" class="menu-top">AI Privacy Advantage</a>
<a href="../pricing/" class="menu-top">Pricing</a>
<a href="../resources/" class="menu-top">Resources</a>
<a href="../about/" class="menu-top">About</a>
<div class="menu-actions">
<a href="../start-now/" class="btn btn-primary">Start Now<span class="arrow" aria-hidden="true">→</span></a>
<a href="../sign-in/" class="btn btn-secondary">Sign In<span class="arrow" aria-hidden="true">→</span></a>
</div>
</nav>
</details>
</div>
</header>
<main id="content" tabindex="-1">
<header class="hero hero-compact">
<div class="wrap hero-grid">
<div class="hero-copy">
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">The Federated Computer Platform</span></p>
<h1 class="statement" data-reveal style="--d:80ms">One Stack. Four Layers. Built So Your AI Never Leaves Home.</h1>
<p class="dek" data-reveal style="--d:140ms">Federated Core, the Software Library, the Agent Sandbox, and Data &amp; Controls — each one does a specific job, and together they form a complete, private AI operating system.</p>
</div>
</div>
</header>
<section class="section section-diagram" data-reveal>
<div class="wrap">
<div class="stack-diagram">
<div class="layer">
<span class="layer-num">01</span>
<h4>Federated Core</h4>
<p>Provisioning, storage, backup, federated learning</p>
</div>
<div class="layer">
<span class="layer-num">02</span>
<h4>Software Library</h4>
<p>100&#43; AI-ready open-source apps</p>
</div>
<div class="layer">
<span class="layer-num">03</span>
<h4>Agent Sandbox</h4>
<p>High-density, instant-wake agents</p>
</div>
<div class="layer">
<span class="layer-num">04</span>
<h4>Data &amp; Controls</h4>
<p>Version control, testing, monitoring</p>
</div>
</div>
<p class="mcp-spine">MCP — the protocol that lets AI agents talk to every layer</p>
</div>
</section>
<section class="section section-layers" id="the-four-layers" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">The Four Layers</p>
<h2>Each Layer Does One Job — Together They&rsquo;re an Operating System</h2>
</div>
<ol class="entries layer-list">
<li>
<a href="../product/federated-core/" class="entry layer-row" data-layer="core">
<span class="entry-n">001</span>
<span class="layer-body">
<span class="entry-title">Federated Core</span>
<span class="entry-text">The foundation everything else runs on: provisioning, monitoring, backup, storage, authentication — and federated learning, so you can train shared AI models with your industry peers without anyone&rsquo;s raw data ever leaving their own servers.</span>
</span>
<span class="entry-go">Explore Federated Core<span class="arrow" aria-hidden="true">→</span></span>
</a>
</li>
<li>
<a href="../product/software-library/" class="entry layer-row" data-layer="library">
<span class="entry-n">002</span>
<span class="layer-body">
<span class="entry-title">Software Library</span>
<span class="entry-text">100+ of the best open-source business apps — already talking to each other, already AI-ready. Nextcloud for files, Discourse for community, FreeScout for support, EspoCRM for sales — and every one of them lets your AI agents read and act on your behalf, safely.</span>
</span>
<span class="entry-go">Explore the Software Library<span class="arrow" aria-hidden="true">→</span></span>
</a>
</li>
<li>
<a href="../product/agent-sandbox/" class="entry layer-row" data-layer="sandbox">
<span class="entry-n">003</span>
<span class="layer-body">
<span class="entry-title">Agent Sandbox</span>
<span class="entry-text">The engine room. High-density, instant-wake AI agents that can run dozens of jobs at once — QA, support triage, documentation, code review — each one sealed off in its own private space so nothing it does can touch anyone else&rsquo;s data.</span>
</span>
<span class="entry-go">Explore the Agent Sandbox<span class="arrow" aria-hidden="true">→</span></span>
</a>
</li>
<li>
<a href="../product/data-controls/" class="entry layer-row" data-layer="controls">
<span class="entry-n">004</span>
<span class="layer-body">
<span class="entry-title">Data &amp; Controls</span>
<span class="entry-text">The nervous system for your dev team (human or AI). Version control, automated testing, a live map of everything happening across your business, and a safe &ldquo;practice environment&rdquo; where agents can try things without any risk to your real systems.</span>
</span>
<span class="entry-go">Explore Data &amp; Controls<span class="arrow" aria-hidden="true">→</span></span>
</a>
</li>
</ol>
</div>
</section>
<section class="section section-text" id="why-one-platform" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Why One Platform</p>
<h2>Why It&rsquo;s One Platform, Not Four Products</h2>
</div>
<div class="prose">
Every layer speaks the same language — Model Context Protocol (MCP) — so an AI agent working in one part of your business can pull context from anywhere else, instantly, without you writing a single line of integration code. That&rsquo;s the difference between a pile of tools and an operating system.
</div>
<div class="cta-row mt-2">
<a href="../pricing/" class="btn btn-secondary">See Pricing<span class="arrow" aria-hidden="true">→</span></a>
<a href="../start-now/" class="btn btn-primary">Start Now<span class="arrow" aria-hidden="true">→</span></a>
</div>
</div>
</section>
<section class="section section-text" id="which-layers-do-you-need" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Which Layers Do You Need?</p>
<h2>Start With the Layers That Fit Your Business</h2>
</div>
<div class="prose">
Not every business needs all four layers on day one. Some want only the apps. Some want to build AI on them. Some already host their own open-source apps and want only the AI layer. Some want everything, agents included.
</div>
<div class="cta-row mt-2">
<a href="../solutions/" class="more">Find Your Path<span class="arrow" aria-hidden="true">→</span></a>
</div>
</div>
</section>
</main>
<footer class="foot">
<div class="wrap">
<div class="foot-top-row">
<div class="foot-brand">
<a href="../" class="foot-mark" aria-label="Federated Computer, home">
<img src="../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<p class="foot-line">The open-source operating system for your business — and the private AI that runs on it.</p>
<span class="foot-place">Colorado Springs, Colorado</span>
<ul class="foot-social">
<li><a href="https://www.linkedin.com/company/federated-computer" target="_blank" rel="noopener">LinkedIn<span class="arrow" aria-hidden="true">↗</span></a></li><li><a href="https://x.com/federatedcomp" target="_blank" rel="noopener">X<span class="arrow" aria-hidden="true">↗</span></a></li>
</ul>
</div>
<div class="foot-grid">
<nav class="foot-group" aria-label="Solutions">
<span class="foot-head">Solutions</span>
<ul class="foot-links">
<li><a href="../solutions/open-source-apps/">Open-Source Apps</a></li>
<li><a href="../solutions/apps-and-ai-development/">Apps &#43; AI Development</a></li>
<li><a href="../solutions/ai-for-your-apps/">AI for Your Own Apps</a></li>
<li><a href="../solutions/full-stack/">The Full Stack</a></li>
<li><a href="../solutions/#compare">Compare All Four</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Product">
<span class="foot-head">Product</span>
<ul class="foot-links">
<li><a href="../product/federated-core/">Federated Core</a></li>
<li><a href="../product/software-library/">Software Library</a></li>
<li><a href="../product/agent-sandbox/">Agent Sandbox</a></li>
<li><a href="../product/data-controls/">Data &amp; Controls</a></li>
<li><a href="../ai-brain/">AI Brain</a></li>
<li><a href="../ai-privacy-advantage/">AI Privacy Advantage</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Company">
<span class="foot-head">Company</span>
<ul class="foot-links">
<li><a href="../about/">About</a></li>
<li><a href="../about/#team">Team</a></li>
<li><a href="../about/#jobs">Jobs</a></li>
<li><a href="https://freescout.federated.computer/help/3593186542">Support</a></li>
<li><a href="https://documentation.orbitfactor.cloud">Documentation</a></li>
<li><a href="https://matrix.to/#/#hangout:matrix.federated.computer">Matrix Community</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Get Started">
<span class="foot-head">Get Started</span>
<ul class="foot-links">
<li><a href="../start-now/">Start Now</a></li>
<li><a href="../sign-in/">Sign In</a></li>
<li><a href="../pricing/">Pricing</a></li>
</ul>
</nav>
</div>
</div>
<div class="foot-legal">
<span class="foot-copy">© 2026 Federated Computer, Inc. FedQ'd in Colorado Springs — built on Federated Computer by a team around the world.</span>
<a class="foot-policy" href="../privacy-policy/">Privacy Policy</a><a class="foot-policy" href="../terms-and-conditions/">Terms &amp; Conditions</a>
<a class="foot-top" href="#top">Back to top<span class="foot-up" aria-hidden="true">↑</span></a>
</div>
</div>
</footer>
<script>
(function () {
var root = document.documentElement;
var head = document.querySelector('.site-head');
function onScroll() { if (head) head.classList.toggle('is-scrolled', scrollY > 8); }
addEventListener('scroll', onScroll, { passive: true });
onScroll();
if (!('IntersectionObserver' in window)) return;
root.classList.add('js');
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
});
}, { rootMargin: '0px 0px -8% 0px' });
document.querySelectorAll('[data-reveal]').forEach(function (el) { io.observe(el); });
})();
(function () {
function openPanel() {
var panel = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
if (!panel || !panel.classList.contains('plan-panel')) return;
var i = [].indexOf.call(panel.parentNode.children, panel);
var radio = panel.closest('.plan-switch').querySelectorAll('.plan-radio')[i];
if (radio) { radio.checked = true; (panel.closest('.section') || panel).scrollIntoView(); }
}
addEventListener('hashchange', openPanel);
openPanel();
})();
</script>
</body>
</html>