@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
@@ -1,31 +1,76 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
3
  const MEDIA = {
4
- id: "HXVjtirlEM3L",
5
- filename: "profile-2.png",
4
+ id: "7453456561346941293",
6
5
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI.png",
6
+ location: "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg",
7
+ mimetype: "image/jpeg",
8
8
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/profile-2-pKkeltJT8kdI-828w.webp 828w",
9
+ "320w":
10
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
11
+ "640w":
12
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
13
+ "750w":
14
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
15
+ "828w":
16
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
17
+ "1080w":
18
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
19
+ "1200w":
20
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
21
+ "1920w":
22
+ "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
23
+ path: "https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/6918658/pexels-photo-6918658.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
17
24
  },
18
- mimetype: "image/png",
19
25
  };
20
26
 
21
- const DUMMY_ICON = {
27
+ const ICON_SHIELD_TICK = {
22
28
  kind: "icon",
23
29
  data: {
24
- id: "star",
25
- label: "Star",
26
- tags: ["custom", "directional", "star", "support-like-question"],
30
+ id: "shield-tick",
31
+ label: "Shield Tick",
27
32
  svgCode:
28
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
33
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="currentColor"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="currentColor"/>\n</svg>',
34
+ },
35
+ };
36
+
37
+ const ICON_VERIFY = {
38
+ kind: "icon",
39
+ data: {
40
+ id: "verify",
41
+ label: "Verify",
42
+ svgCode:
43
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.7896 15.17C10.5896 15.17 10.3996 15.09 10.2596 14.95L7.83957 12.53C7.54957 12.24 7.54957 11.76 7.83957 11.47C8.12957 11.18 8.60957 11.18 8.89957 11.47L10.7896 13.36L15.0896 9.06003C15.3796 8.77003 15.8596 8.77003 16.1496 9.06003C16.4396 9.35003 16.4396 9.83003 16.1496 10.12L11.3196 14.95C11.1796 15.09 10.9896 15.17 10.7896 15.17Z" fill="currentColor"/>\n<path d="M11.9999 22.75C11.3699 22.75 10.7399 22.54 10.2499 22.12L8.66988 20.76C8.50988 20.62 8.10988 20.48 7.89988 20.48H6.17988C4.69988 20.48 3.49988 19.28 3.49988 17.8V16.09C3.49988 15.88 3.35988 15.49 3.21988 15.33L1.86988 13.74C1.04988 12.77 1.04988 11.24 1.86988 10.27L3.21988 8.68C3.35988 8.52 3.49988 8.13 3.49988 7.92V6.2C3.49988 4.72 4.69988 3.52 6.17988 3.52H7.90988C8.11988 3.52 8.51988 3.37 8.67988 3.24L10.2599 1.88C11.2399 1.04 12.7699 1.04 13.7499 1.88L15.3299 3.24C15.4899 3.38 15.8899 3.52 16.0999 3.52H17.7999C19.2799 3.52 20.4799 4.72 20.4799 6.2V7.9C20.4799 8.11 20.6299 8.51 20.7699 8.67L22.1299 10.25C22.9699 11.23 22.9699 12.76 22.1299 13.74L20.7699 15.32C20.6299 15.48 20.4799 15.88 20.4799 16.09V17.79C20.4799 19.27 19.2799 20.47 17.7999 20.47H16.0999C15.8899 20.47 15.4899 20.62 15.3299 20.75L13.7499 22.11C13.2599 22.54 12.6299 22.75 11.9999 22.75ZM6.17988 5.02C5.52988 5.02 4.99988 5.55 4.99988 6.2V7.91C4.99988 8.48 4.72988 9.21 4.35988 9.64L3.00988 11.23C2.65988 11.64 2.65988 12.35 3.00988 12.76L4.35988 14.35C4.72988 14.79 4.99988 15.51 4.99988 16.08V17.79C4.99988 18.44 5.52988 18.97 6.17988 18.97H7.90988C8.48988 18.97 9.21988 19.24 9.65988 19.62L11.2399 20.98C11.6499 21.33 12.3699 21.33 12.7799 20.98L14.3599 19.62C14.7999 19.25 15.5299 18.97 16.1099 18.97H17.8099C18.4599 18.97 18.9899 18.44 18.9899 17.79V16.09C18.9899 15.51 19.2599 14.78 19.6399 14.34L20.9999 12.76C21.3499 12.35 21.3499 11.63 20.9999 11.22L19.6399 9.64C19.2599 9.2 18.9899 8.47 18.9899 7.89V6.2C18.9899 5.55 18.4599 5.02 17.8099 5.02H16.1099C15.5299 5.02 14.7999 4.75 14.3599 4.37L12.7799 3.01C12.3699 2.66 11.6499 2.66 11.2399 3.01L9.65988 4.38C9.21988 4.75 8.47988 5.02 7.90988 5.02H6.17988Z" fill="currentColor"/>\n</svg>',
44
+ },
45
+ };
46
+
47
+ const ICON_CHART_SUCCESS = {
48
+ kind: "icon",
49
+ data: {
50
+ id: "chart-success",
51
+ label: "Chart Success",
52
+ svgCode:
53
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V13C22.75 13.41 22.41 13.75 22 13.75C21.59 13.75 21.25 13.41 21.25 13V9C21.25 4.39 19.61 2.75 15 2.75H9C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H13C13.41 21.25 13.75 21.59 13.75 22C13.75 22.41 13.41 22.75 13 22.75Z" fill="currentColor"/>\n<path d="M7 14.69C6.59 14.69 6.25 14.35 6.25 13.94V10.73C6.25 10.32 6.59 9.98001 7 9.98001C7.41 9.98001 7.75 10.32 7.75 10.73V13.94C7.75 14.36 7.41 14.69 7 14.69Z" fill="currentColor"/>\n<path d="M17 14.69C16.59 14.69 16.25 14.35 16.25 13.94V10.73C16.25 10.32 16.59 9.98001 17 9.98001C17.41 9.98001 17.75 10.32 17.75 10.73V13.94C17.75 14.36 17.41 14.69 17 14.69Z" fill="currentColor"/>\n<path d="M17.5803 21.75C17.3803 21.75 17.1903 21.67 17.0503 21.53L15.4703 19.96C15.1803 19.67 15.1703 19.19 15.4703 18.9C15.7603 18.61 16.2403 18.6 16.5303 18.9L17.5403 19.9L20.4403 16.51C20.7103 16.19 21.1803 16.16 21.5003 16.43C21.8103 16.7 21.8503 17.17 21.5803 17.49L18.1603 21.49C18.0203 21.65 17.8303 21.74 17.6203 21.75C17.6003 21.75 17.5903 21.75 17.5803 21.75Z" fill="currentColor"/>\n<path d="M12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V10.5C11.25 10.09 11.59 9.75 12 9.75C12.41 9.75 12.75 10.09 12.75 10.5V13.5C12.75 13.91 12.41 14.25 12 14.25Z" fill="currentColor"/>\n</svg>',
54
+ },
55
+ };
56
+
57
+ const ICON_CLOCK_WATCH = {
58
+ kind: "icon",
59
+ data: {
60
+ id: "clock-watch",
61
+ label: "Clock Watch",
62
+ svgCode:
63
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13.4 14.6C13.21 14.6 13.02 14.53 12.87 14.38L11.47 12.98C11.33 12.84 11.25 12.65 11.25 12.45V9.66003C11.25 9.25003 11.59 8.91003 12 8.91003C12.41 8.91003 12.75 9.25003 12.75 9.66003V12.14L13.93 13.32C14.22 13.61 14.22 14.09 13.93 14.38C13.78 14.53 13.59 14.6 13.4 14.6Z" fill="currentColor"/>\n<path d="M12 19.25C10.41 19.25 8.91 18.75 7.65 17.8C7.62 17.78 7.6 17.77 7.57 17.75C5.78 16.36 4.75 14.26 4.75 12C4.75 8 8 4.75 12 4.75C16 4.75 19.25 8 19.25 12C19.25 14.25 18.23 16.33 16.46 17.72C16.43 17.74 16.41 17.76 16.38 17.78C15.11 18.74 13.6 19.25 12 19.25ZM8.43 16.51C8.46 16.53 8.48 16.54 8.5 16.56C10.53 18.13 13.51 18.12 15.53 16.54C15.55 16.52 15.58 16.5 15.6 16.49C16.97 15.39 17.75 13.76 17.75 12C17.75 8.83 15.17 6.25 12 6.25C8.83 6.25 6.25 8.83 6.25 12C6.25 13.77 7.04 15.41 8.43 16.51Z" fill="currentColor"/>\n<path d="M12.5496 22.75H11.4596C9.49959 22.75 8.29959 21.78 7.78959 19.77L7.28959 17.3C7.24959 17.08 7.29959 16.85 7.44959 16.68C7.59959 16.51 7.80959 16.41 8.02959 16.41H8.03959C8.20959 16.41 8.36959 16.46 8.49959 16.57C10.5296 18.14 13.5096 18.13 15.5296 16.55C15.8396 16.31 16.3296 16.36 16.5796 16.67C16.7196 16.84 16.7796 17.07 16.7396 17.29L16.2296 19.76C15.6996 21.78 14.4996 22.75 12.5496 22.75ZM9.08959 18.64L9.24959 19.44C9.62959 20.94 10.4096 21.25 11.4596 21.25H12.5496C13.5896 21.25 14.3696 20.94 14.7596 19.42L14.9196 18.64C13.1096 19.44 10.9096 19.45 9.08959 18.64Z" fill="currentColor"/>\n<path d="M16.0003 7.62C15.8303 7.62 15.6603 7.56 15.5303 7.46C13.5103 5.88 10.5303 5.87 8.50025 7.44C8.19025 7.68 7.70025 7.63 7.46025 7.33C7.32025 7.16 7.26025 6.93 7.30025 6.71L7.79025 4.27C8.30025 2.22 9.50025 1.25 11.4603 1.25H12.5503C14.5003 1.25 15.7002 2.22 16.2102 4.21L16.7303 6.72C16.7803 6.94 16.7203 7.17 16.5803 7.34C16.4403 7.52 16.2303 7.62 16.0003 7.62ZM12.0003 4.75C13.0303 4.75 14.0103 4.96 14.9203 5.36L14.7503 4.55C14.3603 3.07 13.5903 2.75 12.5503 2.75H11.4603C10.4103 2.75 9.63025 3.06 9.25025 4.6L9.09025 5.36C10.0003 4.96 10.9803 4.75 12.0003 4.75Z" fill="currentColor"/>\n</svg>',
64
+ },
65
+ };
66
+
67
+ const ICON_CHEVRON = {
68
+ kind: "icon",
69
+ data: {
70
+ id: "arrow-right-3",
71
+ label: "Arrow Right 3",
72
+ svgCode:
73
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="currentColor"/>\n</svg>',
29
74
  },
30
75
  };
31
76
 
@@ -37,64 +82,46 @@ const DEFAULT_CONTENT = {
37
82
  profile_image: MEDIA,
38
83
  right_container: null,
39
84
  content_wrapper: null,
40
- title: "Well Women Health checkup",
85
+ title: "PCI DSS Level 1 Compliance Audit",
41
86
  description:
42
- "Well Women Health checkup Well Women Health checkup Well Women Health checkup Well Women Health checkup Well Women Health checkup Well Women Health checkup ",
87
+ "End-to-end readiness review for card-data environments gap analysis, remediation playbook, and on-site assessor sign-off within 45 business days.",
43
88
  stats: [
44
89
  {
45
90
  stat_wrapper: null,
46
- icon: DUMMY_ICON,
47
- label: "<p>4.5 (236 reviews on Google)</p>",
91
+ icon: ICON_SHIELD_TICK,
92
+ label: "<p>PCI DSS v4.0 certified QSA</p>",
48
93
  },
49
94
  {
50
95
  stat_wrapper: null,
51
- icon: DUMMY_ICON,
52
- label: "<p>4.5 (236 reviews on Google)</p>",
96
+ icon: ICON_VERIFY,
97
+ label: "<p>SOC 2 Type II attestation</p>",
53
98
  },
54
99
  {
55
100
  stat_wrapper: null,
56
- icon: DUMMY_ICON,
57
- label: "<p>4.5 (236 reviews on Google)</p>",
101
+ icon: ICON_CHART_SUCCESS,
102
+ label: "<p>98% first-pass audit success</p>",
58
103
  },
59
104
  {
60
105
  stat_wrapper: null,
61
- icon: DUMMY_ICON,
62
- label: "<p>4.5 (236 reviews on Google)</p>",
106
+ icon: ICON_CLOCK_WATCH,
107
+ label: "<p>45-day delivery SLA</p>",
63
108
  },
64
109
  ],
65
110
  price_container: null,
66
- actual_price: "$499",
67
- discount_price: "$999",
68
- off_percent: "50% OFF",
111
+ actual_price: "$4,999",
112
+ discount_price: "$8,999",
113
+ off_percent: "44% OFF",
69
114
  breadcrumbs: [
70
115
  {
71
116
  label: "<p>Home</p>",
72
- icon: {
73
- kind: "icon",
74
- data: {
75
- id: "arrow-right-3",
76
- label: "Arrow Right 3",
77
- tags: ["arrow", "custom", "directional", "right"],
78
- svgCode:
79
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="var(--color-icon-primary)"/>\n</svg>',
80
- },
81
- },
117
+ icon: ICON_CHEVRON,
82
118
  },
83
119
  {
84
- label: "<p>Test</p>",
85
- icon: {
86
- kind: "icon",
87
- data: {
88
- id: "arrow-right-3",
89
- label: "Arrow Right 3",
90
- tags: ["arrow", "custom", "directional", "right"],
91
- svgCode:
92
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="var(--color-icon-primary)"/>\n</svg>',
93
- },
94
- },
120
+ label: "<p>Compliance</p>",
121
+ icon: ICON_CHEVRON,
95
122
  },
96
123
  {
97
- label: "<p>Wellness</p>",
124
+ label: "<p>PCI DSS audit</p>",
98
125
  icon: null,
99
126
  },
100
127
  ],
@@ -297,7 +324,10 @@ export const Profile2: IBlock = {
297
324
  title: "Default",
298
325
  key: "default",
299
326
  styles: {
300
- layout: {},
327
+ layout: {
328
+ "padding-top": "3xl",
329
+ "padding-bottom": "3xl",
330
+ },
301
331
  container: {},
302
332
  main_wrapper: {
303
333
  display: "flex",
@@ -308,17 +338,19 @@ export const Profile2: IBlock = {
308
338
  },
309
339
  mobile: {
310
340
  "flex-direction": "column",
311
- "row-gap": "3xl",
341
+ "row-gap": "2xl",
312
342
  },
313
343
  },
314
344
  left_container: {
315
345
  flex: "1",
316
- "max-width": "250px",
346
+ "max-width": "380px",
317
347
  },
318
348
  profile_image: {
319
- "aspect-ratio": "1/1",
349
+ "aspect-ratio": "1 / 1",
320
350
  "object-fit": "cover",
321
- "border-radius": "base",
351
+ "border-radius": "lg",
352
+ width: "100%",
353
+ height: "auto",
322
354
  },
323
355
  right_container: {
324
356
  flex: "1",
@@ -332,32 +364,37 @@ export const Profile2: IBlock = {
332
364
  "row-gap": "lg",
333
365
  },
334
366
  title: {
335
- "margin-bottom": "lg",
367
+ "margin-bottom": "xs",
368
+ "font-weight": 700,
336
369
  tablet: {
337
370
  "font-size": "2xl",
338
371
  },
339
372
  },
340
373
  stats_levoGroup: {
341
374
  display: "grid",
342
- "flex-direction": "column",
343
- "row-gap": "2xs",
344
- "margin-bottom": "lg",
375
+ "row-gap": "sm",
376
+ "margin-top": "xs",
377
+ "margin-bottom": "xs",
345
378
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
346
- "column-gap": "none",
347
- width: "60%",
379
+ "column-gap": "lg",
380
+ width: "100%",
348
381
  tablet: {
349
382
  width: "100%",
350
383
  },
384
+ mobile: {
385
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
386
+ },
351
387
  },
352
388
  price_container: {
353
389
  display: "flex",
354
390
  "flex-direction": "row",
355
- "align-items": "center",
356
- "row-gap": "2xs",
357
- "column-gap": "2xs",
391
+ "align-items": "baseline",
392
+ "column-gap": "sm",
393
+ "margin-top": "sm",
358
394
  },
359
395
  actual_price: {
360
396
  "font-weight": 700,
397
+ color: "brand",
361
398
  },
362
399
  discount_price: {
363
400
  color: "text-3",
@@ -365,73 +402,64 @@ export const Profile2: IBlock = {
365
402
  },
366
403
  off_percent: {
367
404
  "font-weight": 600,
405
+ color: "success",
406
+ "background-color": "success-subtle",
407
+ "border-radius": "base",
408
+ "padding-left": "xs",
409
+ "padding-right": "xs",
410
+ "padding-top": "5xs",
411
+ "padding-bottom": "5xs",
412
+ "font-size": "sm",
368
413
  },
369
- stats: [
370
- {
371
- stat_wrapper: {
372
- display: "flex",
373
- "align-items": "center",
374
- "column-gap": "sm",
375
- },
376
- label: {},
414
+ stats_levoGroupItem: {
415
+ stat_wrapper: {
416
+ display: "flex",
417
+ "align-items": "center",
418
+ "column-gap": "xs",
377
419
  },
378
- {
379
- stat_wrapper: {
380
- display: "flex",
381
- "align-items": "center",
382
- "column-gap": "sm",
383
- },
384
- label: {},
420
+ icon: {
421
+ width: "20px",
422
+ height: "20px",
423
+ "font-size": "20px",
424
+ "flex-shrink": 0,
425
+ color: "brand",
385
426
  },
386
- {
387
- stat_wrapper: {
388
- display: "flex",
389
- "align-items": "center",
390
- "column-gap": "sm",
391
- },
392
- label: {},
427
+ label: {
428
+ "font-size": "sm",
429
+ color: "text-2",
393
430
  },
394
- {
395
- stat_wrapper: {
396
- display: "flex",
397
- "align-items": "center",
398
- "column-gap": "sm",
399
- },
400
- label: {},
401
- },
402
- ],
403
- breadcrumbs: [
404
- {
405
- wrapper: {
406
- display: "flex",
407
- "justify-content": "start",
408
- "align-items": "center",
409
- "column-gap": "5xs",
410
- },
431
+ },
432
+ stats: [{}, {}, {}, {}],
433
+ breadcrumbs_levoGroupItem: {
434
+ wrapper: {
435
+ display: "flex",
436
+ "justify-content": "start",
437
+ "align-items": "center",
438
+ "column-gap": "5xs",
411
439
  },
412
- {
413
- wrapper: {
414
- display: "flex",
415
- "justify-content": "start",
416
- "align-items": "center",
417
- "column-gap": "5xs",
418
- },
440
+ label: {
441
+ "font-size": "sm",
442
+ color: "text-3",
419
443
  },
420
- {
421
- wrapper: {
422
- display: "flex",
423
- "justify-content": "start",
424
- "align-items": "center",
425
- "column-gap": "5xs",
426
- },
444
+ icon: {
445
+ width: "14px",
446
+ height: "14px",
447
+ "font-size": "14px",
448
+ color: "text-3",
449
+ "flex-shrink": 0,
427
450
  },
428
- ],
451
+ },
452
+ breadcrumbs: [{}, {}, {}],
429
453
  breadcrumbs_levoGroup: {
430
454
  display: "flex",
455
+ "align-items": "center",
431
456
  "column-gap": "xs",
432
- "margin-bottom": "base",
457
+ "margin-bottom": "xl",
458
+ },
459
+ description: {
460
+ color: "text-2",
461
+ "line-height": "relaxed",
433
462
  },
434
- description: {},
435
463
  },
436
464
  content: DEFAULT_CONTENT,
437
465
  config: {