liyangbing commited on
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
Files changed (1) hide show
  1. 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://lf3-static.bytednsdoc.com/obj/eden-cn/lm_sth/ljhwZthlaukjlkulzlp/ark/model_introduction/seedance/pro/intro/hero-image.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,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
- <div class="use-case-image">
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>