PluginProbe
AI Builder – Generate pages, blocks, images & translate with AI / 2.1.6
AI Builder – Generate pages, blocks, images & translate with AI v2.1.6
2.7.10 2.7.9 2.7.8 2.0.8 2.0.9 2.1.0 2.1.1 2.1.10 2.1.11 2.1.12 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.3.10 All 122 releases
ai-builder / assets / JSON-Blocks / covers.js

covers.js in AI Builder – Generate pages, blocks, images & translate with AI 2.1.6, at assets/JSON-Blocks/covers.js

487 lines 15.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 const covers = [
2 {
3 id: "cover-01",
4 jsonBlocks: {
5 blockName: "core/cover",
6 attrs: {
7 align: "full",
8 className: "cover-modern",
9 url: "wp-content/plugins/ai-builder/assets/images",
10 dimRatio: 50,
11 overlayColor: "black",
12 minHeight: 500,
13 style: {
14 spacing: {
15 padding: {
16 top: "80px",
17 right: "40px",
18 bottom: "80px",
19 left: "40px",
20 },
21 },
22 },
23 },
24 innerBlocks: [
25 {
26 blockName: "core/group",
27 attrs: {
28 className: "cover-content",
29 layout: {
30 type: "constrained",
31 },
32 },
33 innerBlocks: [
34 {
35 blockName: "core/heading",
36 attrs: {
37 className: "cover-title",
38 content: "Créez votre site web avec style",
39 level: 1,
40 style: {
41 typography: {
42 fontSize: "48px",
43 fontWeight: "800",
44 },
45 color: {
46 text: "#ffffff",
47 },
48 },
49 },
50 },
51 {
52 blockName: "core/paragraph",
53 attrs: {
54 className: "cover-description ai-text-block",
55 content: "Une solution complète pour vos projets web",
56 style: {
57 typography: {
58 fontSize: "20px",
59 },
60 color: {
61 text: "#ffffff",
62 },
63 },
64 },
65 },
66 {
67 blockName: "core/buttons",
68 attrs: {
69 className: "cover-buttons",
70 layout: {
71 type: "flex",
72 justifyContent: "center",
73 },
74 },
75 innerBlocks: [
76 {
77 blockName: "core/button",
78 attrs: {
79 className: "cover-button-primary",
80 text: "Commencer",
81 style: {
82 color: {
83 background: "#ffffff",
84 text: "#000000",
85 },
86 border: {
87 radius: "4px",
88 },
89 spacing: {
90 padding: {
91 top: "12px",
92 right: "24px",
93 bottom: "12px",
94 left: "24px",
95 },
96 },
97 },
98 },
99 },
100 ],
101 },
102 ],
103 },
104 ],
105 },
106 },
107 {
108 id: "cover-02",
109 jsonBlocks: {
110 blockName: "core/cover",
111 attrs: {
112 align: "full",
113 className: "cover-split",
114 url: "wp-content/plugins/ai-builder/assets/images",
115 dimRatio: 50,
116 overlayColor: "black",
117 minHeight: 600,
118 style: {
119 spacing: {
120 padding: {
121 top: "60px",
122 right: "40px",
123 bottom: "60px",
124 left: "40px",
125 },
126 },
127 },
128 },
129 innerBlocks: [
130 {
131 blockName: "core/group",
132 attrs: {
133 className: "cover-split-container",
134 layout: {
135 type: "constrained",
136 },
137 },
138 innerBlocks: [
139 {
140 blockName: "core/columns",
141 attrs: {
142 className: "cover-split-columns",
143 verticalAlignment: "center",
144 },
145 innerBlocks: [
146 {
147 blockName: "core/column",
148 attrs: {
149 className: "cover-split-content",
150 width: "50%",
151 },
152 innerBlocks: [
153 {
154 blockName: "core/heading",
155 attrs: {
156 className: "cover-split-title",
157 content: "Solutions web innovantes",
158 level: 2,
159 style: {
160 typography: {
161 fontSize: "42px",
162 fontWeight: "700",
163 },
164 color: {
165 text: "#ffffff",
166 },
167 },
168 },
169 },
170 {
171 blockName: "core/paragraph",
172 attrs: {
173 className: "cover-split-description ai-text-block",
174 content:
175 "Transformez vos idées en réalité avec nos outils puissants et intuitifs. Créez des sites web modernes en quelques clics.",
176 style: {
177 typography: {
178 fontSize: "18px",
179 lineHeight: "1.6",
180 },
181 color: {
182 text: "#ffffff",
183 },
184 },
185 },
186 },
187 {
188 blockName: "core/buttons",
189 attrs: {
190 className: "cover-split-buttons",
191 layout: {
192 type: "flex",
193 justifyContent: "flex-start",
194 },
195 },
196 innerBlocks: [
197 {
198 blockName: "core/button",
199 attrs: {
200 className: "cover-split-button",
201 text: "Découvrir",
202 style: {
203 color: {
204 background: "#ffffff",
205 text: "#000000",
206 },
207 border: {
208 radius: "4px",
209 },
210 spacing: {
211 padding: {
212 top: "12px",
213 right: "24px",
214 bottom: "12px",
215 left: "24px",
216 },
217 },
218 },
219 },
220 },
221 ],
222 },
223 ],
224 },
225 {
226 blockName: "core/column",
227 attrs: {
228 className: "cover-split-image",
229 width: "50%",
230 },
231 innerBlocks: [
232 {
233 blockName: "core/image",
234 attrs: {
235 className: "ai-image-block",
236 imageUrl: "",
237 },
238 },
239 ],
240 },
241 ],
242 },
243 ],
244 },
245 ],
246 },
247 },
248 {
249 id: "cover-03",
250 jsonBlocks: {
251 blockName: "core/cover",
252 attrs: {
253 align: "full",
254 className: "cover-app",
255 url: "wp-content/plugins/ai-builder/assets/images",
256 dimRatio: 30,
257 overlayColor: "black",
258 minHeight: 800,
259 style: {
260 spacing: {
261 padding: {
262 top: "100px",
263 right: "40px",
264 bottom: "100px",
265 left: "40px",
266 },
267 },
268 },
269 },
270 innerBlocks: [
271 {
272 blockName: "core/group",
273 attrs: {
274 className: "cover-app-container",
275 layout: {
276 type: "constrained",
277 },
278 },
279 innerBlocks: [
280 {
281 blockName: "core/columns",
282 attrs: {
283 className: "cover-app-columns",
284 verticalAlignment: "center",
285 },
286 innerBlocks: [
287 {
288 blockName: "core/column",
289 attrs: {
290 className: "cover-app-content",
291 width: "50%",
292 },
293 innerBlocks: [
294 {
295 blockName: "core/paragraph",
296 attrs: {
297 className: "cover-app-badge ai-text-block",
298 content: "NOUVELLE APPLICATION",
299 style: {
300 typography: {
301 fontSize: "14px",
302 fontWeight: "600",
303 letterSpacing: "2px",
304 },
305 color: {
306 text: "#ffffff",
307 },
308 border: {
309 radius: "20px",
310 color: "#ffffff",
311 width: "1px",
312 },
313 spacing: {
314 padding: {
315 top: "8px",
316 right: "16px",
317 bottom: "8px",
318 left: "16px",
319 },
320 },
321 },
322 },
323 },
324 {
325 blockName: "core/heading",
326 attrs: {
327 className: "cover-app-title",
328 content: "Votre site web dans votre poche",
329 level: 1,
330 style: {
331 typography: {
332 fontSize: "56px",
333 fontWeight: "800",
334 lineHeight: "1.1",
335 },
336 color: {
337 text: "#ffffff",
338 },
339 },
340 },
341 },
342 {
343 blockName: "core/paragraph",
344 attrs: {
345 className: "cover-app-description ai-text-block",
346 content:
347 "Gérez votre site web où que vous soyez. Interface intuitive et fonctionnalités puissantes à portée de main.",
348 style: {
349 typography: {
350 fontSize: "18px",
351 lineHeight: "1.6",
352 },
353 color: {
354 text: "#ffffff",
355 },
356 },
357 },
358 },
359 {
360 blockName: "core/group",
361 attrs: {
362 className: "cover-app-features",
363 },
364 innerBlocks: [
365 {
366 blockName: "core/paragraph",
367 attrs: {
368 className: "cover-app-feature ai-text-block",
369 content: "✓ Mise à jour en temps réel",
370 style: {
371 typography: {
372 fontSize: "16px",
373 fontWeight: "500",
374 },
375 color: {
376 text: "#ffffff",
377 },
378 },
379 },
380 },
381 {
382 blockName: "core/paragraph",
383 attrs: {
384 className: "cover-app-feature ai-text-block",
385 content: "✓ Interface intuitive",
386 style: {
387 typography: {
388 fontSize: "16px",
389 fontWeight: "500",
390 },
391 color: {
392 text: "#ffffff",
393 },
394 },
395 },
396 },
397 {
398 blockName: "core/paragraph",
399 attrs: {
400 className: "cover-app-feature ai-text-block",
401 content: "✓ Synchronisation instantanée",
402 style: {
403 typography: {
404 fontSize: "16px",
405 fontWeight: "500",
406 },
407 color: {
408 text: "#ffffff",
409 },
410 },
411 },
412 },
413 ],
414 },
415 {
416 blockName: "core/buttons",
417 attrs: {
418 className: "cover-app-buttons",
419 layout: {
420 type: "flex",
421 justifyContent: "flex-start",
422 },
423 },
424 innerBlocks: [
425 {
426 blockName: "core/button",
427 attrs: {
428 className: "cover-app-button",
429 text: "Télécharger l'app",
430 style: {
431 color: {
432 background: "#ffffff",
433 text: "#000000",
434 },
435 border: {
436 radius: "8px",
437 },
438 spacing: {
439 padding: {
440 top: "16px",
441 right: "32px",
442 bottom: "16px",
443 left: "32px",
444 },
445 },
446 },
447 },
448 },
449 ],
450 },
451 ],
452 },
453 {
454 blockName: "core/column",
455 attrs: {
456 className: "cover-app-image",
457 width: "50%",
458 },
459 innerBlocks: [
460 {
461 blockName: "core/group",
462 attrs: {
463 className: "cover-app-phone-container",
464 },
465 innerBlocks: [
466 {
467 blockName: "core/image",
468 attrs: {
469 className: "ai-image-block",
470 imageUrl: "",
471 },
472 },
473 ],
474 },
475 ],
476 },
477 ],
478 },
479 ],
480 },
481 ],
482 },
483 },
484 ];
485
486 export default covers;
487