feat: vision page
This commit is contained in:
Jonathan
parent
9de5602d2d
commit
76c7dfa985
1 changed files with 211 additions and 0 deletions
211
src/pages/vision.astro
Normal file
211
src/pages/vision.astro
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
---
|
||||
import AppLayout from '../layouts/AppLayout.astro';
|
||||
|
||||
const user = Astro.locals.user;
|
||||
---
|
||||
<AppLayout title="Vision" user={user}>
|
||||
<div class="page">
|
||||
|
||||
<header class="page-header">
|
||||
<p class="label-sm eyebrow">Vision</p>
|
||||
<h1 class="display-md page-title">Why this matters.</h1>
|
||||
</header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Fenja AI -->
|
||||
<section class="section">
|
||||
<h2 class="headline-md section-title">Fenja AI</h2>
|
||||
<div class="prose">
|
||||
<p class="body-lg">
|
||||
Fenja enables the safe, sovereign use of Artificial Intelligence in organisations
|
||||
where data is highly sensitive, operations are mission-critical, and strict data
|
||||
privacy is essential. We are building the premier solution for public authorities
|
||||
and companies operating in heavily regulated industries — pharmaceuticals, critical
|
||||
infrastructure, finance — where standard AI solutions hosted on foreign-owned public
|
||||
clouds are simply not a viable or compliant option.
|
||||
</p>
|
||||
<p class="body-lg">
|
||||
Many organisations are eager to harness the transformative power of AI but cannot
|
||||
accept the risk of their data, workflows, and critical functions becoming dependent
|
||||
on external providers with foreign ownership and control. Fenja directly addresses
|
||||
this gap by enabling highly advanced, customer-hosted AI within the client's own
|
||||
secure infrastructure. Data remains under absolute, localised control while we
|
||||
deliver the robust security, traceability, and documentation demanded by the market.
|
||||
</p>
|
||||
<p class="body-lg">
|
||||
As the global demand for digital sovereignty accelerates, Fenja is positioned to
|
||||
generate profound societal value. We are making cutting-edge AI safely usable in
|
||||
the most critical of functions without ever compromising security or compliance.
|
||||
Backed by investment from the Innovation Fund, we are accelerating product
|
||||
development, executing high-impact pilot projects, and establishing foundational
|
||||
customer cases. Our long-term ambition is to establish Fenja as the definitive
|
||||
Danish and European platform for secure, locally controlled AI in regulated
|
||||
environments.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project Bifrost -->
|
||||
<section class="section">
|
||||
<h2 class="headline-md section-title">Project Bifrost</h2>
|
||||
<div class="prose">
|
||||
<p class="body-lg">
|
||||
Project Bifrost is one of the first stones in the foundation of Denmark and the EU's
|
||||
sovereign AI platform — a platform controlled by its customers, that understands not
|
||||
just your business, but you and your department, and builds on that knowledge
|
||||
automatically. Open-source LLMs in a modern, secure, customer-hosted environment.
|
||||
</p>
|
||||
<p class="body-lg statement">
|
||||
This is Project Bifrost.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- What comes after -->
|
||||
<section class="section">
|
||||
<h2 class="headline-md section-title">What comes after</h2>
|
||||
<p class="body-md section-intro">
|
||||
The current pilot is one chapter. The platform we are building toward is something
|
||||
more ambitious. In reserved terms:
|
||||
</p>
|
||||
<ul class="after-list">
|
||||
<li class="after-item">
|
||||
<h3 class="headline-sm item-title">Full developer agentic experience</h3>
|
||||
<p class="body-md item-body">
|
||||
A platform where developers can compose, orchestrate, and deploy AI agents that
|
||||
work within your infrastructure — deeply integrated, auditable, and under your control.
|
||||
</p>
|
||||
</li>
|
||||
<li class="after-item">
|
||||
<h3 class="headline-sm item-title">Agentic data extraction and analysis</h3>
|
||||
<p class="body-md item-body">
|
||||
Agents that move across your document corpus, surface connections, extract
|
||||
structured information, and return findings with provenance intact.
|
||||
</p>
|
||||
</li>
|
||||
<li class="after-item">
|
||||
<h3 class="headline-sm item-title">Self-service agent work automation</h3>
|
||||
<p class="body-md item-body">
|
||||
Non-technical users define repeatable tasks in natural language. The platform
|
||||
handles execution, scheduling, and audit — without IT involvement.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</AppLayout>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
padding: var(--space-12) var(--space-20) var(--space-16);
|
||||
max-width: var(--content-max);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* ── Header ──────────────────────────────────────────────────────── */
|
||||
.page-header {
|
||||
margin-bottom: var(--space-12);
|
||||
max-width: 44rem;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
letter-spacing: var(--tracking-wider);
|
||||
text-transform: uppercase;
|
||||
color: var(--on-surface-muted);
|
||||
margin-bottom: var(--space-3);
|
||||
}
|
||||
|
||||
.page-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Content ─────────────────────────────────────────────────────── */
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-16);
|
||||
max-width: 52rem;
|
||||
}
|
||||
|
||||
/* ── Section ─────────────────────────────────────────────────────── */
|
||||
.section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-family: var(--font-serif);
|
||||
font-weight: 400;
|
||||
letter-spacing: var(--tracking-snug);
|
||||
margin: 0;
|
||||
color: var(--on-surface);
|
||||
}
|
||||
|
||||
.section-intro {
|
||||
color: var(--on-surface-variant);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Prose ───────────────────────────────────────────────────────── */
|
||||
.prose {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-5);
|
||||
}
|
||||
|
||||
.prose .body-lg {
|
||||
margin: 0;
|
||||
color: var(--on-surface-variant);
|
||||
line-height: var(--leading-relaxed);
|
||||
max-width: var(--reading-max);
|
||||
}
|
||||
|
||||
.statement {
|
||||
font-family: var(--font-serif);
|
||||
font-size: var(--text-headline-sm) !important;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
color: var(--on-surface) !important;
|
||||
letter-spacing: var(--tracking-snug);
|
||||
}
|
||||
|
||||
/* ── After list ──────────────────────────────────────────────────── */
|
||||
.after-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.after-item {
|
||||
padding: var(--space-6) 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-3);
|
||||
border-top: var(--ghost-border);
|
||||
}
|
||||
.after-item:last-child {
|
||||
border-bottom: var(--ghost-border);
|
||||
}
|
||||
|
||||
.item-title {
|
||||
font-family: var(--font-serif);
|
||||
font-weight: 400;
|
||||
letter-spacing: var(--tracking-snug);
|
||||
margin: 0;
|
||||
color: var(--on-surface);
|
||||
}
|
||||
|
||||
.item-body {
|
||||
margin: 0;
|
||||
color: var(--on-surface-variant);
|
||||
max-width: var(--reading-max);
|
||||
line-height: var(--leading-relaxed);
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Reference in a new issue