@levo-so/blocks 0.1.102 → 0.1.103

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 (30) hide show
  1. package/package.json +23 -23
  2. package/src/blocks/blogs/blog-post-1.tsx +16 -7
  3. package/src/blocks/cards/cards-21.tsx +6 -6
  4. package/src/blocks/carousel/carousel-1.tsx +2 -2
  5. package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
  6. package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
  7. package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
  8. package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
  9. package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
  10. package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
  11. package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
  12. package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
  13. package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
  14. package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
  15. package/src/blocks/index.ts +12 -2
  16. package/src/blocks/logos/logos-2.schema.ts +223 -0
  17. package/src/blocks/logos/logos-2.tsx +55 -0
  18. package/src/blocks/navbar/navbar-3.schema.ts +6 -0
  19. package/src/blocks/navbar/navbar-3.tsx +3 -2
  20. package/src/blocks/navbar/navbar-4.schema.ts +6 -0
  21. package/src/blocks/navbar/navbar-4.tsx +1 -6
  22. package/src/blocks/products/products-listing-3.schema.ts +2 -4
  23. package/src/blocks/products/products-listing-3.tsx +86 -84
  24. package/src/blocks/services/service-2.tsx +0 -3
  25. package/src/blocks/services/service-3.schema.ts +13 -0
  26. package/src/blocks/services/service-3.tsx +6 -0
  27. package/src/schemas/blocks.ts +13 -3
  28. package/src/schemas/categories.ts +6 -0
  29. package/src/blocks/navbar/navbar-2.schema.ts +0 -1255
  30. package/src/blocks/navbar/navbar-2.tsx +0 -381
@@ -1,1255 +0,0 @@
1
- import type { IBlock } from "@levo-so/studio";
2
-
3
- const MEDIA_LOGO = {
4
- id: "levo-logo-1024",
5
- kind: "image",
6
- location:
7
- "https://static.levocdn.com/WLZ1TXTD/levo-logo-1024-LkpWlHydPFURU.svg",
8
- mimetype: "image/svg+xml",
9
- };
10
-
11
- const ICON_CARD_SEND = {
12
- kind: "icon",
13
- data: {
14
- id: "card-send",
15
- label: "Card Send",
16
- svgCode:
17
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 9.25H2C1.59 9.25 1.25 8.91 1.25 8.5C1.25 8.09 1.59 7.75 2 7.75H14.5C14.91 7.75 15.25 8.09 15.25 8.5C15.25 8.91 14.91 9.25 14.5 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17.56 21.25H6.44C2.46 21.25 1.25 20.05 1.25 16.11V7.89C1.25 3.95 2.46 2.75 6.44 2.75H14.5C14.91 2.75 15.25 3.09 15.25 3.5C15.25 3.91 14.91 4.25 14.5 4.25H6.44C3.3 4.25 2.75 4.79 2.75 7.89V16.1C2.75 19.2 3.3 19.74 6.44 19.74H17.55C20.69 19.74 21.24 19.2 21.24 16.1V14.02C21.24 13.61 21.58 13.27 21.99 13.27C22.4 13.27 22.74 13.61 22.74 14.02V16.1C22.75 20.05 21.54 21.25 17.56 21.25Z" fill="var(--color-icon-primary)"/>\n<path d="M20 10.25C19.59 10.25 19.25 9.91 19.25 9.5V3.5C19.25 3.2 19.43 2.92 19.71 2.81C19.99 2.7 20.31 2.76 20.53 2.97L22.53 4.97C22.82 5.26 22.82 5.74 22.53 6.03C22.24 6.32 21.76 6.32 21.47 6.03L20.75 5.31V9.5C20.75 9.91 20.41 10.25 20 10.25Z" fill="var(--color-icon-primary)"/>\n<path d="M18.0004 6.25C17.8104 6.25 17.6204 6.18 17.4704 6.03C17.1804 5.74 17.1804 5.26 17.4704 4.97L19.4704 2.97C19.7604 2.68 20.2404 2.68 20.5304 2.97C20.8204 3.26 20.8204 3.74 20.5304 4.03L18.5304 6.03C18.3804 6.18 18.1904 6.25 18.0004 6.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
18
- },
19
- };
20
-
21
- const ICON_CARD = {
22
- kind: "icon",
23
- data: {
24
- id: "card",
25
- label: "Card",
26
- svgCode:
27
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M22 9.25H2C1.59 9.25 1.25 8.91 1.25 8.5C1.25 8.09 1.59 7.75 2 7.75H22C22.41 7.75 22.75 8.09 22.75 8.5C22.75 8.91 22.41 9.25 22 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17.56 21.25H6.44C2.46 21.25 1.25 20.05 1.25 16.11V7.89C1.25 3.95 2.46 2.75 6.44 2.75H17.55C21.53 2.75 22.74 3.95 22.74 7.89V16.1C22.75 20.05 21.54 21.25 17.56 21.25ZM6.44 4.25C3.3 4.25 2.75 4.79 2.75 7.89V16.1C2.75 19.2 3.3 19.74 6.44 19.74H17.55C20.69 19.74 21.24 19.2 21.24 16.1V7.89C21.24 4.79 20.69 4.25 17.55 4.25H6.44Z" fill="var(--color-icon-primary)"/>\n</svg>',
28
- },
29
- };
30
-
31
- const ICON_SHIELD_TICK = {
32
- kind: "icon",
33
- data: {
34
- id: "shield-tick",
35
- label: "Shield Tick",
36
- svgCode:
37
- '<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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
38
- },
39
- };
40
-
41
- const ICON_BOOK = {
42
- kind: "icon",
43
- data: {
44
- id: "book",
45
- label: "Book",
46
- svgCode:
47
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M3.5 18.75C3.09 18.75 2.75 18.41 2.75 18V7C2.75 2.59 4.09 1.25 8.5 1.25H15.5C19.91 1.25 21.25 2.59 21.25 7V17C21.25 17.16 21.25 17.31 21.24 17.47C21.21 17.88 20.84 18.2 20.44 18.17C20.03 18.14 19.71 17.78 19.74 17.37C19.75 17.25 19.75 17.12 19.75 17V7C19.75 3.43 19.08 2.75 15.5 2.75H8.5C4.92 2.75 4.25 3.43 4.25 7V18C4.25 18.41 3.91 18.75 3.5 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M17 22.75H7C4.66 22.75 2.75 20.84 2.75 18.5V17.85C2.75 15.86 4.37 14.25 6.35 14.25H20.5C20.91 14.25 21.25 14.59 21.25 15V18.5C21.25 20.84 19.34 22.75 17 22.75ZM6.35 15.75C5.19 15.75 4.25 16.69 4.25 17.85V18.5C4.25 20.02 5.48 21.25 7 21.25H17C18.52 21.25 19.75 20.02 19.75 18.5V15.75H6.35Z" fill="var(--color-icon-primary)"/>\n<path d="M16 7.75H8C7.59 7.75 7.25 7.41 7.25 7C7.25 6.59 7.59 6.25 8 6.25H16C16.41 6.25 16.75 6.59 16.75 7C16.75 7.41 16.41 7.75 16 7.75Z" fill="var(--color-icon-primary)"/>\n<path d="M13 11.25H8C7.59 11.25 7.25 10.91 7.25 10.5C7.25 10.09 7.59 9.75 8 9.75H13C13.41 9.75 13.75 10.09 13.75 10.5C13.75 10.91 13.41 11.25 13 11.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
48
- },
49
- };
50
-
51
- const ICON_SECURITY_SAFE = {
52
- kind: "icon",
53
- data: {
54
- id: "security-safe",
55
- label: "Security Safe",
56
- svgCode:
57
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9998 22.7501C11.7598 22.7501 11.5199 22.7201 11.2899 22.6501C6.09986 21.2201 2.33984 16.37 2.33984 11.11V6.72003C2.33984 5.60003 3.14985 4.39008 4.18985 3.96008L9.75986 1.68005C11.2099 1.09005 12.7998 1.09005 14.2398 1.68005L19.8098 3.96008C20.8498 4.39008 21.6599 5.60003 21.6599 6.72003V11.11C21.6599 16.36 17.8898 21.2101 12.7098 22.6501C12.4798 22.7201 12.2398 22.7501 11.9998 22.7501ZM11.9998 2.75006C11.4298 2.75006 10.8698 2.86007 10.3298 3.08007L4.75986 5.36004C4.27986 5.56004 3.83984 6.21004 3.83984 6.73004V11.1201C3.83984 15.7101 7.13985 19.9501 11.6898 21.2101C11.8898 21.2701 12.1098 21.2701 12.3098 21.2101C16.8598 19.9501 20.1599 15.7101 20.1599 11.1201V6.73004C20.1599 6.21004 19.7198 5.56004 19.2398 5.36004L13.6699 3.08007C13.1299 2.86007 12.5698 2.75006 11.9998 2.75006Z" fill="var(--color-icon-primary)"/>\n<path d="M12 13.25C10.48 13.25 9.25 12.02 9.25 10.5C9.25 8.98 10.48 7.75 12 7.75C13.52 7.75 14.75 8.98 14.75 10.5C14.75 12.02 13.52 13.25 12 13.25ZM12 9.25C11.31 9.25 10.75 9.81 10.75 10.5C10.75 11.19 11.31 11.75 12 11.75C12.69 11.75 13.25 11.19 13.25 10.5C13.25 9.81 12.69 9.25 12 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M12 16.25C11.59 16.25 11.25 15.91 11.25 15.5V12.5C11.25 12.09 11.59 11.75 12 11.75C12.41 11.75 12.75 12.09 12.75 12.5V15.5C12.75 15.91 12.41 16.25 12 16.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
58
- },
59
- };
60
-
61
- const ICON_BANK = {
62
- kind: "icon",
63
- data: {
64
- id: "bank",
65
- label: "Bank",
66
- svgCode:
67
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 11.75H3C2.04 11.75 1.25 10.96 1.25 10V6.68001C1.25 6.00001 1.71998 5.31001 2.34998 5.06001L11.35 1.46003C11.73 1.31003 12.27 1.31003 12.65 1.46003L21.65 5.06001C22.28 5.31001 22.75 6.01 22.75 6.68001V10C22.75 10.96 21.96 11.75 21 11.75ZM12 2.84004C11.96 2.84004 11.92 2.83999 11.9 2.84999L2.90997 6.45002C2.84997 6.48002 2.75 6.61 2.75 6.68001V10C2.75 10.14 2.86 10.25 3 10.25H21C21.14 10.25 21.25 10.14 21.25 10V6.68001C21.25 6.61 21.16 6.48002 21.09 6.45002L12.09 2.84999C12.07 2.83999 12.04 2.84004 12 2.84004Z" fill="var(--color-icon-primary)"/>\n<path d="M22 22.75H2C1.59 22.75 1.25 22.41 1.25 22V19C1.25 18.04 2.04 17.25 3 17.25H21C21.96 17.25 22.75 18.04 22.75 19V22C22.75 22.41 22.41 22.75 22 22.75ZM2.75 21.25H21.25V19C21.25 18.86 21.14 18.75 21 18.75H3C2.86 18.75 2.75 18.86 2.75 19V21.25Z" fill="var(--color-icon-primary)"/>\n<path d="M4 18.75C3.59 18.75 3.25 18.41 3.25 18V11C3.25 10.59 3.59 10.25 4 10.25C4.41 10.25 4.75 10.59 4.75 11V18C4.75 18.41 4.41 18.75 4 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8 18.75C7.59 18.75 7.25 18.41 7.25 18V11C7.25 10.59 7.59 10.25 8 10.25C8.41 10.25 8.75 10.59 8.75 11V18C8.75 18.41 8.41 18.75 8 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V11C11.25 10.59 11.59 10.25 12 10.25C12.41 10.25 12.75 10.59 12.75 11V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 18.75C15.59 18.75 15.25 18.41 15.25 18V11C15.25 10.59 15.59 10.25 16 10.25C16.41 10.25 16.75 10.59 16.75 11V18C16.75 18.41 16.41 18.75 16 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20 18.75C19.59 18.75 19.25 18.41 19.25 18V11C19.25 10.59 19.59 10.25 20 10.25C20.41 10.25 20.75 10.59 20.75 11V18C20.75 18.41 20.41 18.75 20 18.75Z" fill="var(--color-icon-primary)"/>\n<path d="M23 22.75H1C0.59 22.75 0.25 22.41 0.25 22C0.25 21.59 0.59 21.25 1 21.25H23C23.41 21.25 23.75 21.59 23.75 22C23.75 22.41 23.41 22.75 23 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 9.25C10.76 9.25 9.75 8.24 9.75 7C9.75 5.76 10.76 4.75 12 4.75C13.24 4.75 14.25 5.76 14.25 7C14.25 8.24 13.24 9.25 12 9.25ZM12 6.25C11.59 6.25 11.25 6.59 11.25 7C11.25 7.41 11.59 7.75 12 7.75C12.41 7.75 12.75 7.41 12.75 7C12.75 6.59 12.41 6.25 12 6.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
68
- },
69
- };
70
-
71
- const ICON_SHOP = {
72
- kind: "icon",
73
- data: {
74
- id: "shop",
75
- label: "Shop",
76
- svgCode:
77
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.6998 22.75H9.29977C4.35977 22.75 2.25977 20.64 2.25977 15.71V11.22C2.25977 10.81 2.59977 10.47 3.00977 10.47C3.41977 10.47 3.75977 10.81 3.75977 11.22V15.71C3.75977 19.8 5.20977 21.25 9.29977 21.25H14.6898C18.7798 21.25 20.2298 19.8 20.2298 15.71V11.22C20.2298 10.81 20.5698 10.47 20.9798 10.47C21.3898 10.47 21.7298 10.81 21.7298 11.22V15.71C21.7398 20.64 19.6298 22.75 14.6998 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 12.75C10.9 12.75 9.9 12.32 9.19 11.53C8.48 10.74 8.15 9.71 8.26 8.61L8.93 1.93C8.97 1.55 9.29 1.25 9.68 1.25H14.35C14.74 1.25 15.06 1.54 15.1 1.93L15.77 8.61C15.88 9.71 15.55 10.74 14.84 11.53C14.1 12.32 13.1 12.75 12 12.75ZM10.35 2.75L9.75 8.76C9.68 9.43 9.88 10.06 10.3 10.52C11.15 11.46 12.85 11.46 13.7 10.52C14.12 10.05 14.32 9.42 14.25 8.76L13.65 2.75H10.35Z" fill="var(--color-icon-primary)"/>\n<path d="M18.31 12.75C16.28 12.75 14.47 11.11 14.26 9.09L13.56 2.08C13.54 1.87 13.61 1.66 13.75 1.5C13.89 1.34 14.09 1.25 14.31 1.25H17.36C20.3 1.25 21.67 2.48 22.08 5.5L22.36 8.28C22.48 9.46 22.12 10.58 21.35 11.43C20.58 12.28 19.5 12.75 18.31 12.75ZM15.14 2.75L15.76 8.94C15.89 10.19 17.05 11.25 18.31 11.25C19.07 11.25 19.75 10.96 20.24 10.43C20.72 9.9 20.94 9.19 20.87 8.43L20.59 5.68C20.28 3.42 19.55 2.75 17.36 2.75H15.14Z" fill="var(--color-icon-primary)"/>\n<path d="M5.64002 12.75C4.45002 12.75 3.37002 12.28 2.60002 11.43C1.83002 10.58 1.47002 9.46 1.59002 8.28L1.86002 5.53C2.28002 2.48 3.65002 1.25 6.59002 1.25H9.64002C9.85002 1.25 10.05 1.34 10.2 1.5C10.35 1.66 10.41 1.87 10.39 2.08L9.69002 9.09C9.48002 11.11 7.67002 12.75 5.64002 12.75ZM6.59002 2.75C4.40002 2.75 3.67002 3.41 3.35002 5.7L3.08002 8.43C3.00002 9.19 3.23002 9.9 3.71002 10.43C4.19002 10.96 4.87002 11.25 5.64002 11.25C6.90002 11.25 8.07002 10.19 8.19002 8.94L8.81002 2.75H6.59002Z" fill="var(--color-icon-primary)"/>\n<path d="M14.5 22.75H9.5C9.09 22.75 8.75 22.41 8.75 22V19.5C8.75 17.4 9.9 16.25 12 16.25C14.1 16.25 15.25 17.4 15.25 19.5V22C15.25 22.41 14.91 22.75 14.5 22.75ZM10.25 21.25H13.75V19.5C13.75 18.24 13.26 17.75 12 17.75C10.74 17.75 10.25 18.24 10.25 19.5V21.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
78
- },
79
- };
80
-
81
- const ICON_CHART_SUCCESS = {
82
- kind: "icon",
83
- data: {
84
- id: "chart-success",
85
- label: "Chart Success",
86
- svgCode:
87
- '<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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
88
- },
89
- };
90
-
91
- const PLATFORM_SUB_ITEMS = [
92
- {
93
- "sub-item-link": { href: "#" },
94
- "sub-item-icon-container": null,
95
- "sub-item-icon": ICON_CARD_SEND,
96
- "sub-item-text-container": null,
97
- "sub-item-title": "Payments API",
98
- "sub-item-description":
99
- "One endpoint for cards, ACH, UPI, SEPA, and wallets across 40+ markets.",
100
- },
101
- {
102
- "sub-item-link": { href: "#" },
103
- "sub-item-icon-container": null,
104
- "sub-item-icon": ICON_CARD,
105
- "sub-item-text-container": null,
106
- "sub-item-title": "Card issuing",
107
- "sub-item-description":
108
- "Virtual and physical cards with spend controls and BIN sponsorship.",
109
- },
110
- {
111
- "sub-item-link": { href: "#" },
112
- "sub-item-icon-container": null,
113
- "sub-item-icon": ICON_SHIELD_TICK,
114
- "sub-item-text-container": null,
115
- "sub-item-title": "KYC & onboarding",
116
- "sub-item-description":
117
- "ID, sanctions, and PEP screening in a single verified call.",
118
- },
119
- {
120
- "sub-item-link": { href: "#" },
121
- "sub-item-icon-container": null,
122
- "sub-item-icon": ICON_BOOK,
123
- "sub-item-text-container": null,
124
- "sub-item-title": "Ledger & settlement",
125
- "sub-item-description":
126
- "Double-entry ledger with T+0 settlement across every rail.",
127
- },
128
- {
129
- "sub-item-link": { href: "#" },
130
- "sub-item-icon-container": null,
131
- "sub-item-icon": ICON_SECURITY_SAFE,
132
- "sub-item-text-container": null,
133
- "sub-item-title": "Fraud & risk",
134
- "sub-item-description":
135
- "Real-time scoring trained on four billion prior transactions.",
136
- },
137
- ];
138
-
139
- const SOLUTIONS_SUB_ITEMS = [
140
- {
141
- "sub-item-link": { href: "#" },
142
- "sub-item-icon-container": null,
143
- "sub-item-icon": ICON_BANK,
144
- "sub-item-text-container": null,
145
- "sub-item-title": "Neobanks",
146
- "sub-item-description":
147
- "Launch a regulated neobank in 90 days on Levo's core.",
148
- },
149
- {
150
- "sub-item-link": { href: "#" },
151
- "sub-item-icon-container": null,
152
- "sub-item-icon": ICON_SHOP,
153
- "sub-item-text-container": null,
154
- "sub-item-title": "Marketplaces",
155
- "sub-item-description":
156
- "Split payouts to sellers across 40+ corridors with full reconciliation.",
157
- },
158
- {
159
- "sub-item-link": { href: "#" },
160
- "sub-item-icon-container": null,
161
- "sub-item-icon": ICON_CHART_SUCCESS,
162
- "sub-item-text-container": null,
163
- "sub-item-title": "Lenders",
164
- "sub-item-description":
165
- "Underwrite and disburse in minutes using streaming bank data.",
166
- },
167
- ];
168
-
169
- const MOBILE_PLATFORM_SUB_ITEMS = PLATFORM_SUB_ITEMS.map((item) => ({
170
- ...item,
171
- "sub-item-title-container": null,
172
- }));
173
-
174
- const MOBILE_SOLUTIONS_SUB_ITEMS = SOLUTIONS_SUB_ITEMS.map((item) => ({
175
- ...item,
176
- "sub-item-title-container": null,
177
- }));
178
-
179
- const DEFAULT_CONTENT = {
180
- "nav-container": null,
181
- "nav-logo": MEDIA_LOGO,
182
- // Desktop
183
- "left-desktop-nav-menu": [
184
- {
185
- "nav-item-dropdown-trigger": null,
186
- "nav-item-dropdown-trigger-title": "Platform",
187
- "sub-items": PLATFORM_SUB_ITEMS,
188
- },
189
- {
190
- "nav-item-dropdown-trigger": null,
191
- "nav-item-dropdown-trigger-title": "Solutions",
192
- "sub-items": SOLUTIONS_SUB_ITEMS,
193
- },
194
- {
195
- "nav-item-link": { href: "#" },
196
- "nav-item-title": "Pricing",
197
- },
198
- ],
199
- "right-desktop-nav-menu": [
200
- {
201
- "nav-item-link": { href: "#" },
202
- "nav-item-title": "Developers",
203
- },
204
- {
205
- "nav-item-link": { href: "#" },
206
- "nav-item-title": "Company",
207
- },
208
- ],
209
- "desktop-cta-group": [
210
- {
211
- cta: "Start free trial",
212
- },
213
- ],
214
- // Mobile
215
- "mobile-background-overlay": null,
216
- "mobile-nav-menu-button": null,
217
- "mobile-nav-menu-wrapper": null,
218
- "mobile-nav-menu": [
219
- {
220
- "nav-item-dropdown-container": null,
221
- "nav-item-dropdown-trigger": null,
222
- "nav-item-dropdown-trigger-title": "Platform",
223
- "sub-items": MOBILE_PLATFORM_SUB_ITEMS,
224
- },
225
- {
226
- "nav-item-dropdown-container": null,
227
- "nav-item-dropdown-trigger": null,
228
- "nav-item-dropdown-trigger-title": "Solutions",
229
- "sub-items": MOBILE_SOLUTIONS_SUB_ITEMS,
230
- },
231
- {
232
- "nav-item-link": { href: "#" },
233
- "nav-item-title-container": null,
234
- "nav-item-title": "Pricing",
235
- },
236
- {
237
- "nav-item-link": { href: "#" },
238
- "nav-item-title-container": null,
239
- "nav-item-title": "Developers",
240
- },
241
- {
242
- "nav-item-link": { href: "#" },
243
- "nav-item-title-container": null,
244
- "nav-item-title": "Company",
245
- },
246
- ],
247
- "mobile-cta-group": [
248
- {
249
- cta: "Sign in",
250
- },
251
- {
252
- cta: "Start free trial",
253
- },
254
- ],
255
- };
256
-
257
- export type INavbar2Content = typeof DEFAULT_CONTENT;
258
-
259
- const DESKTOP_NAV_MENU_BASE_STYLE_GROUP = {
260
- "desktop-nav-menu_levoGroup": {
261
- display: "flex",
262
- "align-items": "center",
263
- "column-gap": "lg",
264
- tablet: {
265
- display: "none",
266
- },
267
- },
268
- "desktop-nav-menu_levoGroupItem": {
269
- "nav-item-title": {
270
- "font-size": "base",
271
- "font-weight": 400,
272
- "white-space": "nowrap",
273
- color: "text-1",
274
- },
275
- "nav-item-dropdown-trigger": {
276
- display: "flex",
277
- "column-gap": "2xs",
278
- "align-items": "center",
279
- cursor: "pointer",
280
- },
281
- "nav-item-dropdown-trigger-title": {
282
- width: "fit-content",
283
- "font-size": "base",
284
- "line-height": 1.5,
285
- "font-weight": 400,
286
- "white-space": "nowrap",
287
- color: "text-1",
288
- },
289
- "sub-items_levoGroup": {
290
- display: "flex",
291
- "padding-right": "4xs",
292
- "padding-left": "4xs",
293
- "padding-top": "4xs",
294
- "padding-bottom": "4xs",
295
- "flex-direction": "column",
296
- "border-radius": "base",
297
- width: "fit-content",
298
- "background-color": "#ffffff",
299
- "box-shadow":
300
- "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
301
- },
302
- "sub-items_levoGroupItem": {
303
- "sub-item-link": {
304
- display: "flex",
305
- "padding-top": "sm",
306
- "padding-bottom": "sm",
307
- "padding-left": "sm",
308
- "padding-right": "sm",
309
- "column-gap": "sm",
310
- "align-items": "center",
311
- "border-radius": "base",
312
- width: "100%",
313
- _hover: {
314
- "background-color": "rgba(241 245 249 / 0.5)",
315
- },
316
- },
317
- "sub-item-icon-container": {
318
- "aspect-ratio": "1",
319
- display: "flex",
320
- "justify-content": "center",
321
- "align-items": "center",
322
- "border-radius": "base",
323
- height: "42px",
324
- width: "42px",
325
- "background-color": "rgb(241 245 249 / 1)",
326
- },
327
- "sub-item-icon": {
328
- "object-fit": "contain",
329
- width: "24px",
330
- height: "24px",
331
- },
332
- "sub-item-text-container": {
333
- display: "flex",
334
- "flex-direction": "column",
335
- flex: "1 1 0%",
336
- "row-gap": "5xs",
337
- },
338
- "sub-item-title": {
339
- "font-size": "sm",
340
- "font-weight": 600,
341
- color: "text-1",
342
- },
343
- "sub-item-description": {
344
- "font-size": "xs",
345
- "font-weight": 400,
346
- color: "text-2",
347
- },
348
- },
349
- },
350
- };
351
-
352
- const DESKTOP_NAV_MENUS_STYLE_GROUPS = {
353
- "left-desktop-nav-menu_levoGroup":
354
- DESKTOP_NAV_MENU_BASE_STYLE_GROUP?.["desktop-nav-menu_levoGroup"],
355
- "left-desktop-nav-menu_levoGroupItem":
356
- DESKTOP_NAV_MENU_BASE_STYLE_GROUP?.["desktop-nav-menu_levoGroupItem"],
357
- "right-desktop-nav-menu_levoGroup":
358
- DESKTOP_NAV_MENU_BASE_STYLE_GROUP?.["desktop-nav-menu_levoGroup"],
359
- "right-desktop-nav-menu_levoGroupItem":
360
- DESKTOP_NAV_MENU_BASE_STYLE_GROUP?.["desktop-nav-menu_levoGroupItem"],
361
- };
362
-
363
- const MOBILE_NAV_MENU_STYLE_GROUPS = {
364
- "mobile-nav-menu_levoGroup": {
365
- display: "flex",
366
- "flex-direction": "column",
367
- "row-gap": "2xs",
368
- },
369
- "mobile-nav-menu_levoGroupItem": {
370
- "nav-item-title-container": { width: "100%" },
371
- "nav-item-title": {
372
- "padding-top": "2xs",
373
- "padding-bottom": "2xs",
374
- "column-gap": "2xs",
375
- "justify-content": "flex-start",
376
- width: "100%",
377
-
378
- color: "text-1",
379
- },
380
- "nav-item-dropdown-container": {
381
- display: "flex",
382
- "flex-direction": "column",
383
- width: "100%",
384
- },
385
- "nav-item-dropdown-trigger": {
386
- display: "flex",
387
- "padding-top": "2xs",
388
- "padding-bottom": "2xs",
389
- "column-gap": "2xs",
390
- "justify-content": "space-between",
391
- "align-items": "center",
392
- width: "100%",
393
- "font-size": "lg",
394
- "line-height": 1.625,
395
- "font-weight": 600,
396
- // color: "#ffffff",
397
- cursor: "pointer",
398
- },
399
- "nav-item-dropdown-trigger-title": {
400
- "font-size": "lg",
401
- "line-height": "28px",
402
- "font-weight": 600,
403
- color: "var(--color-text-1)",
404
- },
405
- "sub-items_levoGroup": {
406
- display: "flex",
407
- "flex-direction": "column",
408
- "row-gap": "4xs",
409
- width: "100%",
410
- },
411
- "sub-items_levoGroupItem": {
412
- "sub-item-link": {
413
- display: "flex",
414
- "padding-top": "2xs",
415
- "padding-bottom": "2xs",
416
- "padding-left": "2xs",
417
- "padding-right": "2xs",
418
- "column-gap": "sm",
419
- "align-items": "center",
420
- "border-radius": "sm",
421
- width: "100%",
422
- _hover: { "--bg-opacity": "0.5" },
423
- },
424
- "sub-item-icon-container": {
425
- "aspect-ratio": "1 / 1",
426
- display: "flex",
427
- "justify-content": "center",
428
- "align-items": "center",
429
- "border-radius": "base",
430
- "--bg-opacity": "0.6",
431
- },
432
- "sub-item-icon": {
433
- "object-fit": "contain",
434
- width: "24px",
435
- height: "24px",
436
- },
437
- "sub-item-text-container": {
438
- display: "flex",
439
- "flex-direction": "column",
440
- flex: "1 1 0%",
441
- "row-gap": "4xs",
442
- },
443
- "sub-item-title-container": {},
444
- "sub-item-title": {
445
- "font-size": "sm",
446
- "font-weight": 600,
447
- color: "text-1",
448
- },
449
- "sub-item-description": {
450
- "font-size": "xs",
451
- "font-weight": 400,
452
- color: "text-2",
453
- },
454
- },
455
- },
456
- };
457
-
458
- export const Navbar2: IBlock = {
459
- category_id: "navbar",
460
- title: "Navbar 2",
461
- key: "navbar-2",
462
- version: "v1",
463
- content_schema: [
464
- {
465
- key: "nav-container",
466
- label: "Nav Container",
467
- field_interface: "ContainerWidget",
468
- },
469
- {
470
- key: "nav-logo",
471
- label: "Nav Logo",
472
- field_interface: "MediaWidget",
473
- },
474
- {
475
- key: "right-container",
476
- label: "Right Container",
477
- field_interface: "BoxWidget",
478
- },
479
- {
480
- key: "left-desktop-nav-menu",
481
- label: "Left Desktop Nav Menu",
482
- field_interface: "BoxWidget",
483
- kind: "group",
484
- fields: [
485
- {
486
- key: "nav-item-title",
487
- label: "Nav Item Title",
488
- field_interface: "TypographyWidget",
489
- },
490
- {
491
- key: "nav-item-dropdown-trigger",
492
- label: "Nav Item Dropdown Trigger",
493
- field_interface: "BoxWidget",
494
- },
495
- {
496
- key: "nav-item-dropdown-trigger-title",
497
- label: "Nav Item Dropdown Trigger Title",
498
- field_interface: "TypographyWidget",
499
- },
500
- {
501
- key: "sub-items",
502
- label: "Sub Items",
503
- field_interface: "BoxWidget",
504
- kind: "group",
505
- fields: [
506
- {
507
- key: "sub-item-link",
508
- label: "Sub Item Link",
509
- field_interface: "BoxWidget",
510
- },
511
- {
512
- key: "sub-item-icon-container",
513
- label: "Sub Item Icon Container",
514
- field_interface: "BoxWidget",
515
- },
516
- {
517
- key: "sub-item-icon",
518
- label: "Sub Item Icon",
519
- field_interface: "IconWidget",
520
- },
521
- {
522
- key: "sub-item-text-container",
523
- label: "Sub Item Text Container",
524
- field_interface: "BoxWidget",
525
- },
526
- {
527
- key: "sub-item-title",
528
- label: "Sub Item Title",
529
- field_interface: "TypographyWidget",
530
- },
531
- {
532
- key: "sub-item-description",
533
- label: "Sub Item Description",
534
- field_interface: "TypographyWidget",
535
- },
536
- ],
537
- },
538
- ],
539
- },
540
- {
541
- key: "right-desktop-nav-menu",
542
- label: "Right Desktop Nav Menu",
543
- field_interface: "BoxWidget",
544
- kind: "group",
545
- fields: [
546
- {
547
- key: "nav-item-title",
548
- label: "Nav Item Title",
549
- field_interface: "TypographyWidget",
550
- },
551
- {
552
- key: "nav-item-dropdown-trigger",
553
- label: "Nav Item Dropdown Trigger",
554
- field_interface: "BoxWidget",
555
- },
556
- {
557
- key: "nav-item-dropdown-trigger-title",
558
- label: "Nav Item Dropdown Trigger Title",
559
- field_interface: "TypographyWidget",
560
- },
561
- {
562
- key: "sub-items",
563
- label: "Sub Items",
564
- field_interface: "BoxWidget",
565
- kind: "group",
566
- fields: [
567
- {
568
- key: "sub-item-link",
569
- label: "Sub Item Link",
570
- field_interface: "BoxWidget",
571
- },
572
- {
573
- key: "sub-item-icon-container",
574
- label: "Sub Item Icon Container",
575
- field_interface: "BoxWidget",
576
- },
577
- {
578
- key: "sub-item-icon",
579
- label: "Sub Item Icon",
580
- field_interface: "IconWidget",
581
- },
582
- {
583
- key: "sub-item-text-container",
584
- label: "Sub Item Text Container",
585
- field_interface: "BoxWidget",
586
- },
587
- {
588
- key: "sub-item-title",
589
- label: "Sub Item Title",
590
- field_interface: "TypographyWidget",
591
- },
592
- {
593
- key: "sub-item-description",
594
- label: "Sub Item Description",
595
- field_interface: "TypographyWidget",
596
- },
597
- ],
598
- },
599
- ],
600
- },
601
- {
602
- key: "desktop-search-container",
603
- label: "Desktop Search Container",
604
- field_interface: "BoxWidget",
605
- },
606
- {
607
- key: "desktop-cta-group",
608
- label: "Desktop CTA Group",
609
- field_interface: "BoxWidget",
610
- kind: "group",
611
- fields: [
612
- {
613
- key: "cta",
614
- label: "CTA",
615
- field_interface: "ButtonWidget",
616
- },
617
- ],
618
- },
619
- {
620
- key: "mobile-background-overlay",
621
- label: "Mobile Background Overlay",
622
- field_interface: "BoxWidget",
623
- },
624
- {
625
- key: "mobile-nav-container",
626
- label: "Mobile Nav Container",
627
- field_interface: "BoxWidget",
628
- },
629
- {
630
- key: "mobile-search-container",
631
- label: "Mobile Search Container",
632
- field_interface: "BoxWidget",
633
- },
634
- {
635
- key: "mobile-nav-menu-button",
636
- label: "Mobile Nav Menu Button",
637
- field_interface: "ButtonWidget",
638
- },
639
- {
640
- key: "mobile-nav-menu-wrapper",
641
- label: "Mobile Nav Menu Wrapper",
642
- field_interface: "ButtonWidget",
643
- },
644
- {
645
- key: "mobile-nav-menu",
646
- label: "Mobile Nav Menu",
647
- field_interface: "BoxWidget",
648
- kind: "group",
649
- fields: [
650
- {
651
- key: "nav-item-title-container",
652
- label: "Nav Item Title Container",
653
- field_interface: "BoxWidget",
654
- },
655
- {
656
- key: "nav-item-title",
657
- label: "Nav Item Title",
658
- field_interface: "TypographyWidget",
659
- },
660
- {
661
- key: "nav-item-dropdown-container",
662
- label: "Nav Item Dropdown Container",
663
- field_interface: "BoxWidget",
664
- },
665
- {
666
- key: "nav-item-dropdown-trigger",
667
- label: "Nav Item Dropdown Trigger",
668
- field_interface: "BoxWidget",
669
- },
670
- {
671
- key: "nav-item-dropdown-trigger-title",
672
- label: "Nav Item Dropdown Trigger Title",
673
- field_interface: "TypographyWidget",
674
- },
675
- {
676
- key: "sub-items",
677
- label: "Sub Items",
678
- field_interface: "BoxWidget",
679
- kind: "group",
680
- fields: [
681
- {
682
- key: "sub-item-link",
683
- label: "Sub Item Link",
684
- field_interface: "BoxWidget",
685
- },
686
- {
687
- key: "sub-item-icon-container",
688
- label: "Sub Item Icon Container",
689
- field_interface: "BoxWidget",
690
- },
691
- {
692
- key: "sub-item-icon",
693
- label: "Sub Item Icon",
694
- field_interface: "IconWidget",
695
- },
696
- {
697
- key: "sub-item-text-container",
698
- label: "Sub Item Text Container",
699
- field_interface: "BoxWidget",
700
- },
701
- {
702
- key: "sub-item-title-container",
703
- label: "Sub Item Title Container",
704
- field_interface: "BoxWidget",
705
- },
706
- {
707
- key: "sub-item-title",
708
- label: "Sub Item Title",
709
- field_interface: "TypographyWidget",
710
- },
711
- {
712
- key: "sub-item-description",
713
- label: "Sub Item Description",
714
- field_interface: "TypographyWidget",
715
- },
716
- ],
717
- },
718
- ],
719
- },
720
- {
721
- key: "mobile-cta-group",
722
- label: "Mobile CTA Group",
723
- field_interface: "BoxWidget",
724
- kind: "group",
725
- fields: [
726
- {
727
- key: "cta",
728
- label: "CTA",
729
- field_interface: "ButtonWidget",
730
- },
731
- ],
732
- },
733
- ],
734
- layouts: [
735
- // Default
736
- {
737
- key: "default",
738
- title: "Default",
739
- styles: {
740
- ...DESKTOP_NAV_MENUS_STYLE_GROUPS,
741
- ...MOBILE_NAV_MENU_STYLE_GROUPS,
742
- layout: {
743
- position: "fixed",
744
- top: "2rem",
745
- left: "50%",
746
- "z-index": 30,
747
- width: "100%",
748
- "max-width": "1200px",
749
- "border-radius": "base",
750
- "box-shadow":
751
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
752
- "background-color": "rgba(255,255,255,0.8)",
753
- "backdrop-filter": "blur(20px)",
754
- transform:
755
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
756
- "padding-top": "sm",
757
- "padding-bottom": "sm",
758
- tablet: {
759
- top: "2rem",
760
- "max-width": "98%",
761
- },
762
- mobile: {
763
- top: "20px",
764
- },
765
- },
766
- "nav-container": {
767
- display: "flex",
768
- "justify-content": "space-between",
769
- "align-items": "center",
770
- },
771
- "nav-logo": {
772
- height: "28px",
773
- width: "auto",
774
- "object-fit": "contain",
775
- },
776
- // Desktop
777
- "right-container": {
778
- display: "flex",
779
- "column-gap": "xl",
780
- },
781
- "desktop-cta-group_levoGroup": {
782
- display: "flex",
783
- "column-gap": "sm",
784
- tablet: {
785
- display: "none",
786
- },
787
- },
788
- "desktop-cta-group_levoGroupItem": {
789
- cta: {},
790
- },
791
- "desktop-cta-group": [{}],
792
- // Mobile
793
- "mobile-background-overlay": {
794
- position: "fixed",
795
- top: "0",
796
- right: "0",
797
- bottom: "0",
798
- left: "0",
799
- "z-index": 20,
800
- },
801
- "mobile-nav-menu-button": {
802
- display: "none",
803
- tablet: {
804
- display: "flex",
805
- },
806
- _hover: {
807
- opacity: "0.9",
808
- },
809
- },
810
- "mobile-nav-menu-wrapper": {
811
- display: "flex",
812
- "justify-content": "center",
813
- "border-radius": "base",
814
- "background-color": "#ffffff",
815
- color: "brandForeground",
816
- "padding-top": "12px",
817
- "padding-bottom": "12px",
818
- "padding-left": "28px",
819
- "padding-right": "28px",
820
- "flex-direction": "column",
821
- position: "fixed",
822
- top: "70px",
823
- left: "50%",
824
- width: "98%",
825
- "box-shadow":
826
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
827
- transform:
828
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
829
- },
830
- "mobile-cta-group_levoGroup": {
831
- "margin-top": "2xs",
832
- width: "100%",
833
- display: "flex",
834
- "flex-direction": "column",
835
- "row-gap": "2xs",
836
- },
837
- "mobile-cta-group_levoGroupItem": {
838
- cta: {
839
- width: "100%",
840
- },
841
- },
842
- "mobile-cta-group": [{}, {}],
843
- "mobile-nav-container": {
844
- display: "none",
845
- _hover: {
846
- opacity: "0.9",
847
- },
848
- tablet: {
849
- display: "flex",
850
- "column-gap": "base",
851
- },
852
- mobile: {
853
- "column-gap": "xs",
854
- },
855
- },
856
- "desktop-search-container": {
857
- display: "none",
858
- },
859
- "mobile-search-container": {
860
- tablet: {
861
- display: "none",
862
- },
863
- },
864
- },
865
- content: DEFAULT_CONTENT,
866
- config: {
867
- "desktop-cta-group": [{}],
868
- "mobile-cta-group": [
869
- { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
870
- {},
871
- ],
872
- },
873
- },
874
- {
875
- key: "default-search",
876
- title: "Default with search",
877
- styles: {
878
- ...DESKTOP_NAV_MENUS_STYLE_GROUPS,
879
- ...MOBILE_NAV_MENU_STYLE_GROUPS,
880
- layout: {
881
- position: "fixed",
882
- top: "2rem",
883
- left: "50%",
884
- "z-index": 30,
885
- width: "100%",
886
- "max-width": "1200px",
887
- "border-radius": "base",
888
- "box-shadow":
889
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
890
- "background-color": "rgba(255,255,255,0.8)",
891
- "backdrop-filter": "blur(20px)",
892
- transform:
893
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
894
- "padding-top": "sm",
895
- "padding-bottom": "sm",
896
- tablet: {
897
- top: "2rem",
898
- "max-width": "98%",
899
- },
900
- mobile: {
901
- top: "20px",
902
- },
903
- },
904
- "nav-container": {
905
- display: "flex",
906
- "justify-content": "space-between",
907
- "align-items": "center",
908
- },
909
- "nav-logo": {
910
- height: "28px",
911
- width: "auto",
912
- "object-fit": "contain",
913
- },
914
- // Desktop
915
- "right-container": {
916
- display: "flex",
917
- "column-gap": "xl",
918
- },
919
- "desktop-cta-group_levoGroup": {
920
- display: "flex",
921
- "column-gap": "sm",
922
- tablet: {
923
- display: "none",
924
- },
925
- },
926
- "desktop-cta-group_levoGroupItem": {
927
- cta: {},
928
- },
929
- "desktop-cta-group": [{}],
930
- // Mobile
931
- "mobile-background-overlay": {
932
- position: "fixed",
933
- top: "0",
934
- right: "0",
935
- bottom: "0",
936
- left: "0",
937
- "z-index": 20,
938
- },
939
- "mobile-nav-menu-button": {
940
- display: "none",
941
- tablet: {
942
- display: "flex",
943
- },
944
- _hover: {
945
- opacity: "0.9",
946
- },
947
- },
948
- "mobile-nav-menu-wrapper": {
949
- display: "flex",
950
- "justify-content": "center",
951
- "border-radius": "base",
952
- "background-color": "#ffffff",
953
- color: "brandForeground",
954
- "padding-top": "12px",
955
- "padding-bottom": "12px",
956
- "padding-left": "28px",
957
- "padding-right": "28px",
958
- "flex-direction": "column",
959
- position: "fixed",
960
- top: "70px",
961
- left: "50%",
962
- width: "98%",
963
- "box-shadow":
964
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
965
- transform:
966
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
967
- },
968
- "mobile-cta-group_levoGroup": {
969
- "margin-top": "2xs",
970
- width: "100%",
971
- display: "flex",
972
- "flex-direction": "column",
973
- "row-gap": "2xs",
974
- },
975
- "mobile-cta-group_levoGroupItem": {
976
- cta: {
977
- width: "100%",
978
- },
979
- },
980
- "mobile-cta-group": [{}, {}],
981
- "mobile-nav-container": {
982
- display: "none",
983
- _hover: {
984
- opacity: "0.9",
985
- },
986
- tablet: {
987
- display: "flex",
988
- "column-gap": "base",
989
- },
990
- mobile: {
991
- "column-gap": "xs",
992
- },
993
- },
994
- "desktop-search-container": {},
995
- "mobile-search-container": {},
996
- },
997
- content: DEFAULT_CONTENT,
998
- config: {
999
- "desktop-cta-group": [{}],
1000
- "mobile-cta-group": [
1001
- { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
1002
- {},
1003
- ],
1004
- },
1005
- },
1006
- {
1007
- key: "full-width",
1008
- title: "Full Width",
1009
- styles: {
1010
- ...DESKTOP_NAV_MENUS_STYLE_GROUPS,
1011
- ...MOBILE_NAV_MENU_STYLE_GROUPS,
1012
- layout: {
1013
- position: "fixed",
1014
- top: "0",
1015
- left: "0",
1016
- right: "0",
1017
- "z-index": 30,
1018
- width: "100%",
1019
- "box-shadow":
1020
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
1021
- "background-color": "rgba(255,255,255,0.8)",
1022
- "backdrop-filter": "blur(20px)",
1023
- "padding-top": "lg",
1024
- "padding-bottom": "lg",
1025
- },
1026
- "nav-container": {
1027
- display: "flex",
1028
- "justify-content": "space-between",
1029
- "align-items": "center",
1030
- },
1031
- "nav-logo": {
1032
- height: "28px",
1033
- width: "auto",
1034
- "object-fit": "contain",
1035
- },
1036
- // Desktop
1037
- "right-container": {
1038
- display: "flex",
1039
- "column-gap": "xl",
1040
- },
1041
- "desktop-cta-group_levoGroup": {
1042
- display: "flex",
1043
- "column-gap": "sm",
1044
- tablet: {
1045
- display: "none",
1046
- },
1047
- },
1048
- "desktop-cta-group_levoGroupItem": {
1049
- cta: {},
1050
- },
1051
- "desktop-cta-group": [{}],
1052
- // Mobile
1053
- "mobile-background-overlay": {
1054
- position: "fixed",
1055
- top: "0",
1056
- right: "0",
1057
- bottom: "0",
1058
- left: "0",
1059
- "z-index": 20,
1060
- },
1061
- "mobile-nav-menu-button": {
1062
- display: "none",
1063
- tablet: {
1064
- display: "flex",
1065
- },
1066
- _hover: {
1067
- opacity: "0.9",
1068
- },
1069
- },
1070
- "mobile-nav-menu-wrapper": {
1071
- display: "flex",
1072
- "justify-content": "center",
1073
- "border-radius": "base",
1074
- "background-color": "#ffffff",
1075
- color: "brandForeground",
1076
- "padding-top": "12px",
1077
- "padding-bottom": "12px",
1078
- "padding-left": "28px",
1079
- "padding-right": "28px",
1080
- "flex-direction": "column",
1081
- position: "fixed",
1082
- top: "70px",
1083
- left: "50%",
1084
- width: "98%",
1085
- "box-shadow":
1086
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
1087
- transform:
1088
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
1089
- },
1090
- "mobile-cta-group_levoGroup": {
1091
- "margin-top": "2xs",
1092
- width: "100%",
1093
- display: "flex",
1094
- "flex-direction": "column",
1095
- "row-gap": "2xs",
1096
- },
1097
- "mobile-cta-group_levoGroupItem": {
1098
- cta: {
1099
- width: "100%",
1100
- },
1101
- },
1102
- "mobile-cta-group": [{}, {}],
1103
- "mobile-nav-container": {
1104
- display: "none",
1105
- _hover: {
1106
- opacity: "0.9",
1107
- },
1108
- tablet: {
1109
- display: "flex",
1110
- "column-gap": "base",
1111
- },
1112
- mobile: {
1113
- "column-gap": "xs",
1114
- },
1115
- },
1116
- "desktop-search-container": {
1117
- display: "none",
1118
- },
1119
- "mobile-search-container": {
1120
- display: "none",
1121
- },
1122
- },
1123
- content: DEFAULT_CONTENT,
1124
- config: {
1125
- "desktop-cta-group": [{}],
1126
- "mobile-cta-group": [
1127
- { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
1128
- {},
1129
- ],
1130
- },
1131
- },
1132
- {
1133
- key: "full-width-search",
1134
- title: "Full Width with Search",
1135
- styles: {
1136
- ...DESKTOP_NAV_MENUS_STYLE_GROUPS,
1137
- ...MOBILE_NAV_MENU_STYLE_GROUPS,
1138
- layout: {
1139
- position: "fixed",
1140
- top: "0",
1141
- left: "0",
1142
- right: "0",
1143
- "z-index": 30,
1144
- width: "100%",
1145
- "box-shadow":
1146
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
1147
- "background-color": "rgba(255,255,255,0.8)",
1148
- "backdrop-filter": "blur(20px)",
1149
- "padding-top": "lg",
1150
- "padding-bottom": "lg",
1151
- },
1152
- "nav-container": {
1153
- display: "flex",
1154
- "justify-content": "space-between",
1155
- "align-items": "center",
1156
- },
1157
- "nav-logo": {
1158
- height: "28px",
1159
- width: "auto",
1160
- "object-fit": "contain",
1161
- },
1162
- // Desktop
1163
- "right-container": {
1164
- display: "flex",
1165
- "column-gap": "xl",
1166
- },
1167
- "desktop-cta-group_levoGroup": {
1168
- display: "flex",
1169
- "column-gap": "sm",
1170
- tablet: {
1171
- display: "none",
1172
- },
1173
- },
1174
- "desktop-cta-group_levoGroupItem": {
1175
- cta: {},
1176
- },
1177
- "desktop-cta-group": [{}],
1178
- // Mobile
1179
- "mobile-background-overlay": {
1180
- position: "fixed",
1181
- top: "0",
1182
- right: "0",
1183
- bottom: "0",
1184
- left: "0",
1185
- "z-index": 20,
1186
- },
1187
- "mobile-nav-menu-button": {
1188
- display: "none",
1189
- tablet: {
1190
- display: "flex",
1191
- },
1192
- _hover: {
1193
- opacity: "0.9",
1194
- },
1195
- },
1196
- "mobile-nav-menu-wrapper": {
1197
- display: "flex",
1198
- "justify-content": "center",
1199
- "border-radius": "base",
1200
- "background-color": "#ffffff",
1201
- color: "brandForeground",
1202
- "padding-top": "12px",
1203
- "padding-bottom": "12px",
1204
- "padding-left": "28px",
1205
- "padding-right": "28px",
1206
- "flex-direction": "column",
1207
- position: "fixed",
1208
- top: "70px",
1209
- left: "50%",
1210
- width: "98%",
1211
- "box-shadow":
1212
- "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
1213
- transform:
1214
- "translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)",
1215
- },
1216
- "mobile-cta-group_levoGroup": {
1217
- "margin-top": "2xs",
1218
- width: "100%",
1219
- display: "flex",
1220
- "flex-direction": "column",
1221
- "row-gap": "2xs",
1222
- },
1223
- "mobile-cta-group_levoGroupItem": {
1224
- cta: {
1225
- width: "100%",
1226
- },
1227
- },
1228
- "mobile-cta-group": [{}, {}],
1229
- "mobile-nav-container": {
1230
- display: "none",
1231
- _hover: {
1232
- opacity: "0.9",
1233
- },
1234
- tablet: {
1235
- display: "flex",
1236
- "column-gap": "base",
1237
- },
1238
- mobile: {
1239
- "column-gap": "xs",
1240
- },
1241
- },
1242
- "desktop-search-container": {},
1243
- "mobile-search-container": {},
1244
- },
1245
- content: DEFAULT_CONTENT,
1246
- config: {
1247
- "desktop-cta-group": [{}],
1248
- "mobile-cta-group": [
1249
- { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
1250
- {},
1251
- ],
1252
- },
1253
- },
1254
- ],
1255
- };