-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
258 lines (235 loc) · 16.8 KB
/
index.html
File metadata and controls
258 lines (235 loc) · 16.8 KB
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
251
252
253
254
255
256
257
258
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Polyshift - The Codec for Dynamic Reality</title>
<link rel="stylesheet" href="unified-styles.css">
<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;900&display=swap" rel="stylesheet">
</head>
<body>
<canvas id="particle-canvas" class="particle-canvas"></canvas>
<header class="main-header">
<div class="container header-container">
<a href="index.html" class="logo">
<img src="logo.png" alt="Polyshift" class="logo-image">
</a>
<nav class="main-nav">
<div class="nav-dropdown">
<a href="#home" class="active">Home</a>
<div class="nav-dropdown-menu">
<a href="#platform">Platform</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</div>
</div>
<a href="#team">Team</a>
<a href="products.html">Products</a>
</nav>
<a href="#contact" class="button button-primary header-button">Get in Touch</a>
<button id="mobile-menu-button" class="mobile-menu-toggle" aria-label="Toggle mobile menu">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobile-menu" class="mobile-nav hidden">
<a href="#home" class="active">Home</a>
<a href="#platform" style="padding-left: 2rem;">→ Platform</a>
<a href="#about" style="padding-left: 2rem;">→ About</a>
<a href="#contact" style="padding-left: 2rem;">→ Contact</a>
<a href="products.html">Products</a>
<a href="#contact" class="button button-primary">Get in Touch</a>
</div>
</header>
<main>
<section id="home" class="hero">
<div class="container hero-content">
<h1 class="hero-title fade-in-up">
The Data Infrastructure for <span class="gradient-text"> Dynamic 3D </span>
</h1>
<p class="hero-subtitle fade-in-up">
Dynamic 3D data is exploding across AR/VR, robotics, teleoperations, digital twins, and autonomous systems. LiDARs and depth sensors generate continuous streams of depth data. Polyshift provides the data infrastructure layer that turns this massive 4D mesh data into smaller, streamable, real-time assets.
</p>
<div class="hero-actions fade-in-up">
<a href="offerings.html" class="button button-light">Explore Our Products</a>
<a href="#contact" class="button button-outline">Get in Touch</a>
</div>
</div>
</section>
<!-- Proof strip (product-first) -->
<section class="proof-strip">
<div class="container">
<div class="proof-panel fade-in-up">
<div class="proof-grid">
<div class="proof-item">
<div class="proof-kicker">Compression</div>
<div class="proof-value">Up to 200× reduction</div>
<div class="proof-note">Cuts storage + transfer time for long TVM sequences.</div>
</div>
<div class="proof-item">
<div class="proof-kicker">Streaming</div>
<div class="proof-value">Network-aware delivery</div>
<div class="proof-note">Chunked transport + low-latency playback paths.</div>
</div>
<div class="proof-item">
<div class="proof-kicker">Playback</div>
<div class="proof-value">Real-time ready</div>
<div class="proof-note">Targets interactive XR + edge device workloads.</div>
</div>
<div class="proof-item">
<div class="proof-kicker">Integration</div>
<div class="proof-value">Cloud ↔ Edge pipelines</div>
<div class="proof-note">Designed to plug into production 3D workflows.</div>
</div>
</div>
</div>
</div>
</section>
<section id="platform" class="section-padding platform-section">
<div class="container">
<div class="section-header text-center">
<h2 class="section-title fade-in-up">Lowering barriers across <span class="gradient-text">every industry</span></h2>
<p class="section-subtitle fade-in-up">Our volume-tracking algorithm is the foundation that provides an end-to-end solution for the dynamic data pipeline, powering breakthroughs in multiple sectors</p>
</div>
<div class="platform-showcase">
<div class="showcase-item fade-in-up">
<div class="showcase-visual">
<div class="icon-float">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 16v-2m8-8h2M4 12H2m16.938 5.938l1.414 1.414M2.646 2.646l1.414 1.414m12.728 0l1.414-1.414M5.06 18.938l-1.414 1.414M12 18a6 6 0 100-12 6 6 0 000 12z" /></svg>
</div>
</div>
<div class="showcase-info">
<h3 class="showcase-title">Industry-Leading Compression</h3>
<p class="showcase-description">Achieve up to 200× reduction in file sizes for complex 3D sequences, drastically cutting storage costs and transfer times across animation, medical imaging, and engineering simulations.</p>
<div class="industry-tags"><span class="tag">AR/VR</span><span class="tag">Animation & VFX</span></div>
</div>
</div>
<div class="showcase-item reverse fade-in-up">
<div class="showcase-visual">
<div class="icon-float pink">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
</div>
</div>
<div class="showcase-info">
<h3 class="showcase-title">Real-Time Streaming</h3>
<p class="showcase-description">Enable low-latency transfer and streaming of high-fidelity 3D data, perfect for remote medical consultations, cloud-based rendering, and collaborative engineering workflows.</p>
<div class="industry-tags"><span class="tag pink">Autonomous Vehicles</span><span class="tag pink">Robotics</span></div>
</div>
</div>
<div class="showcase-item fade-in-up">
<div class="showcase-visual">
<div class="icon-float blue">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M9 5a2 2 0 00-2 2v10a2 2 0 002 2h6a2 2 0 002-2V7a2 2 0 00-2-2H9z" /></svg>
</div>
</div>
<div class="showcase-info">
<h3 class="showcase-title">Hardware-Accelerated Playback</h3>
<p class="showcase-description">Decode complex sequences in real-time on any device, from standalone XR headsets to robotics platforms, enabling new possibilities in training, visualization, and interactive experiences.</p>
<div class="industry-tags"><span class="tag blue">XR Headsets</span><span class="tag blue">GPUs, TPUs, FPGAs</span></div>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding">
<div class="container">
<div class="section-header text-center">
<h2 class="section-title fade-in-up">Built for teams shipping <span class="gradient-text">dynamic 3D</span></h2>
</div>
<div class="usecases-grid">
<div class="usecase-card fade-in-up">
<div class="usecase-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.5c2.5 0 4.5 2 4.5 4.5S14.5 15.5 12 15.5 7.5 13.5 7.5 11 9.5 6.5 12 6.5z"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 11c0 5 4 9 8 9s8-4 8-9"/>
</svg>
</div>
<div class="usecase-title">XR & Spatial Apps</div>
<div class="usecase-desc">Stream dynamic scenes, avatars, and telepresence assets with practical bandwidth.</div>
</div>
<div class="usecase-card fade-in-up">
<div class="usecase-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7h16M4 12h16M4 17h16"/>
</svg>
</div>
<div class="usecase-title">VFX & Content Pipelines</div>
<div class="usecase-desc">Reduce storage, speed iteration, and move heavy sequences across teams faster.</div>
</div>
<div class="usecase-card fade-in-up">
<div class="usecase-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v18m6-18v18M4 7h16M4 17h16"/>
</svg>
</div>
<div class="usecase-title">Simulation & Digital Twins</div>
<div class="usecase-desc">Efficient time-series geometry for industrial, medical, and engineering workflows.</div>
</div>
<div class="usecase-card fade-in-up">
<div class="usecase-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 16v-2m8-8h2M4 12H2m3.5-6.5l1.5 1.5M19 19l-1.5-1.5"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8a4 4 0 100 8 4 4 0 000-8z"/>
</svg>
</div>
<div class="usecase-title">Robotics & Self-Driving Cars</div>
<div class="usecase-desc">Compact dynamic geometry datasets and playback for edge learning and analysis.</div>
</div>
</div>
<div class="section-cta-row fade-in-up">
<a href="products.html" class="button button-outline">See Products</a>
<a href="#contact" class="button button-primary">Request a Demo</a>
</div>
</div>
</section>
<section id="about" class="section-padding about-section">
<div class="container">
<div class="about-showcase">
<div class="about-item fade-in-up">
<div class="about-visual"><img src="https://placehold.co/120x40/transparent/ffffff?text=SINRG" alt="SINRG Labs" style="opacity: 0.9;"></div>
<div class="about-info">
<h2 class="about-title">Born from Research,<br>Built for <span class="gradient-text">Impact</span></h2>
<p class="about-description">Polyshift is a technology platform developed out of the SINRG Labs at Northeastern University in Boston. Our mission is to bridge the gap between cutting-edge academic research and real-world industry challenges, providing the foundational tools needed to build the next generation of 3D applications.</p>
</div>
</div>
<div class="about-item reverse fade-in-up">
<div class="about-visual">
<div class="icon-float purple">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>
</div>
</div>
<div class="about-info">
<div class="research-badge">Award-Winning Foundation</div>
<h3 class="about-subtitle">Validated by Published Research</h3>
<p class="about-description">The core TVMC algorithm that powers Polyshift was introduced in our highly successful research paper, presented at a top-tier academic conference. This work validates the novelty and superior performance of our approach to time-varying mesh compression.</p>
<a href="https://mallesham.com/papers/mmsys-2025-paper.pdf" target="_blank" rel="noopener noreferrer" class="solution-link">
<span>Read the Paper</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="link-arrow"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /></svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section-padding contact-section">
<div class="container text-center">
<h2 class="section-title fade-in-up">Let's Connect</h2>
<p class="section-subtitle fade-in-up">Have a question about our platform or interested in a partnership?</p>
<a href="mailto:contact@Polyshift.io" class="contact-link fade-in-up">contact@Polyshift.io</a>
</div>
</section>
</main>
<footer class="main-footer">
<div class="container footer-content">
<p>© 2026 Polyshift Inc.</p>
<div class="social-links">
<a href="#" aria-label="Twitter"><svg fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.223.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></a>
<a href="#" aria-label="LinkedIn"><svg fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z"/></svg></a>
<a href="#" aria-label="GitHub"><svg fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.168 6.839 9.492.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.031-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.378.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.338 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.001 10.001 0 0022 12c0-5.523-4.477-10-10-10z" clip-rule="evenodd" /></svg></a>
</div>
</div>
</footer>
<script src="global-scripts.js"></script>
</body>
</html>