Spaces:
Running
Running
Commit
·
0ee2485
1
Parent(s):
f3b73a1
Update website: change hero image URL and simplify layout by removing comparison section and use case image
Browse files- index.html +2 -70
index.html
CHANGED
@@ -39,7 +39,7 @@
|
|
39 |
</div>
|
40 |
<div class="hero-image">
|
41 |
<div class="demo-container">
|
42 |
-
<img src="https://
|
43 |
<div class="arrow-animation"><i class="fas fa-long-arrow-alt-right"></i></div>
|
44 |
<div class="video-placeholder">
|
45 |
<div class="play-icon"><i class="fas fa-play"></i></div>
|
@@ -88,71 +88,6 @@
|
|
88 |
</div>
|
89 |
</section>
|
90 |
|
91 |
-
<section id="comparison" class="comparison">
|
92 |
-
<div class="container">
|
93 |
-
<h2 class="section-title">Performance Comparison</h2>
|
94 |
-
<div class="comparison-content">
|
95 |
-
<div class="comparison-table">
|
96 |
-
<table>
|
97 |
-
<thead>
|
98 |
-
<tr>
|
99 |
-
<th>Feature</th>
|
100 |
-
<th>ByteDance Seedance Pro</th>
|
101 |
-
<th>Standard I2V Models</th>
|
102 |
-
</tr>
|
103 |
-
</thead>
|
104 |
-
<tbody>
|
105 |
-
<tr>
|
106 |
-
<td>Generation Speed</td>
|
107 |
-
<td><span class="highlight">Seconds</span></td>
|
108 |
-
<td>Minutes</td>
|
109 |
-
</tr>
|
110 |
-
<tr>
|
111 |
-
<td>Motion Quality</td>
|
112 |
-
<td><span class="highlight">State-of-the-art</span></td>
|
113 |
-
<td>Variable</td>
|
114 |
-
</tr>
|
115 |
-
<tr>
|
116 |
-
<td>Resolution</td>
|
117 |
-
<td><span class="highlight">480p</span></td>
|
118 |
-
<td>Often lower</td>
|
119 |
-
</tr>
|
120 |
-
<tr>
|
121 |
-
<td>Physics Simulation</td>
|
122 |
-
<td><span class="highlight">Advanced</span></td>
|
123 |
-
<td>Basic</td>
|
124 |
-
</tr>
|
125 |
-
<tr>
|
126 |
-
<td>Processing Efficiency</td>
|
127 |
-
<td><span class="highlight">Optimized</span></td>
|
128 |
-
<td>Resource-intensive</td>
|
129 |
-
</tr>
|
130 |
-
</tbody>
|
131 |
-
</table>
|
132 |
-
</div>
|
133 |
-
<div class="comparison-chart">
|
134 |
-
<div class="chart-container">
|
135 |
-
<div class="chart-title">Generation Speed Comparison</div>
|
136 |
-
<div class="bar-chart">
|
137 |
-
<div class="bar-group">
|
138 |
-
<div class="bar seedance" style="height: 80%;"></div>
|
139 |
-
<div class="bar-label">Seedance Pro<br><span>~5 seconds</span></div>
|
140 |
-
</div>
|
141 |
-
<div class="bar-group">
|
142 |
-
<div class="bar competitor" style="height: 30%;"></div>
|
143 |
-
<div class="bar-label">Competitor A<br><span>~30 seconds</span></div>
|
144 |
-
</div>
|
145 |
-
<div class="bar-group">
|
146 |
-
<div class="bar competitor" style="height: 10%;"></div>
|
147 |
-
<div class="bar-label">Competitor B<br><span>~2 minutes</span></div>
|
148 |
-
</div>
|
149 |
-
</div>
|
150 |
-
<div class="chart-note">*Lower is better - Processing time for 5-second video generation</div>
|
151 |
-
</div>
|
152 |
-
</div>
|
153 |
-
</div>
|
154 |
-
</div>
|
155 |
-
</section>
|
156 |
|
157 |
<section id="technical" class="technical">
|
158 |
<div class="container">
|
@@ -184,9 +119,7 @@
|
|
184 |
<section id="use-cases" class="use-cases">
|
185 |
<div class="container">
|
186 |
<h2 class="section-title">Perfect for Fast-Paced Creative Work</h2>
|
187 |
-
|
188 |
-
<img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lm_sth/ljhwZthlaukjlkulzlp/ark/model_introduction/seedance/pro/intro/use-cases.jpg" alt="ByteDance Seedance Use Cases" class="use-image">
|
189 |
-
</div>
|
190 |
<div class="use-case-grid">
|
191 |
<div class="use-case-card">
|
192 |
<div class="use-case-icon"><i class="fas fa-video"></i></div>
|
@@ -315,7 +248,6 @@
|
|
315 |
<div class="footer-links">
|
316 |
<h4>Resources</h4>
|
317 |
<ul>
|
318 |
-
<li><a href="https://www.volcengine.com/docs/82379/1587797" target="_blank">Documentation</a></li>
|
319 |
<li><a href="https://wavespeed.ai/collections/bytedance" target="_blank">WaveSpeed Platform</a></li>
|
320 |
<li><a href="#limitations">Limitations</a></li>
|
321 |
</ul>
|
|
|
39 |
</div>
|
40 |
<div class="hero-image">
|
41 |
<div class="demo-container">
|
42 |
+
<img src="https://d2g64w682n9w0w.cloudfront.net/media/images/1745145676350203025_T0lFAytr.jpg" alt="Image to Video Transformation Example" class="demo-image">
|
43 |
<div class="arrow-animation"><i class="fas fa-long-arrow-alt-right"></i></div>
|
44 |
<div class="video-placeholder">
|
45 |
<div class="play-icon"><i class="fas fa-play"></i></div>
|
|
|
88 |
</div>
|
89 |
</section>
|
90 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
91 |
|
92 |
<section id="technical" class="technical">
|
93 |
<div class="container">
|
|
|
119 |
<section id="use-cases" class="use-cases">
|
120 |
<div class="container">
|
121 |
<h2 class="section-title">Perfect for Fast-Paced Creative Work</h2>
|
122 |
+
|
|
|
|
|
123 |
<div class="use-case-grid">
|
124 |
<div class="use-case-card">
|
125 |
<div class="use-case-icon"><i class="fas fa-video"></i></div>
|
|
|
248 |
<div class="footer-links">
|
249 |
<h4>Resources</h4>
|
250 |
<ul>
|
|
|
251 |
<li><a href="https://wavespeed.ai/collections/bytedance" target="_blank">WaveSpeed Platform</a></li>
|
252 |
<li><a href="#limitations">Limitations</a></li>
|
253 |
</ul>
|