/* global React, Icon, EUFlag, useNav */ const { useState: useStateP, useEffect: useEffectP } = React; // ============ Screen 6: Edge Performance ============ const EdgeScreen = () => { const { go } = useNav(); return (
Act 3 · Close

Measured impact of Orange edge routing

Real comparison vs Paris-only centralised deployment, under a typical production load — internal assistant, 50 req/sec, 1 M tokens/day, 8 countries.

{/* 4 comparison cards */}
{/* Use cases */}
Industries

Use cases unlocked by the AI Grid

4 Orange Business priority sectors
{/* Cloud Avenue + compliance */}
Built on Orange Cloud Avenue

Sovereign cloud, on our heritage as a world-class telecom operator

Four strategic cloud regions (Oslo, Stockholm, Berlin, Paris) with more Orange DCs across the EU. NVIDIA inference frameworks, Gcore (an EU sovereign GPU provider, Luxembourg-based), water-efficient datacentres powered by low-carbon energy.

{window.ComplianceCerts ? : null}
{window.CloudAvenueLockup ? : null} No data leaves the EU
{/* Final banner */}
{/* Decorative squares */}
What's next?
Tomorrow, your generative AI runs sovereign AND right next to your users.
Let's discuss it with an Orange Business architect — 45 minutes, no commitment.
); }; // ============ Latency card ============ const LatencyCard = () => { const [animated, setAnimated] = useStateP(false); useEffectP(() => { const t = setTimeout(() => setAnimated(true), 300); return () => clearTimeout(t); }, []); return (
Card 1 · Latency

Perceived latency divided by 4

−73% perceived latency, with no deployment changes.
); }; const BarRow = ({ label, sub, value, max, color, animate, highlight }) => { const w = animate ? (value / max) * 100 : 0; return (
{label}
{sub}
{value}ms
); }; // ============ Sovereignty card ============ const FULL_SOV = { country: "FR", regionEU: true, allocation: "baremetal", isolatedEU: true, logsEU: true, hsm: true, edgeRouting: true, popCount: 3 }; const SovereigntyCard = () => { const sov = window.computeSovereignty ? window.computeSovereignty(FULL_SOV) : { score: 100, dims: [], level: { label: "Sovereign", color: "#1e8e1e" } }; return (
Card 2 · Sovereignty

Sovereign on four dimensions

{window.SovGauge ? : null}
{window.SovDimensions ? : null}
0 byte of data left the EU. Keys held by Orange Business, outside the US Cloud Act.
AI Act GDPR NIS2 SecNumCloud-ready
); }; // ============ Carbon card ============ const CarbonCard = () => { const [animated, setAnimated] = useStateP(false); useEffectP(() => { const t = setTimeout(() => setAnimated(true), 300); return () => clearTimeout(t); }, []); const id = "mistral-small-24b"; const fr = window.gco2PerMtok ? window.gco2PerMtok(id, "FR", true) : 60; const de = window.gco2PerMtok ? window.gco2PerMtok(id, "DE", true) : 410; const us = Math.round(de * 1.05); // US average grid ~ similar to DE here, SaaS adds transit const ratio = Math.max(1, Math.round(de / Math.max(fr, 1))); const maxv = Math.max(fr, de, us); return (
Card 3 · Carbon

{ratio}× lower carbon in France

−{Math.round((1 - fr / de) * 100)}% gCO₂e per token vs the same model in Germany.
); }; const CarbonBar = ({ label, sub, value, max, color, animate, highlight }) => { const w = animate ? (value / max) * 100 : 0; return (
{label}
{sub}
{value}g/Mtok
); }; // ============ Cost card ============ const CostCard = () => { const [animated, setAnimated] = useStateP(false); useEffectP(() => { const t = setTimeout(() => setAnimated(true), 300); return () => clearTimeout(t); }, []); return (
Card 4 · Cost

Savings on 1M tokens/day

−78% on 1M tokens/day, sovereignty included.
); }; const CostBar = ({ label, sub, value, max, color, animate, highlight }) => { const w = animate ? (value / max) * 100 : 0; return (
{label}
{sub}
€{value.toFixed(2)}/M tok
); }; // ============ Use case card ============ const UseCaseCard = ({ icon, sector, title, bullets, color }) => (
{sector}
{title}
    {bullets.map(b => (
  • {b}
    • ))}
); Object.assign(window, { EdgeScreen });