Skip to content

Commit 194bda2

Browse files
malleshamdasarimalleshamdasari
committed
main page
1 parent e7a4a0f commit 194bda2

File tree

2 files changed

+267
-10
lines changed

2 files changed

+267
-10
lines changed

‎index.html‎

Lines changed: 102 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -49,10 +49,10 @@
4949
<section id="home" class="hero">
5050
<div class="container hero-content">
5151
<h1 class="hero-title fade-in-up">
52-
The Codec for <span class="gradient-text">Dynamic Reality</span>
52+
The Data Infrastructure for <span class="gradient-text"> Dynamic 3D </span>
5353
</h1>
5454
<p class="hero-subtitle fade-in-up">
55-
The 3D world is exploding with dynamic data and mesh sequences. Polyshift is the foundational platform for compressing, streaming, and decoding complex Time-Varying Meshes (TVMs). We believe that TVMs will provide a foundation for breakthroughs in the next generations of entertainment, engineering, and health-care.
55+
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.
5656
</p>
5757
<div class="hero-actions fade-in-up">
5858
<a href="offerings.html" class="button button-light">Explore Our Products</a>
@@ -61,11 +61,47 @@ <h1 class="hero-title fade-in-up">
6161
</div>
6262
</section>
6363

64+
65+
<!-- Proof strip (product-first) -->
66+
<section class="proof-strip">
67+
<div class="container">
68+
<div class="proof-panel fade-in-up">
69+
<div class="proof-grid">
70+
71+
<div class="proof-item">
72+
<div class="proof-kicker">Compression</div>
73+
<div class="proof-value">Up to 200× reduction</div>
74+
<div class="proof-note">Cuts storage + transfer time for long TVM sequences.</div>
75+
</div>
76+
77+
<div class="proof-item">
78+
<div class="proof-kicker">Streaming</div>
79+
<div class="proof-value">Network-aware delivery</div>
80+
<div class="proof-note">Chunked transport + low-latency playback paths.</div>
81+
</div>
82+
83+
<div class="proof-item">
84+
<div class="proof-kicker">Playback</div>
85+
<div class="proof-value">Real-time ready</div>
86+
<div class="proof-note">Targets interactive XR + edge device workloads.</div>
87+
</div>
88+
89+
<div class="proof-item">
90+
<div class="proof-kicker">Integration</div>
91+
<div class="proof-value">Cloud ↔ Edge pipelines</div>
92+
<div class="proof-note">Designed to plug into production 3D workflows.</div>
93+
</div>
94+
95+
</div>
96+
</div>
97+
</div>
98+
</section>
99+
64100
<section id="platform" class="section-padding platform-section">
65101
<div class="container">
66102
<div class="section-header text-center">
67103
<h2 class="section-title fade-in-up">Lowering barriers across <span class="gradient-text">every industry</span></h2>
68-
<p class="section-subtitle fade-in-up">Our TVM algorithm provides an end-to-end solution for the dynamic data pipeline, powering breakthroughs in multiple sectors</p>
104+
<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>
69105
</div>
70106

71107
<div class="platform-showcase">
@@ -77,8 +113,8 @@ <h2 class="section-title fade-in-up">Lowering barriers across <span class="gradi
77113
</div>
78114
<div class="showcase-info">
79115
<h3 class="showcase-title">Industry-Leading Compression</h3>
80-
<p class="showcase-description">Achieve up to 60% reduction in file sizes for complex TVM sequences, drastically cutting storage costs and transfer times across animation, medical imaging, and engineering simulations.</p>
81-
<div class="industry-tags"><span class="tag">Animation & VFX</span><span class="tag">Medical Imaging</span></div>
116+
<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>
117+
<div class="industry-tags"><span class="tag">AR/VR</span><span class="tag">Animation & VFX</span></div>
82118
</div>
83119
</div>
84120
<div class="showcase-item reverse fade-in-up">
@@ -90,7 +126,7 @@ <h3 class="showcase-title">Industry-Leading Compression</h3>
90126
<div class="showcase-info">
91127
<h3 class="showcase-title">Real-Time Streaming</h3>
92128
<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>
93-
<div class="industry-tags"><span class="tag pink">Engineering</span><span class="tag pink">Robotics & AI</span></div>
129+
<div class="industry-tags"><span class="tag pink">Autonomous Vehicles</span><span class="tag pink">Robotics</span></div>
94130
</div>
95131
</div>
96132
<div class="showcase-item fade-in-up">
@@ -102,13 +138,70 @@ <h3 class="showcase-title">Real-Time Streaming</h3>
102138
<div class="showcase-info">
103139
<h3 class="showcase-title">Hardware-Accelerated Playback</h3>
104140
<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>
105-
<div class="industry-tags"><span class="tag blue">XR Applications</span><span class="tag blue">AI Training</span></div>
141+
<div class="industry-tags"><span class="tag blue">XR Headsets</span><span class="tag blue">GPUs, TPUs, FPGAs</span></div>
106142
</div>
107143
</div>
108144
</div>
109145
</div>
110146
</section>
111147

148+
<section class="section-padding">
149+
<div class="container">
150+
<div class="section-header text-center">
151+
<h2 class="section-title fade-in-up">Built for teams shipping <span class="gradient-text">dynamic 3D</span></h2>
152+
</div>
153+
154+
<div class="usecases-grid">
155+
<div class="usecase-card fade-in-up">
156+
<div class="usecase-icon">
157+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
158+
<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"/>
159+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 11c0 5 4 9 8 9s8-4 8-9"/>
160+
</svg>
161+
</div>
162+
<div class="usecase-title">XR & Spatial Apps</div>
163+
<div class="usecase-desc">Stream dynamic scenes, avatars, and telepresence assets with practical bandwidth.</div>
164+
</div>
165+
166+
<div class="usecase-card fade-in-up">
167+
<div class="usecase-icon">
168+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
169+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7h16M4 12h16M4 17h16"/>
170+
</svg>
171+
</div>
172+
<div class="usecase-title">VFX & Content Pipelines</div>
173+
<div class="usecase-desc">Reduce storage, speed iteration, and move heavy sequences across teams faster.</div>
174+
</div>
175+
176+
<div class="usecase-card fade-in-up">
177+
<div class="usecase-icon">
178+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
179+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v18m6-18v18M4 7h16M4 17h16"/>
180+
</svg>
181+
</div>
182+
<div class="usecase-title">Simulation & Digital Twins</div>
183+
<div class="usecase-desc">Efficient time-series geometry for industrial, medical, and engineering workflows.</div>
184+
</div>
185+
186+
<div class="usecase-card fade-in-up">
187+
<div class="usecase-icon">
188+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
189+
<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"/>
190+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8a4 4 0 100 8 4 4 0 000-8z"/>
191+
</svg>
192+
</div>
193+
<div class="usecase-title">Robotics & Self-Driving Cars</div>
194+
<div class="usecase-desc">Compact dynamic geometry datasets and playback for edge learning and analysis.</div>
195+
</div>
196+
</div>
197+
198+
<div class="section-cta-row fade-in-up">
199+
<a href="offerings.html" class="button button-outline">See Solutions</a>
200+
<a href="#contact" class="button button-primary">Request a Demo</a>
201+
</div>
202+
</div>
203+
</section>
204+
112205
<section id="about" class="section-padding about-section">
113206
<div class="container">
114207
<div class="about-showcase">
@@ -142,15 +235,15 @@ <h3 class="about-subtitle">Validated by Published Research</h3>
142235
<section id="contact" class="section-padding contact-section">
143236
<div class="container text-center">
144237
<h2 class="section-title fade-in-up">Let's Connect</h2>
145-
<p class="section-subtitle fade-in-up">Have a question about our platform or interested in a partnership? We'd love to hear from you.</p>
238+
<p class="section-subtitle fade-in-up">Have a question about our platform or interested in a partnership?</p>
146239
<a href="mailto:contact@Polyshift.io" class="contact-link fade-in-up">contact@Polyshift.io</a>
147240
</div>
148241
</section>
149242
</main>
150243

151244
<footer class="main-footer">
152245
<div class="container footer-content">
153-
<p>&copy; 2026 Polyshift Inc. &bull; A <a href="#" class="link-highlight">SINRG Labs</a> Project at Northeastern University</p>
246+
<p>&copy; 2026 Polyshift Inc.</p>
154247
<div class="social-links">
155248
<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>
156249
<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>

‎unified-styles.css‎

Lines changed: 165 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1138,4 +1138,168 @@ main, .main-footer {
11381138
border-color: rgba(217, 70, 239, 0.5);
11391139
transform: translateX(5px);
11401140
box-shadow: 0 4px 20px rgba(168, 85, 247, 0.3);
1141-
}
1141+
}
1142+
1143+
/* ---
1144+
Index: Proof strip + Use-cases grid (drop-in components)
1145+
--- */
1146+
1147+
/* Proof / Stats Strip */
1148+
.proof-strip {
1149+
padding-top: 1.5rem;
1150+
padding-bottom: 1.5rem;
1151+
}
1152+
1153+
.proof-panel {
1154+
background: rgba(10, 10, 10, 0.35);
1155+
border: 1px solid rgba(168, 85, 247, 0.2);
1156+
border-radius: 1rem;
1157+
padding: 1.25rem;
1158+
backdrop-filter: blur(18px) saturate(140%);
1159+
box-shadow: 0 10px 40px rgba(168, 85, 247, 0.12);
1160+
position: relative;
1161+
overflow: hidden;
1162+
}
1163+
1164+
.proof-panel::before {
1165+
content: '';
1166+
position: absolute;
1167+
inset: -50%;
1168+
background: radial-gradient(ellipse at center, rgba(217, 70, 239, 0.12) 0%, transparent 55%);
1169+
animation: float 18s ease-in-out infinite;
1170+
z-index: 0;
1171+
}
1172+
1173+
.proof-grid {
1174+
position: relative;
1175+
z-index: 1;
1176+
display: grid;
1177+
gap: 1rem;
1178+
grid-template-columns: 1fr;
1179+
}
1180+
1181+
@media (min-width: 640px) {
1182+
.proof-grid { grid-template-columns: repeat(2, 1fr); }
1183+
}
1184+
@media (min-width: 1024px) {
1185+
.proof-grid { grid-template-columns: repeat(4, 1fr); }
1186+
}
1187+
1188+
.proof-item {
1189+
border-radius: 0.75rem;
1190+
padding: 1rem;
1191+
border: 1px solid rgba(168, 85, 247, 0.12);
1192+
background: rgba(0, 0, 0, 0.25);
1193+
transition: transform 0.2s ease, border-color 0.2s ease;
1194+
}
1195+
1196+
.proof-item:hover {
1197+
transform: translateY(-2px);
1198+
border-color: rgba(217, 70, 239, 0.35);
1199+
}
1200+
1201+
.proof-kicker {
1202+
font-size: 0.8rem;
1203+
color: #94a3b8;
1204+
letter-spacing: 0.02em;
1205+
}
1206+
1207+
.proof-value {
1208+
margin-top: 0.35rem;
1209+
font-size: 1.25rem;
1210+
font-weight: 800;
1211+
line-height: 1.1;
1212+
color: #ffffff;
1213+
}
1214+
1215+
.proof-note {
1216+
margin-top: 0.5rem;
1217+
font-size: 0.95rem;
1218+
color: #94a3b8;
1219+
line-height: 1.4;
1220+
}
1221+
1222+
/* Use Cases Grid */
1223+
.usecases-grid {
1224+
display: grid;
1225+
gap: 1rem;
1226+
margin-top: 2.5rem;
1227+
grid-template-columns: 1fr;
1228+
}
1229+
1230+
@media (min-width: 768px) {
1231+
.usecases-grid { grid-template-columns: repeat(2, 1fr); }
1232+
}
1233+
@media (min-width: 1024px) {
1234+
.usecases-grid { grid-template-columns: repeat(4, 1fr); }
1235+
}
1236+
1237+
.usecase-card {
1238+
background: rgba(10, 10, 10, 0.35);
1239+
border: 1px solid rgba(168, 85, 247, 0.18);
1240+
border-radius: 1rem;
1241+
padding: 1.25rem;
1242+
backdrop-filter: blur(18px);
1243+
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
1244+
position: relative;
1245+
overflow: hidden;
1246+
}
1247+
1248+
.usecase-card::after {
1249+
content: '';
1250+
position: absolute;
1251+
inset: 0;
1252+
background: radial-gradient(ellipse at 20% 20%, rgba(217, 70, 239, 0.10) 0%, transparent 55%);
1253+
opacity: 0;
1254+
transition: opacity 0.2s ease;
1255+
pointer-events: none;
1256+
}
1257+
1258+
.usecase-card:hover {
1259+
transform: translateY(-4px);
1260+
border-color: rgba(217, 70, 239, 0.4);
1261+
box-shadow: 0 12px 44px rgba(168, 85, 247, 0.18);
1262+
}
1263+
.usecase-card:hover::after { opacity: 1; }
1264+
1265+
.usecase-icon {
1266+
width: 44px;
1267+
height: 44px;
1268+
border-radius: 0.75rem;
1269+
display: flex;
1270+
align-items: center;
1271+
justify-content: center;
1272+
background: linear-gradient(135deg, rgba(217, 70, 239, 0.18), rgba(168, 85, 247, 0.10));
1273+
border: 1px solid rgba(217, 70, 239, 0.18);
1274+
box-shadow: inset 0 0 18px rgba(217, 70, 239, 0.08);
1275+
}
1276+
1277+
.usecase-icon svg {
1278+
width: 22px;
1279+
height: 22px;
1280+
stroke: #e879f9;
1281+
filter: drop-shadow(0 0 6px rgba(232, 121, 249, 0.45));
1282+
}
1283+
1284+
.usecase-title {
1285+
margin-top: 0.9rem;
1286+
font-size: 1.1rem;
1287+
font-weight: 700;
1288+
color: #ffffff;
1289+
}
1290+
1291+
.usecase-desc {
1292+
margin-top: 0.5rem;
1293+
color: #94a3b8;
1294+
line-height: 1.5;
1295+
font-size: 0.95rem;
1296+
}
1297+
1298+
/* Small link row under cards (optional) */
1299+
.section-cta-row {
1300+
margin-top: 2rem;
1301+
display: flex;
1302+
justify-content: center;
1303+
gap: 0.75rem;
1304+
flex-wrap: wrap;
1305+
}

0 commit comments

Comments
 (0)