nexu-site/index.html at main · nexu-io/nexu-site · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Fleet - AI-powered workflows" />
    <meta property="og:title" content="Fleet" />
    <meta property="og:description" content="Fleet - AI-powered workflows" />
    <title>Fleet</title>
    <link rel="icon" href="assets/0901.svg" type="image/svg+xml" />
    <link rel="stylesheet" href="styles.css?v=5" />
  </head>
  <body>
    <div class="sunlit-bg" aria-hidden="true">
      <div class="sunlit-glow"></div>
      <div class="sunlit-glow-bounce"></div>
      <div class="sunlit-perspective">
        <div class="sunlit-leaves">
          <svg class="sunlit-filter" aria-hidden="true">
            <defs>
              <filter id="wind" x="-20%" y="-20%" width="140%" height="140%">
                <feTurbulence type="fractalNoise" numOctaves="2" seed="1">
                  <animate
                    attributeName="baseFrequency"
                    dur="16s"
                    keyTimes="0;0.33;0.66;1"
                    values="0.005 0.003;0.01 0.009;0.008 0.004;0.005 0.003"
                    repeatCount="indefinite"
                  />
                </feTurbulence>
                <feDisplacementMap in="SourceGraphic">
                  <animate
                    attributeName="scale"
                    dur="20s"
                    keyTimes="0;0.25;0.5;0.75;1"
                    values="45;55;75;55;45"
                    repeatCount="indefinite"
                  />
                </feDisplacementMap>
              </filter>
            </defs>
          </svg>
        </div>
        <div class="sunlit-blinds">
          <div class="sunlit-shutters">
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
            <div class="sunlit-shutter"></div>
          </div>
          <div class="sunlit-vertical">
            <div class="sunlit-bar"></div>
            <div class="sunlit-bar"></div>
          </div>
        </div>
      </div>
      <div class="sunlit-progressive-blur">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>

    <main class="site-shell" aria-label="Fleet homepage clone">
      <section class="hero" id="top">
        <div class="topbar">
          <svg id="logo-svg" width="52" height="52" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
            <defs>
              <clipPath id="logo-clip">
                <path d="M20.5645 0C31.9219 0 41.1289 9.20702 41.1289 20.5645V36.7227C41.1288 39.1562 39.1562 41.1287 36.7227 41.1289H21.9355V21.9355H19.1934V41.1289H4.40625C1.97279 41.1287 0.000138274 39.1561 0 36.7227V20.5645C3.84333e-05 9.20704 9.20704 3.19551e-05 20.5645 0Z"/>
                <path d="M64.4355 85C53.0781 85 43.8711 75.793 43.8711 64.4355L43.8711 48.2773C43.8712 45.8438 45.8438 43.8713 48.2773 43.8711L63.0645 43.8711L63.0645 63.0645H65.8066L65.8066 43.8711L80.5938 43.8711C83.0272 43.8713 84.9999 45.8439 85 48.2773V64.4356C85 75.793 75.793 85 64.4355 85Z"/>
                <path d="M43.8711 20.5659C43.8711 9.20847 53.0781 0.0014973 64.4355 0.00146484C75.3319 0.00146437 84.2471 8.47613 84.9531 19.1938H65.8066V21.9351H84.9531C84.2484 32.6541 75.3329 41.1304 64.4355 41.1304C53.0781 41.1303 43.8711 31.9233 43.8711 20.5659Z"/>
                <path d="M0 64.4365C-2.26663e-07 59.2511 1.91919 54.5139 5.08594 50.8965L15.7773 61.5869L17.7168 59.6484L7.02539 48.958C10.6429 45.791 15.3797 43.8711 20.5654 43.8711C25.5341 43.8711 30.0909 45.6337 33.6455 48.5674L22.5625 59.6504L24.501 61.5889L35.6396 50.4512C39.0451 54.1206 41.1288 59.0337 41.1289 64.4346C41.1289 69.6203 39.2093 74.3581 36.042 77.9756L24.2031 66.1357L22.2637 68.0742L34.1025 79.9141C30.4854 83.0804 25.7492 84.9999 20.5645 85C15.1634 85 10.2486 82.9172 6.5791 79.5117L18.0146 68.0771L16.0762 66.1377L4.69629 77.5176C1.76236 73.9629 2.19665e-06 69.4055 0 64.4365Z"/>
              </clipPath>
              <filter id="blob-blur" x="-50%" y="-100%" width="200%" height="300%">
                <feGaussianBlur stdDeviation="16"/>
              </filter>
            </defs>
            <g clip-path="url(#logo-clip)">
              <rect x="0" y="0" width="85" height="85" fill="#2d2d2d"/>
              <g id="logo-ellipses" transform="translate(0, 130)">
                <ellipse cx="42.5" cy="0"   rx="55" ry="26" fill="#c8a030" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="30"  rx="55" ry="26" fill="#eebe38" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="60"  rx="55" ry="26" fill="#f4a837" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="90"  rx="55" ry="26" fill="#f68b3b" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="120" rx="55" ry="26" fill="#f4997a" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="150" rx="55" ry="26" fill="#e898c8" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="180" rx="55" ry="26" fill="#c4aede" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="210" rx="55" ry="26" fill="#5ba1a2" filter="url(#blob-blur)"/>
                <ellipse cx="42.5" cy="240" rx="55" ry="26" fill="#009060" filter="url(#blob-blur)"/>
                <animateTransform id="logo-anim" attributeName="transform" type="translate"
                  calcMode="spline"
                  keyTimes="0; 0.35; 1"
                  values="0,130; 0,-320; 0,-320"
                  keySplines="0.42 0 0.58 1; 0 0 1 1"
                  dur="2.8s" begin="indefinite" repeatCount="1" fill="remove"/>
              </g>
            </g>
          </svg>
        </div>

        <div class="hero-inner">
          <h1>Open Collaboration Plane + Organizational Memory</h1>

          <div class="world-stage" aria-hidden="true">
            <div class="orbit" id="worlds"></div>
          </div>

          <article class="intro-card">
            <p>
              <span class="name-fill">Fleet</span> is an applied research lab dedicated to
              the scale out of environments - diverse and high-fidelity training gyms that
              accurately model the real world and all of its work for AI.
            </p>
            <p class="desktop-copy">
              Today we work with frontier labs, hyperscalers, and enterprises to help
              develop and deploy the next generation of embodied agents. We see the
              codification of human goals for agents in evals and environments as the
              highest leverage human activity in the build up to ASI.
            </p>
            <p class="investors">
              We are supported by
              <span><i>Sequoia Capital</i></span>,
              <span><i>Menlo Ventures</i></span>,
              and <span><i>SV Angel</i></span>.
            </p>
          </article>
        </div>
      </section>

    </main>

    <div class="footer-reveal-space" aria-hidden="true"></div>

    <footer class="fleet-footer" id="footer">
      <div class="footer-overlay" aria-hidden="true"></div>
      <div class="footer-wrap">
        <section class="footer-top">
          <div class="large-mark">
            <img id="footer-logo-desktop" src="assets/logo.png" alt="Fleet" />
          </div>

          <div class="footer-copy">
            <div class="mobile-definition">
              <img id="footer-logo-mobile" src="assets/logo.png" alt="Fleet" />
              <p>
                Fleet<sup>1</sup> creates <i>simulated worlds</i> and
                <i>real-world challenges</i> to better understand and shape the behavior of
                <i>artificial intelligences</i>.
              </p>
            </div>

            <p class="statement">
              Fleet<sup>1</sup> creates <i>simulated worlds</i> and
              <i>real-world challenges</i> to better understand and shape the behavior of
              <i>artificial intelligences</i>.
            </p>

          </div>
        </section>

        <section class="footer-bottom">
          <div class="dictionary">
            <div class="wordmark">
              <img src="assets/wordmark.svg" alt="Fleet" />
            </div>
            <p class="pronunciation">/next to you/</p>
            <p><i>I.</i> <i>n.</i> A team of agents operating collaboratively on a shared goal.</p>
            <p><i>II.</i> <i>v.</i> To move quickly.</p>
            <small>
              1. Also See: Fleet Street, the symbolic birthplace of modern white-collar work.
            </small>
          </div>

          <div class="footer-right-col">
            <nav class="footer-nav-links">
              <a href="#">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                X
              </a>
              <a href="#">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057c.002.022.015.043.032.054a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
                Discord
              </a>
              <a href="#">Contact Us</a>
              <a href="#">Privacy</a>
              <a href="#">Terms</a>
            </nav>
            <div class="status-row">
              <span>© 2026 Powerformer, Inc.</span>
            </div>
          </div>
        </section>
      </div>
    </footer>

    <script src="script.js?v=4"></script>
  <script>
    (function () {
      const logos = ['assets/logo.png', 'assets/logo2.png', 'assets/logo3.png', 'assets/logo5.png', 'assets/logo4.png'];
      let enterCount = 0;
      let wasInView = false;

      function setLogo(src) {
        ['footer-logo-desktop', 'footer-logo-mobile'].forEach(function (id) {
          var el = document.getElementById(id);
          if (el) el.src = src;
        });
      }

      const footer = document.getElementById('footer');
      if (!footer) return;

      function checkFooter() {
        var rect = footer.getBoundingClientRect();
        var inView = rect.top < window.innerHeight && rect.bottom > 0;
        if (inView && !wasInView) {
          wasInView = true;
          setLogo(logos[enterCount % logos.length]);
          enterCount++;
        } else if (!inView) {
          wasInView = false;
        }
      }

      window.addEventListener('scroll', checkFooter, { passive: true });
    })();
  </script>
  </body>
</html>