@levo-so/blocks 0.1.2 → 0.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/package.json +2 -2
  2. package/src/blocks/about-us/about-us-1.schema.ts +26 -12
  3. package/src/blocks/about-us/about-us-2.schema.ts +269 -0
  4. package/src/blocks/about-us/about-us-2.tsx +47 -0
  5. package/src/blocks/blogs/blog-listing-1.schema.ts +64 -10
  6. package/src/blocks/blogs/blog-listing-1.tsx +79 -56
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +3141 -31
  8. package/src/blocks/blogs/blog-listing-2.tsx +16 -11
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +2476 -0
  10. package/src/blocks/blogs/blog-listing-3.tsx +84 -0
  11. package/src/blocks/blogs/blog-post-1.schema.ts +17 -9
  12. package/src/blocks/blogs/blog-post-2.schema.ts +13 -56
  13. package/src/blocks/blogs/blog-post-3.schema.ts +284 -0
  14. package/src/blocks/blogs/blog-post-3.tsx +58 -0
  15. package/src/blocks/cards/cards-10.schema.ts +579 -0
  16. package/src/blocks/cards/cards-10.tsx +2 -0
  17. package/src/blocks/cards/cards-11.schema.ts +514 -36
  18. package/src/blocks/cards/cards-13.schema.ts +615 -0
  19. package/src/blocks/cards/cards-13.tsx +67 -0
  20. package/src/blocks/cards/cards-2.schema.ts +14 -17
  21. package/src/blocks/cards/cards-3.schema.ts +15 -25
  22. package/src/blocks/cards/cards-4.schema.ts +22 -44
  23. package/src/blocks/cards/cards-4.tsx +39 -39
  24. package/src/blocks/cards/cards-5.schema.ts +15 -34
  25. package/src/blocks/cards/cards-6.schema.ts +1500 -0
  26. package/src/blocks/cards/cards-6.tsx +11 -7
  27. package/src/blocks/cards/cards-7.schema.ts +1772 -27
  28. package/src/blocks/cards/cards-7.tsx +32 -0
  29. package/src/blocks/cards/cards-8.schema.ts +9 -9
  30. package/src/blocks/contact-us/contact-us-1.schema.ts +13 -6
  31. package/src/blocks/contact-us/contact-us-2.schema.ts +43 -43
  32. package/src/blocks/content/content-1.schema.ts +45 -67
  33. package/src/blocks/content/content-2.schema.ts +14 -11
  34. package/src/blocks/content/content-3.schema.ts +17 -115
  35. package/src/blocks/content/content-3.tsx +1 -0
  36. package/src/blocks/content/content-5.tsx +1 -0
  37. package/src/blocks/content/content-6.tsx +1 -0
  38. package/src/blocks/content/content-7.schema.ts +723 -0
  39. package/src/blocks/content/content-7.tsx +53 -0
  40. package/src/blocks/cta/cta-1.schema.ts +18 -26
  41. package/src/blocks/cta/cta-3.schema.ts +60 -0
  42. package/src/blocks/event/event-details.schema.ts +30 -35
  43. package/src/blocks/event/event-details.tsx +74 -79
  44. package/src/blocks/event/event-listing-2.schema.ts +85 -26
  45. package/src/blocks/event/event-listing-2.tsx +76 -52
  46. package/src/blocks/event/event-listing-3.schema.ts +58 -42
  47. package/src/blocks/event/event-listing-3.tsx +4 -9
  48. package/src/blocks/event/event-listing-4.schema.ts +3528 -0
  49. package/src/blocks/event/event-listing-4.tsx +97 -0
  50. package/src/blocks/event/event-listing.schema.ts +81 -86
  51. package/src/blocks/event/event-listing.tsx +1 -3
  52. package/src/blocks/faq/faq-1.schema.ts +13 -10
  53. package/src/blocks/faq/faq-2.schema.ts +12 -10
  54. package/src/blocks/features/features-1/variants/default.ts +12 -3
  55. package/src/blocks/features/features-2.schema.ts +192 -59
  56. package/src/blocks/features/features-3.schema.ts +11 -25
  57. package/src/blocks/features/features-4.schema.ts +20 -35
  58. package/src/blocks/features/features-5.schema.ts +18 -37
  59. package/src/blocks/footer/footer-1.schema.ts +28 -5
  60. package/src/blocks/footer/footer-2.schema.ts +18 -3
  61. package/src/blocks/footer/footer-3.schema.ts +85 -160
  62. package/src/blocks/footer/footer-3.tsx +1 -2
  63. package/src/blocks/footer/footer-4.schema.ts +10 -5
  64. package/src/blocks/footer/footer-4.tsx +1 -1
  65. package/src/blocks/footer/footer-5.schema.ts +10 -0
  66. package/src/blocks/footer/footer-5.tsx +11 -3
  67. package/src/blocks/footer/footer-6.schema.ts +730 -0
  68. package/src/blocks/footer/footer-6.tsx +100 -0
  69. package/src/blocks/hero/hero-1.schema.ts +165 -185
  70. package/src/blocks/hero/hero-10.schema.ts +175 -0
  71. package/src/blocks/hero/hero-10.tsx +35 -0
  72. package/src/blocks/hero/hero-2.schema.ts +60 -104
  73. package/src/blocks/hero/hero-2.tsx +11 -3
  74. package/src/blocks/hero/hero-3.schema.ts +68 -64
  75. package/src/blocks/hero/hero-4.schema.ts +148 -48
  76. package/src/blocks/hero/hero-5.schema.ts +29 -23
  77. package/src/blocks/hero/hero-6.schema.ts +28 -66
  78. package/src/blocks/hero/hero-7.schema.ts +34 -37
  79. package/src/blocks/hero/hero-8.schema.ts +5 -1
  80. package/src/blocks/index.ts +11 -0
  81. package/src/blocks/logos/logos-1.schema.ts +10 -4
  82. package/src/blocks/navbar/navbar-1.schema.ts +3 -5
  83. package/src/blocks/navbar/navbar-1.tsx +5 -19
  84. package/src/blocks/navbar/navbar-2.schema.ts +2 -4
  85. package/src/blocks/navbar/navbar-2.tsx +4 -18
  86. package/src/blocks/navbar/navbar-3.schema.ts +6834 -0
  87. package/src/blocks/navbar/navbar-3.tsx +551 -0
  88. package/src/blocks/pricing/pricing-1.schema.ts +23 -37
  89. package/src/blocks/products/products-listing-1.schema.ts +73 -76
  90. package/src/blocks/profile/profile-1.schema.ts +399 -0
  91. package/src/blocks/profile/profile-1.tsx +64 -0
  92. package/src/blocks/stats/stats-1.schema.ts +34 -3
  93. package/src/blocks/stats/variants/default.ts +0 -1
  94. package/src/blocks/stats/variants/hero.ts +2 -13
  95. package/src/blocks/team/team-1.schema.ts +50 -22
  96. package/src/blocks/team/team-1.tsx +9 -3
  97. package/src/blocks/team/team-2.schema.ts +96 -167
  98. package/src/blocks/team/team-3.schema.ts +32 -49
  99. package/src/blocks/team/team-4.schema.ts +551 -0
  100. package/src/blocks/team/team-4.tsx +59 -0
  101. package/src/blocks/termsAndPrivacy/terms-and-conditions-1.schema.ts +10 -20
  102. package/src/blocks/testimonial/testimonial-1.schema.ts +14 -8
  103. package/src/blocks/testimonial/testimonial-2.schema.ts +2 -2
  104. package/src/blocks/testimonial/testimonial-3.schema.ts +12 -18
  105. package/src/blocks/testimonial/testimonial-4.schema.ts +131 -126
  106. package/src/blocks/testimonial/testimonial-5/variants/default.ts +510 -0
  107. package/src/blocks/testimonial/testimonial-5/variants/index.ts +4 -0
  108. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +887 -0
  109. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +923 -0
  110. package/src/blocks/testimonial/testimonial-5.schema.ts +62 -246
  111. package/src/blocks/testimonial/testimonial-5.tsx +32 -8
  112. package/src/blocks/testimonial/testimonial-6.schema.ts +986 -23
  113. package/src/blocks/testimonial/testimonial-6.tsx +107 -57
  114. package/src/schemas/blocks.ts +22 -0
  115. package/src/schemas/categories.ts +6 -0
package/src/blocks/cards/cards-10.schema.ts CHANGED
@@ -126,6 +126,185 @@ const DEFAULT_CONTENT = {
126
126
  ],
127
127
  };
128
128
 
129
+ const CTA_DEFAULT_CONTENT = {
130
+ layout: null,
131
+ container: null,
132
+ header_section: null,
133
+ main_title: "<p>Our core values</p>",
134
+ description: "",
135
+ cards_grid: null,
136
+ cards: [
137
+ {
138
+ card: null,
139
+ header: null,
140
+ icon: {
141
+ kind: "icon",
142
+ data: {
143
+ id: "arrow-right-1",
144
+ label: "Arrow Right 1",
145
+ tags: ["arrow", "custom", "directional", "right"],
146
+ svgCode:
147
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="var(--color-icon-primary)"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
148
+ },
149
+ },
150
+ title: "<p>Implementation</p>",
151
+ image: {
152
+ id: "A8sz1BnyKuvm",
153
+ filename: "image.png",
154
+ kind: "image",
155
+ location:
156
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
157
+ srcset: {
158
+ "1080w":
159
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
160
+ "1200w":
161
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
162
+ "1920w":
163
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
164
+ "320w":
165
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
166
+ "640w":
167
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
168
+ "750w":
169
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
170
+ "828w":
171
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
172
+ path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
173
+ },
174
+ mimetype: "image/png",
175
+ },
176
+ description:
177
+ "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
178
+ },
179
+ {
180
+ card: null,
181
+ header: null,
182
+ icon: {
183
+ kind: "icon",
184
+ data: {
185
+ id: "arrow-right-1",
186
+ label: "Arrow Right 1",
187
+ tags: ["arrow", "custom", "directional", "right"],
188
+ svgCode:
189
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="var(--color-icon-primary)"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
190
+ },
191
+ },
192
+ title: "<p>Implementation</p>",
193
+ image: {
194
+ id: "A8sz1BnyKuvm",
195
+ filename: "image.png",
196
+ kind: "image",
197
+ location:
198
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
199
+ srcset: {
200
+ "1080w":
201
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
202
+ "1200w":
203
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
204
+ "1920w":
205
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
206
+ "320w":
207
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
208
+ "640w":
209
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
210
+ "750w":
211
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
212
+ "828w":
213
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
214
+ path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
215
+ },
216
+ mimetype: "image/png",
217
+ },
218
+ description:
219
+ "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
220
+ },
221
+ {
222
+ card: null,
223
+ header: null,
224
+ icon: {
225
+ kind: "icon",
226
+ data: {
227
+ id: "arrow-right-1",
228
+ label: "Arrow Right 1",
229
+ tags: ["arrow", "custom", "directional", "right"],
230
+ svgCode:
231
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="var(--color-icon-primary)"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
232
+ },
233
+ },
234
+ title: "<p>Implementation</p>",
235
+ image: {
236
+ id: "A8sz1BnyKuvm",
237
+ filename: "image.png",
238
+ kind: "image",
239
+ location:
240
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
241
+ srcset: {
242
+ "1080w":
243
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
244
+ "1200w":
245
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
246
+ "1920w":
247
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
248
+ "320w":
249
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
250
+ "640w":
251
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
252
+ "750w":
253
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
254
+ "828w":
255
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
256
+ path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
257
+ },
258
+ mimetype: "image/png",
259
+ },
260
+ description:
261
+ "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
262
+ },
263
+ {
264
+ card: null,
265
+ header: null,
266
+ icon: {
267
+ kind: "icon",
268
+ data: {
269
+ id: "arrow-right-1",
270
+ label: "Arrow Right 1",
271
+ tags: ["arrow", "custom", "directional", "right"],
272
+ svgCode:
273
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="var(--color-icon-primary)"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
274
+ },
275
+ },
276
+ title: "<p>Implementation</p>",
277
+ image: {
278
+ id: "A8sz1BnyKuvm",
279
+ filename: "image.png",
280
+ kind: "image",
281
+ location:
282
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
283
+ srcset: {
284
+ "1080w":
285
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
286
+ "1200w":
287
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
288
+ "1920w":
289
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
290
+ "320w":
291
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
292
+ "640w":
293
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
294
+ "750w":
295
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
296
+ "828w":
297
+ "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
298
+ path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
299
+ },
300
+ mimetype: "image/png",
301
+ },
302
+ description:
303
+ "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
304
+ },
305
+ ],
306
+ cta: "Explore All services",
307
+ };
129
308
  export type ICards10Content = typeof DEFAULT_CONTENT;
130
309
 
131
310
  export const Cards10: IBlock = {
@@ -161,6 +340,11 @@ export const Cards10: IBlock = {
161
340
  label: "Description",
162
341
  field_interface: "TypographyWidget",
163
342
  },
343
+ {
344
+ key: "cta",
345
+ label: "CTA",
346
+ field_interface: "ButtonWidget",
347
+ },
164
348
  {
165
349
  key: "cards_grid",
166
350
  label: "Cards Grid",
@@ -429,5 +613,400 @@ export const Cards10: IBlock = {
429
613
  },
430
614
  },
431
615
  },
616
+ {
617
+ title: "Header With CTA",
618
+ key: "default",
619
+ styles: {
620
+ layout: {
621
+ "padding-top": "3xl",
622
+ "padding-bottom": "3xl",
623
+ "padding-left": "base",
624
+ "padding-right": "base",
625
+ },
626
+ container: {
627
+ "max-width": "1280px",
628
+ "margin-left": "auto",
629
+ "margin-right": "auto",
630
+ },
631
+ header_section: {
632
+ display: "flex",
633
+ "flex-direction": "row",
634
+ "align-items": "center",
635
+ "text-align": "center",
636
+ "margin-bottom": "3xl",
637
+ "row-gap": "base",
638
+ "justify-content": "space-between",
639
+ mobile: {
640
+ "flex-direction": "column",
641
+ },
642
+ },
643
+ main_title: {
644
+ mobile: {
645
+ "text-align": "center",
646
+ },
647
+ "text-align": "left",
648
+ },
649
+ description: {
650
+ color: "text-2",
651
+ "max-width": "400px",
652
+ mobile: {
653
+ "text-align": "center",
654
+ },
655
+ "text-align": "left",
656
+ },
657
+ cards_grid: {
658
+ width: "100%",
659
+ },
660
+ cards_levoGroup: {
661
+ display: "grid",
662
+ "grid-template-columns": "repeat(4, minmax(0, 1fr))",
663
+ "column-gap": "xl",
664
+ "row-gap": "xl",
665
+ tablet: {
666
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
667
+ },
668
+ mobile: {
669
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
670
+ },
671
+ },
672
+ "cards.$.card": {
673
+ display: "flex",
674
+ "flex-direction": "column",
675
+ "background-color": "background-2",
676
+ "border-radius": "base",
677
+ "padding-top": "lg",
678
+ "padding-bottom": "lg",
679
+ "padding-left": "lg",
680
+ "padding-right": "lg",
681
+ "row-gap": "base",
682
+ "border-width": "1px",
683
+ "border-color": "border",
684
+ },
685
+ "cards.$.header": {
686
+ display: "flex",
687
+ "flex-direction": "row",
688
+ "align-items": "center",
689
+ "column-gap": "sm",
690
+ },
691
+ "cards.$.icon": {
692
+ width: "40px",
693
+ height: "40px",
694
+ "border-radius": "base",
695
+ "object-fit": "cover",
696
+ },
697
+ "cards.$.title": {
698
+ color: "text-1",
699
+ "flex-grow": "1",
700
+ },
701
+ "cards.$.image": {
702
+ width: "100%",
703
+ height: "200px",
704
+ "border-radius": "base",
705
+ "object-fit": "cover",
706
+ },
707
+ "cards.$.description": {
708
+ color: "text-2",
709
+ "line-height": "1.6",
710
+ },
711
+ cards: [
712
+ {
713
+ header: {
714
+ display: "flex",
715
+ "align-items": "center",
716
+ "column-gap": "sm",
717
+ "flex-direction": "row-reverse",
718
+ "justify-content": "space-between",
719
+ },
720
+ card: {
721
+ "border-style": "solid",
722
+ "border-width": "1px",
723
+ "border-radius": "base",
724
+ "padding-top": "sm",
725
+ "padding-bottom": "sm",
726
+ "padding-left": "xs",
727
+ "padding-right": "xs",
728
+ display: "flex",
729
+ "flex-direction": "column",
730
+ "row-gap": "base",
731
+ tablet: {
732
+ "padding-left": "xl",
733
+ "padding-right": "xl",
734
+ "padding-top": "xl",
735
+ "padding-bottom": "xl",
736
+ },
737
+ },
738
+ image: {
739
+ "border-radius": "base",
740
+ },
741
+ title: {
742
+ tablet: {
743
+ "font-size": "xl",
744
+ },
745
+ "font-size": "2xl",
746
+ "font-weight": 700,
747
+ "text-align": "left",
748
+ },
749
+ icon: {
750
+ height: "22px",
751
+ width: "22px",
752
+ "font-size": "22px",
753
+ },
754
+ },
755
+ {
756
+ header: {
757
+ display: "flex",
758
+ "align-items": "center",
759
+ "column-gap": "sm",
760
+ "flex-direction": "row-reverse",
761
+ "justify-content": "space-between",
762
+ },
763
+ card: {
764
+ "border-style": "solid",
765
+ "border-width": "1px",
766
+ "border-radius": "base",
767
+ "padding-top": "sm",
768
+ "padding-bottom": "sm",
769
+ "padding-left": "xs",
770
+ "padding-right": "xs",
771
+ display: "flex",
772
+ "flex-direction": "column",
773
+ "row-gap": "base",
774
+ tablet: {
775
+ "padding-left": "xl",
776
+ "padding-right": "xl",
777
+ "padding-top": "xl",
778
+ "padding-bottom": "xl",
779
+ },
780
+ },
781
+ image: {
782
+ "border-radius": "base",
783
+ },
784
+ title: {
785
+ tablet: {
786
+ "font-size": "xl",
787
+ },
788
+ "font-size": "2xl",
789
+ "font-weight": 700,
790
+ "text-align": "left",
791
+ },
792
+ icon: {
793
+ height: "22px",
794
+ width: "22px",
795
+ "font-size": "22px",
796
+ },
797
+ },
798
+ {
799
+ header: {
800
+ display: "flex",
801
+ "align-items": "center",
802
+ "column-gap": "sm",
803
+ "flex-direction": "row-reverse",
804
+ "justify-content": "space-between",
805
+ },
806
+ card: {
807
+ "border-style": "solid",
808
+ "border-width": "1px",
809
+ "border-radius": "base",
810
+ "padding-top": "sm",
811
+ "padding-bottom": "sm",
812
+ "padding-left": "xs",
813
+ "padding-right": "xs",
814
+ display: "flex",
815
+ "flex-direction": "column",
816
+ "row-gap": "base",
817
+ tablet: {
818
+ "padding-left": "xl",
819
+ "padding-right": "xl",
820
+ "padding-top": "xl",
821
+ "padding-bottom": "xl",
822
+ },
823
+ },
824
+ image: {
825
+ "border-radius": "base",
826
+ },
827
+ title: {
828
+ tablet: {
829
+ "font-size": "xl",
830
+ },
831
+ "font-size": "2xl",
832
+ "font-weight": 700,
833
+ "text-align": "left",
834
+ },
835
+ icon: {
836
+ height: "22px",
837
+ width: "22px",
838
+ "font-size": "22px",
839
+ },
840
+ },
841
+ {
842
+ header: {
843
+ display: "flex",
844
+ "align-items": "center",
845
+ "column-gap": "sm",
846
+ "flex-direction": "row-reverse",
847
+ "justify-content": "space-between",
848
+ },
849
+ card: {
850
+ "border-style": "solid",
851
+ "border-width": "1px",
852
+ "border-radius": "base",
853
+ "padding-top": "sm",
854
+ "padding-bottom": "sm",
855
+ "padding-left": "xs",
856
+ "padding-right": "xs",
857
+ display: "flex",
858
+ "flex-direction": "column",
859
+ "row-gap": "base",
860
+ tablet: {
861
+ "padding-left": "xl",
862
+ "padding-right": "xl",
863
+ "padding-top": "xl",
864
+ "padding-bottom": "xl",
865
+ },
866
+ },
867
+ image: {
868
+ "border-radius": "base",
869
+ },
870
+ title: {
871
+ tablet: {
872
+ "font-size": "xl",
873
+ },
874
+ "font-size": "2xl",
875
+ "font-weight": 700,
876
+ "text-align": "left",
877
+ },
878
+ icon: {
879
+ height: "22px",
880
+ width: "22px",
881
+ "font-size": "22px",
882
+ },
883
+ },
884
+ {
885
+ header: {
886
+ display: "flex",
887
+ "align-items": "center",
888
+ "column-gap": "sm",
889
+ },
890
+ card: {
891
+ "border-style": "solid",
892
+ "border-width": "1px",
893
+ "border-radius": "base",
894
+ "padding-top": "4xl",
895
+ "padding-bottom": "4xl",
896
+ "padding-left": "6xl",
897
+ "padding-right": "6xl",
898
+ display: "flex",
899
+ "flex-direction": "column",
900
+ "row-gap": "base",
901
+ tablet: {
902
+ "padding-left": "2xl",
903
+ "padding-right": "2xl",
904
+ "padding-top": "xl",
905
+ "padding-bottom": "xl",
906
+ },
907
+ },
908
+ image: {
909
+ "border-radius": "base",
910
+ },
911
+ title: {
912
+ tablet: {
913
+ "font-size": "xl",
914
+ },
915
+ "font-size": "2xl",
916
+ "font-weight": 700,
917
+ },
918
+ },
919
+ {
920
+ header: {
921
+ display: "flex",
922
+ "align-items": "center",
923
+ "column-gap": "sm",
924
+ },
925
+ card: {
926
+ "border-style": "solid",
927
+ "border-width": "1px",
928
+ "border-radius": "base",
929
+ "padding-top": "4xl",
930
+ "padding-bottom": "4xl",
931
+ "padding-left": "6xl",
932
+ "padding-right": "6xl",
933
+ display: "flex",
934
+ "flex-direction": "column",
935
+ "row-gap": "base",
936
+ tablet: {
937
+ "padding-left": "2xl",
938
+ "padding-right": "2xl",
939
+ "padding-top": "xl",
940
+ "padding-bottom": "xl",
941
+ },
942
+ },
943
+ image: {
944
+ "border-radius": "base",
945
+ },
946
+ title: {
947
+ "font-size": "2xl",
948
+ "font-weight": 700,
949
+ tablet: {
950
+ "font-size": "xl",
951
+ },
952
+ },
953
+ },
954
+ {
955
+ header: {
956
+ display: "flex",
957
+ "align-items": "center",
958
+ "column-gap": "sm",
959
+ },
960
+ card: {
961
+ "border-style": "solid",
962
+ "border-width": "1px",
963
+ "border-radius": "base",
964
+ "padding-top": "4xl",
965
+ "padding-bottom": "4xl",
966
+ "padding-left": "6xl",
967
+ "padding-right": "6xl",
968
+ display: "flex",
969
+ "flex-direction": "column",
970
+ "row-gap": "base",
971
+ tablet: {
972
+ "padding-left": "2xl",
973
+ "padding-right": "2xl",
974
+ "padding-top": "xl",
975
+ "padding-bottom": "xl",
976
+ },
977
+ },
978
+ image: {
979
+ "border-radius": "base",
980
+ },
981
+ title: {
982
+ "font-size": "2xl",
983
+ "font-weight": 700,
984
+ tablet: {
985
+ "font-size": "xl",
986
+ },
987
+ },
988
+ },
989
+ ],
990
+ },
991
+ content: CTA_DEFAULT_CONTENT,
992
+ config: {
993
+ main_title: {
994
+ heading: {
995
+ level: 1,
996
+ },
997
+ selectedVariants: {
998
+ Heading_Level: "H2",
999
+ },
1000
+ },
1001
+ "cards.$.title": {
1002
+ heading: {
1003
+ level: 3,
1004
+ },
1005
+ selectedVariants: {
1006
+ Heading_Level: "H3",
1007
+ },
1008
+ },
1009
+ },
1010
+ },
432
1011
  ],
433
1012
  };
package/src/blocks/cards/cards-10.tsx CHANGED
@@ -8,6 +8,7 @@ import {
8
8
  Typography,
9
9
  Image,
10
10
  Icon,
11
+ Button,
11
12
  } from "@levo-so/studio";
12
13
 
13
14
  import type { ICards10Content } from "./cards-10.schema";
@@ -20,6 +21,7 @@ const Cards10: React.FC<ILevoBlockBaseProps<ICards10Content>> = ({
20
21
  <Box elementKey="header_section">
21
22
  <Heading elementKey="main_title" />
22
23
  <Typography elementKey="description" />
24
+ <Button elementKey="cta" />
23
25
  </Box>
24
26
  <Box elementKey="cards_grid">
25
27
  <Box elementKey="cards_levoGroup" data-levo_group>