Hugging Face's logo

Spaces:
wavespeed
/
ByteDance-Seedance
Running

App Files Community
liyangbing commited on
Commit
1e9484d
·
1 Parent(s): 0ee2485

Update website layout: reorganize navigation menu, reposition benchmark and model collection sections, remove use cases section

Browse files
Files changed (1) hide show
  1. index.html +71 -97
index.html CHANGED
@@ -16,10 +16,9 @@
16
  </div>
17
  <nav>
18
  <ul>
19
- <li><a href="#features">Features</a></li>
20
  <li><a href="#comparison">Comparison</a></li>
21
  <li><a href="#technical">Technical Excellence</a></li>
22
- <li><a href="#use-cases">Use Cases</a></li>
23
  <li><a class="cta-button" href="https://wavespeed.ai/collections/bytedance" target="_blank">Try on WaveSpeed <i class="fas fa-external-link-alt"></i></a></li>
24
  </ul>
25
  </nav>
@@ -50,101 +49,6 @@
50
  </div>
51
  </section>
52
 
53
- <section id="features" class="features">
54
- <div class="container">
55
- <h2 class="section-title">Key Features</h2>
56
- <div class="feature-grid">
57
- <div class="feature-card">
58
- <div class="feature-icon"><i class="fas fa-bolt"></i></div>
59
- <h3>Ultra-Fast Video Generation</h3>
60
- <p>Lightning-speed processing creates 5-second videos at 480p resolution with vivid details and smooth motion in seconds, not minutes.</p>
61
- </div>
62
- <div class="feature-card">
63
- <div class="feature-icon"><i class="fas fa-film"></i></div>
64
- <h3>SOTA Motion Rendering</h3>
65
- <p>State-of-the-art dynamic rendering techniques create natural and realistic movements that bring images to life.</p>
66
- </div>
67
- <div class="feature-card">
68
- <div class="feature-icon"><i class="fas fa-brain"></i></div>
69
- <h3>Advanced Semantic Understanding</h3>
70
- <p>Industry-leading AI excels in interpreting complex user prompts to generate coherent and dynamic scenes with professional quality.</p>
71
- </div>
72
- <div class="feature-card">
73
- <div class="feature-icon"><i class="fas fa-cubes"></i></div>
74
- <h3>Realistic Physical Simulation</h3>
75
- <p>SOTA physics engine simulates realistic physical properties and movements for lifelike video generation.</p>
76
- </div>
77
- <div class="feature-card">
78
- <div class="feature-icon"><i class="fas fa-tachometer-alt"></i></div>
79
- <h3>Blazing-Fast Processing</h3>
80
- <p>Optimized for maximum speed efficiency, allowing instant creation of high-quality videos for real-time workflows.</p>
81
- </div>
82
- <div class="feature-card">
83
- <div class="feature-icon"><i class="fas fa-sliders-h"></i></div>
84
- <h3>Flexible Parameter Control</h3>
85
- <p>Customizable settings offer duration and style adjustments for complete creative control.</p>
86
- </div>
87
- </div>
88
- </div>
89
- </section>
90
-
91
-
92
- <section id="technical" class="technical">
93
- <div class="container">
94
- <h2 class="section-title">Technical Excellence & Speed Optimization</h2>
95
- <div class="technical-image">
96
- <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lm_sth/ljhwZthlaukjlkulzlp/ark/model_introduction/seedance/pro/intro/technical.jpg" alt="Technical Excellence" class="tech-img">
97
- </div>
98
- <div class="technical-grid">
99
- <div class="technical-card">
100
- <h3><i class="fas fa-microchip"></i> SOTA Architecture</h3>
101
- <p>Built on breakthrough research delivering state-of-the-art image-to-video generation performance.</p>
102
- </div>
103
- <div class="technical-card">
104
- <h3><i class="fas fa-cogs"></i> Optimized Processing</h3>
105
- <p>Native ByteDance technology delivers superior generation speed compared to standard I2V solutions.</p>
106
- </div>
107
- <div class="technical-card">
108
- <h3><i class="fas fa-clock"></i> Real-Time Processing</h3>
109
- <p>Ultra-fast video synthesis enables immediate creative workflows and instant content creation.</p>
110
- </div>
111
- <div class="technical-card">
112
- <h3><i class="fas fa-server"></i> High-Performance Computing</h3>
113
- <p>Enterprise-grade infrastructure supports rapid, high-volume video generation at scale.</p>
114
- </div>
115
- </div>
116
- </div>
117
- </section>
118
-
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>
126
- <h3>Content Creators</h3>
127
- <p>Instantly transform static photography into engaging video content for social platforms with lightning-fast speed.</p>
128
- </div>
129
- <div class="use-case-card">
130
- <div class="use-case-icon"><i class="fas fa-ad"></i></div>
131
- <h3>Marketing Professionals</h3>
132
- <p>Create dynamic promotional materials from product images in seconds, not hours.</p>
133
- </div>
134
- <div class="use-case-card">
135
- <div class="use-case-icon"><i class="fas fa-share-alt"></i></div>
136
- <h3>Social Media Managers</h3>
137
- <p>Convert photos into shareable, dynamic content that captures attention with lightning-fast turnaround.</p>
138
- </div>
139
- <div class="use-case-card">
140
- <div class="use-case-icon"><i class="fas fa-shopping-cart"></i></div>
141
- <h3>E-commerce Teams</h3>
142
- <p>Bring product photos to life with subtle motion effects using SOTA I2V technology.</p>
143
- </div>
144
- </div>
145
- </div>
146
- </section>
147
-
148
  <section class="benchmark-section" id="benchmark">
149
  <div class="container">
150
  <h2 class="section-title">Benchmark Results</h2>
@@ -215,6 +119,76 @@
215
  </div>
216
  </section>
217
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
218
  <section class="cta-section">
219
  <div class="container">
220
  <div class="cta-content">
 
16
  </div>
17
  <nav>
18
  <ul>
 
19
  <li><a href="#comparison">Comparison</a></li>
20
  <li><a href="#technical">Technical Excellence</a></li>
21
+ <li><a href="#features">Features</a></li>
22
  <li><a class="cta-button" href="https://wavespeed.ai/collections/bytedance" target="_blank">Try on WaveSpeed <i class="fas fa-external-link-alt"></i></a></li>
23
  </ul>
24
  </nav>
 
49
  </div>
50
  </section>
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
  <section class="benchmark-section" id="benchmark">
53
  <div class="container">
54
  <h2 class="section-title">Benchmark Results</h2>
 
119
  </div>
120
  </section>
121
 
122
+ <section id="features" class="features">
123
+ <div class="container">
124
+ <h2 class="section-title">Key Features</h2>
125
+ <div class="feature-grid">
126
+ <div class="feature-card">
127
+ <div class="feature-icon"><i class="fas fa-bolt"></i></div>
128
+ <h3>Ultra-Fast Video Generation</h3>
129
+ <p>Lightning-speed processing creates 5-second videos at 480p resolution with vivid details and smooth motion in seconds, not minutes.</p>
130
+ </div>
131
+ <div class="feature-card">
132
+ <div class="feature-icon"><i class="fas fa-film"></i></div>
133
+ <h3>SOTA Motion Rendering</h3>
134
+ <p>State-of-the-art dynamic rendering techniques create natural and realistic movements that bring images to life.</p>
135
+ </div>
136
+ <div class="feature-card">
137
+ <div class="feature-icon"><i class="fas fa-brain"></i></div>
138
+ <h3>Advanced Semantic Understanding</h3>
139
+ <p>Industry-leading AI excels in interpreting complex user prompts to generate coherent and dynamic scenes with professional quality.</p>
140
+ </div>
141
+ <div class="feature-card">
142
+ <div class="feature-icon"><i class="fas fa-cubes"></i></div>
143
+ <h3>Realistic Physical Simulation</h3>
144
+ <p>SOTA physics engine simulates realistic physical properties and movements for lifelike video generation.</p>
145
+ </div>
146
+ <div class="feature-card">
147
+ <div class="feature-icon"><i class="fas fa-tachometer-alt"></i></div>
148
+ <h3>Blazing-Fast Processing</h3>
149
+ <p>Optimized for maximum speed efficiency, allowing instant creation of high-quality videos for real-time workflows.</p>
150
+ </div>
151
+ <div class="feature-card">
152
+ <div class="feature-icon"><i class="fas fa-sliders-h"></i></div>
153
+ <h3>Flexible Parameter Control</h3>
154
+ <p>Customizable settings offer duration and style adjustments for complete creative control.</p>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </section>
159
+
160
+
161
+ <section id="technical" class="technical">
162
+ <div class="container">
163
+ <h2 class="section-title">Technical Excellence & Speed Optimization</h2>
164
+ <div class="technical-image">
165
+ <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lm_sth/ljhwZthlaukjlkulzlp/ark/model_introduction/seedance/pro/intro/technical.jpg" alt="Technical Excellence" class="tech-img">
166
+ </div>
167
+ <div class="technical-grid">
168
+ <div class="technical-card">
169
+ <h3><i class="fas fa-microchip"></i> SOTA Architecture</h3>
170
+ <p>Built on breakthrough research delivering state-of-the-art image-to-video generation performance.</p>
171
+ </div>
172
+ <div class="technical-card">
173
+ <h3><i class="fas fa-cogs"></i> Optimized Processing</h3>
174
+ <p>Native ByteDance technology delivers superior generation speed compared to standard I2V solutions.</p>
175
+ </div>
176
+ <div class="technical-card">
177
+ <h3><i class="fas fa-clock"></i> Real-Time Processing</h3>
178
+ <p>Ultra-fast video synthesis enables immediate creative workflows and instant content creation.</p>
179
+ </div>
180
+ <div class="technical-card">
181
+ <h3><i class="fas fa-server"></i> High-Performance Computing</h3>
182
+ <p>Enterprise-grade infrastructure supports rapid, high-volume video generation at scale.</p>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </section>
187
+
188
+
189
+
190
+
191
+
192
  <section class="cta-section">
193
  <div class="container">
194
  <div class="cta-content">