DjayChucko commited on
Commit
d8a0807
·
verified ·
1 Parent(s): d42dbea

Manual changes saved

Browse files
Files changed (1) hide show
  1. strategy.html +154 -0
strategy.html CHANGED
@@ -150,7 +150,161 @@
150
  </div>
151
  </section>
152
  </main>
 
 
 
153
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
154
  <footer class="bg-purple-800/80 dark:bg-purple-800/80 backdrop-blur-sm border-t border-gray-700">
155
  <div class="container mx-auto px-4 py-8">
156
  <div class="flex flex-col md:flex-row justify-between items-center">
 
150
  </div>
151
  </section>
152
  </main>
153
+ <style>
154
+ /* Scoped styles for the Scaleway Sales Content block. */
155
+ /* This will not affect other elements on your page. */
156
 
157
+ #scaleway-sales-content {
158
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
159
+ background-color: #f9fafb;
160
+ color: #374151;
161
+ line-height: 1.6;
162
+ }
163
+
164
+ #scaleway-sales-content .container {
165
+ max-width: 960px;
166
+ margin: 0 auto;
167
+ padding: 20px;
168
+ }
169
+
170
+ #scaleway-sales-content h1,
171
+ #scaleway-sales-content h2,
172
+ #scaleway-sales-content h3,
173
+ #scaleway-sales-content h4 {
174
+ color: #111827;
175
+ line-height: 1.3;
176
+ }
177
+
178
+ #scaleway-sales-content h1 { font-size: 2.5rem; }
179
+ #scaleway-sales-content h2 { font-size: 2rem; border-bottom: 2px solid #e5e7eb; padding-bottom: 10px; margin-top: 40px; }
180
+ #scaleway-sales-content h3 { font-size: 1.5rem; }
181
+
182
+ #scaleway-sales-content .hero {
183
+ background: linear-gradient(135deg, #4B0082, #1a002e);
184
+ color: #ffffff;
185
+ padding: 60px 20px;
186
+ text-align: center;
187
+ }
188
+ #scaleway-sales-content .hero h1 {
189
+ color: #ffffff;
190
+ font-size: 3rem;
191
+ margin-bottom: 10px;
192
+ }
193
+ #scaleway-sales-content .hero .subtitle {
194
+ font-size: 1.25rem;
195
+ font-weight: 300;
196
+ max-width: 700px;
197
+ margin: 0 auto 30px auto;
198
+ }
199
+ #scaleway-sales-content .hero .subtitle strong {
200
+ color: #d8b4fe;
201
+ font-weight: 600;
202
+ }
203
+
204
+ #scaleway-sales-content .cta-button {
205
+ display: inline-block;
206
+ background-color: #a855f7;
207
+ color: #ffffff;
208
+ padding: 15px 30px;
209
+ border-radius: 8px;
210
+ text-decoration: none;
211
+ font-weight: bold;
212
+ font-size: 1.1rem;
213
+ transition: background-color 0.3s ease;
214
+ }
215
+ #scaleway-sales-content .cta-button:hover {
216
+ background-color: #9333ea;
217
+ }
218
+
219
+ #scaleway-sales-content .visual-flow-section {
220
+ background-color: #ffffff;
221
+ border-radius: 12px;
222
+ padding: 30px;
223
+ margin-top: 40px;
224
+ box-shadow: 0 4px 6px rgba(0,0,0,0.05);
225
+ }
226
+ #scaleway-sales-content .three-whys {
227
+ display: flex;
228
+ justify-content: space-between;
229
+ gap: 15px;
230
+ margin-bottom: 20px;
231
+ }
232
+ #scaleway-sales-content .why-box {
233
+ color: white;
234
+ padding: 15px;
235
+ border-radius: 8px;
236
+ font-weight: bold;
237
+ text-align: center;
238
+ flex: 1;
239
+ }
240
+ #scaleway-sales-content .why-buy { background-color: #007bff; }
241
+ #scaleway-sales-content .why-now { background-color: #005f9e; }
242
+ #scaleway-sales-content .why-us { background-color: #8A2BE2; }
243
+
244
+ #scaleway-sales-content .state-bar,
245
+ #scaleway-sales-content .metric-bar {
246
+ background-color: #4B0082;
247
+ color: white;
248
+ padding: 10px 20px;
249
+ border-radius: 5px;
250
+ text-align: center;
251
+ display: flex;
252
+ justify-content: space-between;
253
+ font-weight: bold;
254
+ text-transform: uppercase;
255
+ font-size: 0.9rem;
256
+ }
257
+ #scaleway-sales-content .iliad-flow {
258
+ background-color: #f3f4f6;
259
+ padding: 15px;
260
+ border-radius: 5px;
261
+ margin: 8px 0;
262
+ text-align: center;
263
+ font-weight: bold;
264
+ color: #4b0082;
265
+ letter-spacing: 2px;
266
+ }
267
+ #scaleway-sales-content .value-centric-quote {
268
+ text-align: center;
269
+ font-size: 1.2rem;
270
+ font-style: italic;
271
+ color: #4b0082;
272
+ margin-top: 20px;
273
+ padding: 15px;
274
+ background-color: #f3f4f6;
275
+ border-left: 5px solid #8A2BE2;
276
+ }
277
+
278
+ #scaleway-sales-content .framework-list {
279
+ list-style: none;
280
+ padding: 0;
281
+ }
282
+ #scaleway-sales-content .framework-list li {
283
+ background-color: #ffffff;
284
+ border: 1px solid #e5e7eb;
285
+ border-radius: 8px;
286
+ padding: 20px;
287
+ margin-bottom: 15px;
288
+ }
289
+ #scaleway-sales-content .framework-list strong {
290
+ color: #8A2BE2;
291
+ font-size: 1.2rem;
292
+ }
293
+
294
+ #scaleway-sales-content .value-prop-grid {
295
+ display: grid;
296
+ grid-template-columns: repeat(2, 1fr);
297
+ gap: 20px;
298
+ margin-top: 20px;
299
+ }
300
+ #scaleway-sales-content .value-prop-item {
301
+ background: #fff;
302
+ padding: 20px;
303
+ border-radius: 8px;
304
+ border: 1px solid #e5e7eb;
305
+ }
306
+ #scaleway-sales-content .value-prop-item h4 {
307
+ margin-top:
308
  <footer class="bg-purple-800/80 dark:bg-purple-800/80 backdrop-blur-sm border-t border-gray-700">
309
  <div class="container mx-auto px-4 py-8">
310
  <div class="flex flex-col md:flex-row justify-between items-center">