VDURA-Practice/data-platform.html at main · PoweredPortable/VDURA-Practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data Platform | VDURA</title>
<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=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>* { margin:0; padding:0; box-sizing:border-box; } :root { --bg:#0a0a0a; --panel:#111; --border:#2a2a2a; --text:#fff; --muted:#9ca3af; --accent:#E8A33D; --accent-dim:#b87d28; } html,body { background:var(--bg); color:var(--text); font-family:'JetBrains Mono',monospace; line-height:1.5; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } .banner { background:var(--accent); color:#000; padding:10px 16px; text-align:center; font-size:13px; font-weight:500; } .banner a { text-decoration:underline; margin-left:8px; } nav { border-bottom:1px solid var(--border); padding:18px 32px; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; background:var(--bg); z-index:100; } .logo img { height:36px; width:auto; display:block; } .nav-links { display:flex; gap:28px; font-size:14px; } .nav-links a { color:var(--muted); transition:color .2s; } .nav-links a:hover, .nav-links a.active { color:var(--accent); } .nav-cta { display:flex; gap:10px; } .btn { font-family:'JetBrains Mono',monospace; font-size:13px; padding:10px 18px; border:1px solid var(--border); background:transparent; color:var(--text); cursor:pointer; transition:all .2s; display:inline-block; text-align:center; } .btn:hover { border-color:var(--accent); color:var(--accent); } .btn-primary { background:var(--accent); color:#000; border-color:var(--accent); font-weight:500; } .btn-primary:hover { background:var(--accent-dim); border-color:var(--accent-dim); color:#000; } .eyebrow { color:var(--accent); font-size:12px; letter-spacing:2px; text-transform:uppercase; margin-bottom:24px; } .eyebrow::before { content:"> "; } .page-hero { padding:120px 32px 80px; border-bottom:1px solid var(--border); } .page-hero-inner { max-width:1280px; margin:0 auto; } .page-hero h1 { font-size:60px; line-height:1.05; font-weight:500; letter-spacing:-1px; margin-bottom:24px; } .page-hero h1 .accent { color:var(--accent); } .page-hero p { color:var(--muted); max-width:680px; font-family:'Inter',sans-serif; font-size:16px; } section.block { padding:100px 32px; border-bottom:1px solid var(--border); } .block-inner { max-width:1280px; margin:0 auto; } h2 { font-size:40px; font-weight:500; letter-spacing:-0.5px; margin-bottom:24px; } h3 { font-size:22px; font-weight:500; margin-bottom:12px; } p.body { color:var(--muted); font-family:'Inter',sans-serif; font-size:15px; } .grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--border); } .grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:48px; } .card { padding:40px 32px; border-right:1px solid var(--border); transition:background .2s; } .card:last-child { border-right:none; } .card:hover { background:var(--panel); } .card-num { font-size:12px; color:var(--accent); margin-bottom:20px; letter-spacing:2px; } .card-label { font-size:11px; letter-spacing:2px; color:var(--accent); text-transform:uppercase; margin-bottom:12px; } .card p { color:var(--muted); font-family:'Inter',sans-serif; font-size:14px; } .bordered-card { border:1px solid var(--border); padding:32px; background:var(--panel); transition:border-color .2s; margin-bottom:16px; } .bordered-card:hover { border-color:var(--accent); } footer { padding:48px 32px; display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:12px; border-top:1px solid var(--border); } footer .links { display:flex; gap:24px; } @media (max-width:900px) { .nav-links { display:none; } .page-hero h1 { font-size:36px; } h2 { font-size:28px; } .grid-3 { grid-template-columns:1fr; } .card { border-right:none; border-bottom:1px solid var(--border); } .grid-2 { grid-template-columns:1fr; } }.arch-diagram { padding:40px; border:1px solid var(--border); background:var(--panel); font-family:"JetBrains Mono",monospace; font-size:13px; color:var(--muted); white-space:pre; overflow-x:auto; margin:40px 0; } .spec-table { width:100%; border-collapse:collapse; margin-top:24px; font-family:"Inter",sans-serif; } .spec-table td { padding:16px 20px; border-bottom:1px solid var(--border); font-size:14px; } .spec-table td:first-child { color:var(--muted); width:40%; } .spec-table td:last-child { color:var(--text); font-family:"JetBrains Mono",monospace; }</style>
</head>
<body>
<div class="banner">VDURA Flash Relief Program &mdash; beat all-flash cost by 50% <a href="contact.html">Submit to offer &rarr;</a></div>
<nav>
  <a href="index.html" class="logo"><img src="logo.png" alt="VDURA"></a>
  <div class="nav-links">
    <a href="industries.html">Industries</a><a href="data-platform.html" class="active">Data Platform</a><a href="resources.html">Resources</a><a href="company.html">Company</a><a href="partners.html">Partners</a><a href="contact.html">Support</a>
  </div>
  <div class="nav-cta"><a href="contact.html" class="btn">Book a briefing</a><a href="contact.html" class="btn btn-primary">Contact sales</a></div>
</nav>
<section class="page-hero">
  <div class="page-hero-inner">
    <div class="eyebrow">Data Platform</div>
    <h1>One software-defined plane.<br><span class="accent">Velocity and durability.</span></h1>
    <p>A true parallel file system and resilient object store under one control plane. Lightning-fast metadata, always-on data protection, and linear scale for AI and HPC workloads that never pause.</p>
  </div>
</section>
<section class="block">
  <div class="block-inner">
    <div class="eyebrow">Architecture</div>
    <h2>Three planes working as one.</h2>
    <div class="grid-3">
      <div class="card"><div class="card-label">Control plane</div><h3>Director nodes</h3><p>The brain of the platform. A metadata engine orchestrates every stage of the AI and HPC pipeline with intelligent precision, seamless resilience, and automated recovery across the fleet.</p></div>
      <div class="card"><div class="card-label">Data plane</div><h3>Storage nodes</h3><p>The backbone of the data plane. Flash and hybrid capacity tiers combine in a single global namespace, delivering the speed, efficiency, and durability needed for large-scale operations.</p></div>
      <div class="card"><div class="card-label">Data access</div><h3>DirectFlow clients</h3><p>Lightweight clients provide parallel, line-rate access to data from thousands of GPU nodes. Zero interruption to running workloads, even during upgrades and expansion.</p></div>
    </div>
  </div>
</section>
<section class="block">
  <div class="block-inner">
    <div class="grid-2">
      <div>
        <div class="eyebrow">Zero compromise</div>
        <h2>Performance without the tradeoffs.</h2>
        <p class="body" style="margin-bottom:32px">Flash throughput for training. Cost-efficient capacity for archives. One fabric. One namespace. One control plane. Choose the protocol you need and place data in the right tier automatically.</p>
        <div class="bordered-card"><div class="card-label">Unified tiers</div><h3>Flash + object, one fabric</h3><p>All-flash performance with cost-efficient object storage bound together so data is always where it needs to be.</p></div>
        <div class="bordered-card"><div class="card-label">Observability</div><h3>End-to-end insight</h3><p>Continuous telemetry across clients, metadata, and data paths with guided remediation and no blind spots.</p></div>
        <div class="bordered-card"><div class="card-label">Pipelines</div><h3>Built for AI &amp; HPC</h3><p>Train, infer, and simulate concurrently. Keep GPUs saturated without performance drift at any scale.</p></div>
      </div>
      <div>
        <div class="eyebrow">Platform at a glance</div>
        <h2>Scalability by design.</h2>
        <table class="spec-table">
          <tr><td>Node range</td><td>6 &rarr; 1500+</td></tr>
          <tr><td>Client count</td><td>10,000+</td></tr>
          <tr><td>Namespace</td><td>Single global</td></tr>
          <tr><td>Protection</td><td>File-level network erasure coding</td></tr>
          <tr><td>Media</td><td>NVMe SSD, SATA SSD, HDD</td></tr>
          <tr><td>Fabric</td><td>InfiniBand, RoCE, Ethernet</td></tr>
          <tr><td>Protocols</td><td>DirectFlow, NFS, S3</td></tr>
          <tr><td>Deployment</td><td>On-prem, co-lo, hybrid cloud</td></tr>
          <tr><td>Upgrades</td><td>Non-disruptive, rolling</td></tr>
          <tr><td>Expansion</td><td>Online, elastic, mixed hardware</td></tr>
        </table>
      </div>
    </div>
  </div>
</section>
<section class="block" style="text-align:center">
  <div class="block-inner">
    <h2>See it in motion.</h2>
    <p class="body" style="margin:0 auto 32px; max-width:560px">Book a technical briefing with our architects and walk through the platform on your workloads.</p>
    <a href="contact.html" class="btn btn-primary">Book a briefing &rarr;</a>
  </div>
</section>
<footer><div>&copy; 2026 VDURA &middot; Practice build</div><div class="links"><a href="#">Privacy</a><a href="#">Terms</a><a href="contact.html">Support</a></div></footer>
</body>
</html>