@levo-so/blocks 0.1.100 → 0.1.102

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 (159) hide show
  1. package/package.json +5 -4
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +256 -32
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  42. package/src/blocks/community/community-1.schema.ts +8 -23
  43. package/src/blocks/community/community-1.tsx +3 -3
  44. package/src/blocks/community/community-post-1.tsx +4 -4
  45. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  46. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  47. package/src/blocks/content/content-1.schema.ts +800 -381
  48. package/src/blocks/content/content-10.schema.ts +763 -20
  49. package/src/blocks/content/content-2.schema.ts +426 -52
  50. package/src/blocks/content/content-3.schema.ts +631 -432
  51. package/src/blocks/content/content-4.schema.ts +378 -123
  52. package/src/blocks/content/content-5.schema.ts +1152 -682
  53. package/src/blocks/content/content-6.schema.ts +679 -707
  54. package/src/blocks/content/content-7.schema.ts +694 -291
  55. package/src/blocks/content/content-8.schema.ts +247 -7
  56. package/src/blocks/content/content-9.schema.ts +855 -116
  57. package/src/blocks/cta/cta-1.schema.ts +294 -62
  58. package/src/blocks/cta/cta-2.schema.ts +302 -66
  59. package/src/blocks/cta/cta-2.tsx +1 -2
  60. package/src/blocks/cta/cta-3.schema.ts +312 -62
  61. package/src/blocks/embed/embed-1.schema.ts +181 -0
  62. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  63. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  64. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  65. package/src/blocks/event/event-listing.schema.ts +5 -11
  66. package/src/blocks/faq/faq-1.schema.ts +439 -260
  67. package/src/blocks/faq/faq-2.schema.ts +444 -266
  68. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  69. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  70. package/src/blocks/features/features-1/variants/default.ts +120 -138
  71. package/src/blocks/features/features-1/variants/index.ts +2 -2
  72. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  73. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  74. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  75. package/src/blocks/features/features-2.schema.ts +368 -286
  76. package/src/blocks/features/features-3.schema.ts +557 -280
  77. package/src/blocks/features/features-4.schema.ts +940 -432
  78. package/src/blocks/features/features-5.schema.ts +566 -407
  79. package/src/blocks/features/features-6.schema.ts +557 -523
  80. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  81. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  82. package/src/blocks/footer/footer-1.schema.ts +383 -401
  83. package/src/blocks/footer/footer-2.schema.ts +337 -878
  84. package/src/blocks/footer/footer-3.schema.ts +445 -381
  85. package/src/blocks/footer/footer-4.schema.ts +610 -439
  86. package/src/blocks/footer/footer-5.schema.ts +367 -321
  87. package/src/blocks/footer/footer-6.schema.ts +610 -357
  88. package/src/blocks/form/form-1.schema.ts +237 -0
  89. package/src/blocks/hero/hero-1.schema.ts +251 -221
  90. package/src/blocks/hero/hero-10.schema.ts +23 -14
  91. package/src/blocks/hero/hero-11.schema.ts +728 -601
  92. package/src/blocks/hero/hero-12.schema.ts +524 -334
  93. package/src/blocks/hero/hero-13.schema.ts +83 -95
  94. package/src/blocks/hero/hero-2.schema.ts +277 -68
  95. package/src/blocks/hero/hero-3.schema.ts +371 -235
  96. package/src/blocks/hero/hero-3.tsx +1 -1
  97. package/src/blocks/hero/hero-4.schema.ts +605 -338
  98. package/src/blocks/hero/hero-5.schema.ts +545 -61
  99. package/src/blocks/hero/hero-6.schema.ts +446 -257
  100. package/src/blocks/hero/hero-6.tsx +1 -1
  101. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  102. package/src/blocks/hero/hero-7.tsx +43 -23
  103. package/src/blocks/hero/hero-8.schema.ts +736 -236
  104. package/src/blocks/hero/hero-9.schema.ts +908 -58
  105. package/src/blocks/index.ts +2 -0
  106. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  107. package/src/blocks/logos/logos-1.schema.ts +317 -321
  108. package/src/blocks/logos/logos-1.tsx +32 -19
  109. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  110. package/src/blocks/navbar/navbar-2.schema.ts +311 -190
  111. package/src/blocks/navbar/navbar-3.schema.ts +612 -570
  112. package/src/blocks/navbar/navbar-4.schema.ts +741 -1250
  113. package/src/blocks/polling/polling-1.schema.ts +161 -0
  114. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  115. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  116. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  117. package/src/blocks/products/products-listing-3.schema.ts +789 -836
  118. package/src/blocks/profile/profile-1.schema.ts +168 -187
  119. package/src/blocks/profile/profile-2.schema.ts +150 -122
  120. package/src/blocks/profile/profile-3.schema.ts +307 -256
  121. package/src/blocks/profile/profile-4.schema.ts +372 -504
  122. package/src/blocks/profile/profile-5.schema.ts +186 -79
  123. package/src/blocks/services/service-1.schema.ts +700 -631
  124. package/src/blocks/services/service-2.schema.ts +559 -82
  125. package/src/blocks/services/service-2.tsx +5 -3
  126. package/src/blocks/services/service-3.schema.ts +587 -215
  127. package/src/blocks/services/service-3.tsx +4 -2
  128. package/src/blocks/stats/stats-1.schema.ts +347 -257
  129. package/src/blocks/stats/stats-2.schema.ts +14 -2
  130. package/src/blocks/stats/variants/default.ts +14 -37
  131. package/src/blocks/stats/variants/extra.ts +232 -0
  132. package/src/blocks/stats/variants/hero.ts +1 -30
  133. package/src/blocks/stats/variants/index.ts +13 -1
  134. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  135. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  136. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  137. package/src/blocks/team/team-1.schema.ts +681 -564
  138. package/src/blocks/team/team-2.schema.ts +589 -935
  139. package/src/blocks/team/team-3.schema.ts +375 -284
  140. package/src/blocks/team/team-4.schema.ts +569 -355
  141. package/src/blocks/team/team-5.schema.ts +307 -111
  142. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  143. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  144. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  145. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  146. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  147. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  148. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  149. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  150. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  151. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  152. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  153. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  154. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  155. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  156. package/src/blocks/users/edit-profile.schema.ts +2 -8
  157. package/src/blocks/users/edit-profile.tsx +2 -3
  158. package/src/schemas/blocks.ts +2 -0
  159. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
@@ -0,0 +1,719 @@
1
+ import type { IBlock } from "@levo-so/studio";
2
+
3
+ export const MEDIA = {
4
+ id: "7141014160938075687",
5
+ location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
6
+ kind: "image",
7
+ mimetype: "image/png",
8
+ srcset: {
9
+ "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
10
+ "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
11
+ "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
12
+ "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
13
+ "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
14
+ "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
15
+ "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
16
+ path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
17
+ },
18
+ };
19
+
20
+ /** Social icon SVG definitions, re-keyed under `author-socials-` prefix. */
21
+ const SOCIAL_ICONS = {
22
+ "author-card-content-socials-facebook-icon": {
23
+ kind: "icon",
24
+ data: {
25
+ id: "facebook",
26
+ label: "Facebook",
27
+ tags: ["crypto", "custom", "directional", "facebook"],
28
+ svgCode:
29
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047v-2.66c0-3.025 1.791-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.265h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" fill="var(--color-icon-primary)"/>\n</svg>',
30
+ },
31
+ },
32
+ "author-card-content-socials-instagram-icon": {
33
+ kind: "icon",
34
+ data: {
35
+ id: "instagram",
36
+ label: "Instagram",
37
+ tags: ["custom", "essential", "instagram"],
38
+ svgCode:
39
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98C.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="var(--color-icon-primary)"/>\n</svg>',
40
+ },
41
+ },
42
+ "author-card-content-socials-linkedin-icon": {
43
+ kind: "icon",
44
+ data: {
45
+ id: "linkedin",
46
+ label: "Linkedin",
47
+ tags: ["custom", "linkedin", "rectangle", "social-media"],
48
+ svgCode:
49
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="var(--color-icon-primary)"/>\n</svg>',
50
+ },
51
+ },
52
+ "author-card-content-socials-twitter-icon": {
53
+ kind: "icon",
54
+ data: {
55
+ id: "twitter",
56
+ label: "Twitter",
57
+ tags: ["custom", "social-media", "twitter"],
58
+ svgCode:
59
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.259 5.63 5.905-5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="var(--color-icon-primary)"/>\n</svg>',
60
+ },
61
+ },
62
+ "author-card-content-socials-youtube-icon": {
63
+ kind: "icon",
64
+ data: {
65
+ id: "youtube",
66
+ label: "Youtube",
67
+ tags: ["crypto", "custom", "directional", "youtube"],
68
+ svgCode:
69
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" fill="var(--color-icon-primary)"/>\n</svg>',
70
+ },
71
+ },
72
+ "author-card-content-socials-github-icon": {
73
+ kind: "icon",
74
+ data: {
75
+ id: "github",
76
+ label: "Github",
77
+ tags: ["custom", "github", "rectangle", "social-media"],
78
+ svgCode:
79
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" fill="var(--color-icon-primary)"/>\n</svg>',
80
+ },
81
+ },
82
+ "author-card-content-socials-tiktok-icon": {
83
+ kind: "icon",
84
+ data: {
85
+ id: "tiktok",
86
+ label: "TikTok",
87
+ tags: ["custom", "social-media", "tiktok"],
88
+ svgCode:
89
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.75a8.15 8.15 0 004.78 1.52V6.82a4.85 4.85 0 01-1.01-.13z" fill="var(--color-icon-primary)"/>\n</svg>',
90
+ },
91
+ },
92
+ "author-card-content-socials-website-icon": {
93
+ kind: "icon",
94
+ data: {
95
+ id: "global",
96
+ label: "Global",
97
+ tags: ["custom", "global", "location"],
98
+ svgCode:
99
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" fill="var(--color-icon-primary)"/>\n</svg>',
100
+ },
101
+ },
102
+ };
103
+
104
+ const DEFAULT_CONTENT = {
105
+ layout: null,
106
+ container: null,
107
+ "author-card-image": MEDIA,
108
+ "author-card-editorial": "Curated by the Editorial Team",
109
+ ...SOCIAL_ICONS,
110
+ };
111
+
112
+ const SOCIAL_WRAPPER_STYLE = {
113
+ display: "flex",
114
+ "justify-content": "center",
115
+ "align-items": "center",
116
+ width: "2.5rem",
117
+ height: "2.5rem",
118
+ "background-color": "var(--color-brand-secondary)",
119
+ "border-radius": "lg",
120
+ };
121
+
122
+ const SOCIAL_ICON_STYLE = {
123
+ height: "24px",
124
+ width: "24px",
125
+ "font-size": "24px",
126
+ };
127
+
128
+ const AUTHOR_CARD_STYLES = {
129
+ "author-card-section": {
130
+ "border-radius": "xl",
131
+ "padding-top": "3xl",
132
+ "padding-bottom": "3xl",
133
+ "padding-left": "3xl",
134
+ "padding-right": "3xl",
135
+ display: "flex",
136
+ "flex-direction": "column",
137
+ mobile: {
138
+ "padding-right": "none",
139
+ "padding-top": "none",
140
+ "padding-left": "none",
141
+ },
142
+ tablet: {
143
+ "padding-right": "none",
144
+ "padding-top": "none",
145
+ "padding-left": "none",
146
+ },
147
+ },
148
+ "author-card-inner": {
149
+ display: "flex",
150
+ "flex-direction": "row",
151
+ "align-items": "stretch",
152
+ "column-gap": "3xl",
153
+ "row-gap": "2xl",
154
+ "border-radius": "xl",
155
+ "padding-top": "3xl",
156
+ "padding-bottom": "3xl",
157
+ "padding-left": "3xl",
158
+ "padding-right": "3xl",
159
+ "border-style": "solid",
160
+ "border-width": "1px",
161
+ "box-shadow": {
162
+ x: 0,
163
+ y: 20,
164
+ blur: 40,
165
+ color: "#000000",
166
+ opacity: 20,
167
+ spread: -8,
168
+ },
169
+ tablet: {
170
+ "flex-direction": "column",
171
+ "align-items": "center",
172
+ },
173
+ mobile: {
174
+ "align-items": "center",
175
+ "flex-direction": "column",
176
+ "padding-top": "2xl",
177
+ "padding-bottom": "2xl",
178
+ "padding-left": "xl",
179
+ "padding-right": "xl",
180
+ },
181
+ },
182
+ "author-card-content": {
183
+ display: "flex",
184
+ "flex-direction": "column",
185
+ "flex-grow": "1",
186
+ "row-gap": "lg",
187
+ },
188
+ "author-card-name": {
189
+ "font-weight": 700,
190
+ "line-height": 1.2,
191
+ tablet: {
192
+ "font-size": "2xl",
193
+ "text-align": "center",
194
+ },
195
+ },
196
+ "author-card-designation": {
197
+ color: "var(--color-text-2)",
198
+ "font-weight": 600,
199
+ tablet: {
200
+ "text-align": "center",
201
+ },
202
+ },
203
+ "author-bio": {
204
+ "line-height": 1.625,
205
+ mobile: {
206
+ "text-align": "center",
207
+ },
208
+ tablet: {
209
+ "text-align": "center",
210
+ },
211
+ },
212
+ "author-card-editorial": {},
213
+ "author-card-content-header": {
214
+ display: "flex",
215
+ "margin-bottom": "none",
216
+ tablet: {
217
+ "flex-direction": "column",
218
+ },
219
+ },
220
+ "author-card-content-socials-facebook-wrapper": SOCIAL_WRAPPER_STYLE,
221
+ "author-card-content-socials-facebook-icon": SOCIAL_ICON_STYLE,
222
+ "author-card-content-socials-instagram-wrapper": SOCIAL_WRAPPER_STYLE,
223
+ "author-card-content-socials-instagram-icon": SOCIAL_ICON_STYLE,
224
+ "author-card-content-socials-youtube-wrapper": SOCIAL_WRAPPER_STYLE,
225
+ "author-card-content-socials-youtube-icon": SOCIAL_ICON_STYLE,
226
+ "author-card-content-socials-github-wrapper": SOCIAL_WRAPPER_STYLE,
227
+ "author-card-content-socials-github-icon": SOCIAL_ICON_STYLE,
228
+ "author-card-content-socials-tiktok-wrapper": SOCIAL_WRAPPER_STYLE,
229
+ "author-card-content-socials-tiktok-icon": SOCIAL_ICON_STYLE,
230
+ "author-card-content-socials-twitter-wrapper": SOCIAL_WRAPPER_STYLE,
231
+ "author-card-content-socials-twitter-icon": SOCIAL_ICON_STYLE,
232
+ "author-card-content-socials-linkedin-wrapper": SOCIAL_WRAPPER_STYLE,
233
+ "author-card-content-socials-linkedin-icon": SOCIAL_ICON_STYLE,
234
+ "author-card-content-socials-website-wrapper": SOCIAL_WRAPPER_STYLE,
235
+ "author-card-content-socials-website-icon": SOCIAL_ICON_STYLE,
236
+ "author-card-content-socials": {
237
+ tablet: {
238
+ "flex-wrap": "wrap",
239
+ "justify-content": "center",
240
+ },
241
+ display: "flex",
242
+ "align-items": "center",
243
+ "flex-wrap": "wrap",
244
+ "column-gap": "sm",
245
+ "row-gap": "sm",
246
+ },
247
+ "author-card-image": {
248
+ width: "16rem",
249
+ height: "16rem",
250
+ "min-width": "16rem",
251
+ "max-height": "16rem",
252
+ "object-fit": "cover",
253
+ "border-radius": "xl",
254
+ tablet: {
255
+ width: "100%",
256
+ height: "32rem",
257
+ "max-height": "unset",
258
+ "min-width": "unset",
259
+ },
260
+ mobile: {
261
+ "max-height": "16rem",
262
+ },
263
+ },
264
+ "author-card-ctas": {
265
+ mobile: {
266
+ display: "flex",
267
+ "flex-direction": "column",
268
+ },
269
+ tablet: {
270
+ display: "flex",
271
+ "justify-content": "center",
272
+ },
273
+ },
274
+ "author-card-cta-first": {
275
+ mobile: {
276
+ width: "100%",
277
+ },
278
+ cursor: "auto",
279
+ },
280
+ "author-card-cta-second": {
281
+ mobile: {
282
+ width: "100%",
283
+ },
284
+ display: "none",
285
+ },
286
+ "author-card-section-footer": {
287
+ display: "flex",
288
+ "justify-content": "center",
289
+ "margin-top": "3xl",
290
+ },
291
+ "author-bio-read-more": {
292
+ "text-decoration": "none",
293
+ width: "fit-content",
294
+ tablet: {
295
+ "margin-left": "auto",
296
+ "margin-right": "auto",
297
+ },
298
+ },
299
+ "author-bio-wrapper": {
300
+ tablet: {
301
+ display: "flex",
302
+ "flex-direction": "column",
303
+ "column-gap": "4xs",
304
+ "row-gap": "4xs",
305
+ },
306
+ },
307
+ };
308
+
309
+ const AUTHOR_CARD_CONFIG = {
310
+ "author-card-name": {
311
+ heading: {
312
+ level: "3",
313
+ },
314
+ selectedVariants: {
315
+ Heading_Level: "H5",
316
+ },
317
+ },
318
+ "author-card-designation": {
319
+ selectedVariants: {
320
+ Typography_Variants: "Caption",
321
+ },
322
+ },
323
+ "author-bio": {
324
+ selectedVariants: {
325
+ Typography_Variants: "Base",
326
+ },
327
+ },
328
+ "author-card-editorial": {
329
+ selectedVariants: {
330
+ Typography_Variants: "Caption",
331
+ },
332
+ },
333
+ "author-card-cta-first": {
334
+ selectedVariants: {
335
+ Button_Sizes: "Default",
336
+ Button_Variants: "Ghost",
337
+ },
338
+ },
339
+ "author-card-cta-second": {
340
+ selectedVariants: {
341
+ Button_Sizes: "Default",
342
+ },
343
+ },
344
+ "author-bio-read-more": {
345
+ selectedVariants: {
346
+ Button_Variants: "Link",
347
+ Button_Sizes: "XS",
348
+ },
349
+ },
350
+ };
351
+
352
+ export type IBlogAuthor1Content = typeof DEFAULT_CONTENT;
353
+
354
+ export const BlogAuthor1: IBlock = {
355
+ category_id: "blogs",
356
+ title: "Blog Author 1",
357
+ key: "blog-author-1",
358
+ version: "v1",
359
+ prompt_description:
360
+ "Author profile hero card with profile image on the left, name, designation, bio, and social icons with a follow CTA on the right. Below sits a pill-shaped stats bar showing post count, follower count, and member-since year.",
361
+ source: [{ required: true, module: "blog_author", type: "page" }],
362
+ content_schema: [
363
+ {
364
+ key: "layout",
365
+ label: "Layout",
366
+ field_interface: "LayoutWidget",
367
+ hint: {
368
+ prompt_description: "Defines the overall page structure and layout. No content needed.",
369
+ },
370
+ },
371
+ {
372
+ key: "container",
373
+ label: "Container",
374
+ field_interface: "ContainerWidget",
375
+ hint: {
376
+ prompt_description:
377
+ "Wraps the central content and ensures proper spacing on the page. No content needed.",
378
+ },
379
+ },
380
+ {
381
+ key: "author-card-section",
382
+ label: "Author Card Section",
383
+ field_interface: "BoxWidget",
384
+ hint: {
385
+ prompt_description:
386
+ "Outer container for the author card displayed below the blog post content. No direct content needed.",
387
+ },
388
+ },
389
+ {
390
+ key: "author-card-inner",
391
+ label: "Author Card Inner",
392
+ field_interface: "BoxWidget",
393
+ hint: {
394
+ prompt_description:
395
+ "Inner card container with avatar and content laid out side-by-side. No direct content needed.",
396
+ },
397
+ },
398
+ {
399
+ key: "author-card-content",
400
+ label: "Author Card Content",
401
+ field_interface: "BoxWidget",
402
+ hint: {
403
+ prompt_description:
404
+ "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
405
+ },
406
+ },
407
+ {
408
+ key: "author-card-content-header",
409
+ label: "Author Card Content Header",
410
+ field_interface: "BoxWidget",
411
+ hint: {
412
+ prompt_description:
413
+ "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
414
+ },
415
+ },
416
+ {
417
+ key: "author-card-content-info",
418
+ label: "Author Card Content Info",
419
+ field_interface: "BoxWidget",
420
+ hint: {
421
+ prompt_description:
422
+ "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
423
+ },
424
+ },
425
+ {
426
+ key: "author-card-image",
427
+ label: "Author Card Image",
428
+ field_interface: "ImageWidget",
429
+ options: {
430
+ module_field: {
431
+ module: "blog_author",
432
+ key: "profile_picture",
433
+ },
434
+ },
435
+ },
436
+ {
437
+ key: "author-card-name",
438
+ label: "Author Card Name",
439
+ field_interface: "HeadingWidget",
440
+ hint: {
441
+ prompt_description:
442
+ "Author's full name displayed prominently in the author card. Proper capitalization, 2–3 words.",
443
+ usecase: "author",
444
+ min_characters: 3,
445
+ max_characters: 40,
446
+ },
447
+ options: {
448
+ module_field: {
449
+ module: "blog_author",
450
+ key: "name",
451
+ },
452
+ },
453
+ },
454
+ {
455
+ key: "author-card-designation",
456
+ label: "Author Card Designation",
457
+ field_interface: "TypographyWidget",
458
+ hint: {
459
+ prompt_description: "Author's role or title, e.g. 'Founder @ Headstart'. Short, 2–5 words.",
460
+ usecase: "author",
461
+ min_characters: 3,
462
+ max_characters: 50,
463
+ },
464
+ options: {
465
+ module_field: {
466
+ module: "blog_author",
467
+ key: "username",
468
+ },
469
+ },
470
+ },
471
+ {
472
+ key: "author-bio-wrapper",
473
+ label: "Author Bio Wrapper",
474
+ field_interface: "BoxWidget",
475
+ },
476
+ {
477
+ key: "author-bio",
478
+ label: "Author Bio",
479
+ field_interface: "TypographyWidget",
480
+ hint: {
481
+ prompt_description:
482
+ "Author's biography paragraph. 2–4 sentences covering background and expertise.",
483
+ usecase: "description",
484
+ min_characters: 40,
485
+ max_characters: 400,
486
+ },
487
+ options: {
488
+ module_field: {
489
+ module: "blog",
490
+ key: "author.bio",
491
+ },
492
+ },
493
+ },
494
+ {
495
+ key: "author-bio-read-more",
496
+ label: "Author Bio Read More",
497
+ field_interface: "ButtonWidget",
498
+ options: {
499
+ module_field: {
500
+ module: "blog",
501
+ key: "author.bio",
502
+ },
503
+ },
504
+ },
505
+ {
506
+ key: "author-card-content-socials",
507
+ label: "Author Card Content Socials",
508
+ field_interface: "BoxWidget",
509
+ hint: {
510
+ prompt_description:
511
+ "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
512
+ },
513
+ },
514
+ {
515
+ key: "author-card-content-socials-facebook-wrapper",
516
+ label: "author-card-content-socials-facebook-wrapper",
517
+ field_interface: "BoxWidget",
518
+ },
519
+ {
520
+ key: "author-card-content-socials-instagram-wrapper",
521
+ label: "author-card-content-socials-instagram-wrapper",
522
+ field_interface: "BoxWidget",
523
+ },
524
+ {
525
+ key: "author-card-content-socials-linkedin-wrapper",
526
+ label: "author-card-content-socials-linkedin-wrapper",
527
+ field_interface: "BoxWidget",
528
+ },
529
+ {
530
+ key: "author-card-content-socials-twitter-wrapper",
531
+ label: "author-card-content-socials-twitter-wrapper",
532
+ field_interface: "BoxWidget",
533
+ },
534
+ {
535
+ key: "author-card-content-socials-youtube-wrapper",
536
+ label: "author-card-content-socials-youtube-wrapper",
537
+ field_interface: "BoxWidget",
538
+ },
539
+ {
540
+ key: "author-card-content-socials-github-wrapper",
541
+ label: "author-card-content-socials-github-wrapper",
542
+ field_interface: "BoxWidget",
543
+ },
544
+ {
545
+ key: "author-card-content-socials-tiktok-wrapper",
546
+ label: "author-card-content-socials-tiktok-wrapper",
547
+ field_interface: "BoxWidget",
548
+ },
549
+ {
550
+ key: "author-card-content-socials-website-wrapper",
551
+ label: "author-card-content-socials-website-wrapper",
552
+ field_interface: "BoxWidget",
553
+ },
554
+ {
555
+ key: "author-card-content-socials-facebook-icon",
556
+ label: "author-card-content-socials-facebook-icon",
557
+ field_interface: "IconWidget",
558
+ options: {
559
+ module_field: {
560
+ module: "blog_author",
561
+ key: "socials.facebook",
562
+ },
563
+ },
564
+ },
565
+ {
566
+ key: "author-card-content-socials-instagram-icon",
567
+ label: "author-card-content-socials-instagram-icon",
568
+ field_interface: "IconWidget",
569
+ options: {
570
+ module_field: {
571
+ module: "blog_author",
572
+ key: "socials.instagram",
573
+ },
574
+ },
575
+ },
576
+ {
577
+ key: "author-card-content-socials-linkedin-icon",
578
+ label: "author-card-content-socials-linkedin-icon",
579
+ field_interface: "IconWidget",
580
+ options: {
581
+ module_field: {
582
+ module: "blog_author",
583
+ key: "socials.linkedin",
584
+ },
585
+ },
586
+ },
587
+ {
588
+ key: "author-card-content-socials-twitter-icon",
589
+ label: "author-card-content-socials-twitter-icon",
590
+ field_interface: "IconWidget",
591
+ options: {
592
+ module_field: {
593
+ module: "blog_author",
594
+ key: "socials.twitter",
595
+ },
596
+ },
597
+ },
598
+ {
599
+ key: "author-card-content-socials-youtube-icon",
600
+ label: "author-card-content-socials-youtube-icon",
601
+ field_interface: "IconWidget",
602
+ options: {
603
+ module_field: {
604
+ module: "blog_author",
605
+ key: "socials.youtube",
606
+ },
607
+ },
608
+ },
609
+ {
610
+ key: "author-card-content-socials-github-icon",
611
+ label: "author-card-content-socials-github-icon",
612
+ field_interface: "IconWidget",
613
+ options: {
614
+ module_field: {
615
+ module: "blog_author",
616
+ key: "socials.github",
617
+ },
618
+ },
619
+ },
620
+ {
621
+ key: "author-card-content-socials-tiktok-icon",
622
+ label: "author-card-content-socials-tiktok-icon",
623
+ field_interface: "IconWidget",
624
+ options: {
625
+ module_field: {
626
+ module: "blog_author",
627
+ key: "socials.tiktok",
628
+ },
629
+ },
630
+ },
631
+ {
632
+ key: "author-card-content-socials-website-icon",
633
+ label: "author-card-content-socials-website-icon",
634
+ field_interface: "IconWidget",
635
+ options: {
636
+ module_field: {
637
+ module: "blog_author",
638
+ key: "socials.website",
639
+ },
640
+ },
641
+ },
642
+ {
643
+ key: "author-card-ctas",
644
+ label: "Author Card CTAs",
645
+ field_interface: "BoxWidget",
646
+ },
647
+ {
648
+ key: "author-card-cta-first",
649
+ label: "Author Card CTA First",
650
+ field_interface: "ButtonWidget",
651
+ },
652
+ {
653
+ key: "author-card-cta-second",
654
+ label: "Author Card CTA Second",
655
+ field_interface: "ButtonWidget",
656
+ options: {
657
+ module_field: {
658
+ module: "blog_author",
659
+ key: "post_count",
660
+ },
661
+ },
662
+ },
663
+ {
664
+ key: "author-card-section-footer",
665
+ label: "Author Card Section Footer",
666
+ field_interface: "BoxWidget",
667
+ },
668
+ {
669
+ key: "author-card-editorial",
670
+ label: "Author Card Editorial Credit",
671
+ field_interface: "TypographyWidget",
672
+ hint: {
673
+ prompt_description:
674
+ "Footer credit line shown below the author card, e.g. 'Curated by the Editorial Team'. Short, sentence case.",
675
+ usecase: "description",
676
+ min_characters: 10,
677
+ max_characters: 60,
678
+ },
679
+ },
680
+ ],
681
+ layouts: [
682
+ {
683
+ key: "default",
684
+ title: "Default",
685
+ styles: {
686
+ layout: {
687
+ width: "100%",
688
+ "padding-top": "7xl",
689
+ "padding-bottom": "7xl",
690
+ "padding-right": "8xl",
691
+ "padding-left": "8xl",
692
+ tablet: {
693
+ "padding-top": "5xl",
694
+ "padding-bottom": "5xl",
695
+ "padding-right": "4xl",
696
+ "padding-left": "4xl",
697
+ },
698
+ mobile: {
699
+ "padding-right": "2xl",
700
+ "padding-left": "2xl",
701
+ "padding-top": "4xl",
702
+ "padding-bottom": "4xl",
703
+ },
704
+ },
705
+ container: {
706
+ width: "100%",
707
+ display: "flex",
708
+ "flex-direction": "column",
709
+ "row-gap": "2xl",
710
+ },
711
+ ...AUTHOR_CARD_STYLES,
712
+ },
713
+ content: DEFAULT_CONTENT,
714
+ config: {
715
+ ...AUTHOR_CARD_CONFIG,
716
+ },
717
+ },
718
+ ],
719
+ };