@levo-so/blocks 0.1.0 → 0.1.2

package/src/blocks/testimonial/testimonial-6.schema.ts

@@ -0,0 +1,709 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DUMMY_ICON = {
+  kind: "icon",
+  data: {
+    id: "archive-minus",
+    label: "Archive Minus",
+    tags: ["archive", "custom", "directional", "minus"],
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+// const QUOTE_ICON = {
+//   object: "media",
+//   id: "9GFUqRMqQKAX",
+//   workspace_id: "WLZ1TXTD",
+//   filename: "quote.svg",
+//   kind: "image",
+//   path: "WLZ1TXTD/-9GFhqRMqQKVE.svg",
+//   location: "https://static.levocdn.com/WLZ1TXTD/-9GFhqRMqQKVE.svg",
+//   metadata: {
+//     etag: '"834462315a88cc87897a300e4b2f5d45"',
+//     mimetype: "image/svg+xml",
+//     size: 1115,
+//   },
+//   srcset: {},
+//   created_at: "2025-04-27T11:33:42.633Z",
+//   updated_at: "2025-04-27T11:33:42.633Z",
+//   created_by: null,
+//   updated_by: null,
+// };
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  testimonials: [
+    {
+      testimonial: null,
+      "icon-container": null,
+      icon: DUMMY_ICON,
+      "content-container": null,
+      "testimonial-content": null,
+      "testimonial-text":
+        "The best part is It never felt like a strict 'program'—it felt like a lifestyle I could actually stick to. My trainer was always just a message away, keeping me motivated and on track without being pushy.",
+      "bottom-section": null,
+      "author-section": null,
+      "author-info": null,
+      "author-name": "Rony Morisson",
+      "author-position": "Member since 2022",
+      "author-avatar": DUMMY_ICON,
+    },
+    {
+      testimonial: null,
+      "icon-container": null,
+      icon: DUMMY_ICON,
+      "content-container": null,
+      "testimonial-content": null,
+      "testimonial-text":
+        "The personalized approach made all the difference. Instead of generic workout plans, I got a program tailored specifically to my goals and lifestyle. The results speak for themselves.",
+      "bottom-section": null,
+      "author-section": null,
+      "author-info": null,
+      "author-name": "Sarah Johnson",
+      "author-position": "Member since 2021",
+      "author-avatar": DUMMY_ICON,
+    },
+    {
+      testimonial: null,
+      "icon-container": null,
+      icon: DUMMY_ICON,
+      "content-container": null,
+      "testimonial-content": null,
+      "testimonial-text":
+        "What impressed me most was the continuous support and guidance. Every session felt purposeful, and the trainers genuinely cared about helping me achieve my fitness goals.",
+      "bottom-section": null,
+      "author-section": null,
+      "author-info": null,
+      "author-name": "Michael Chen",
+      "author-position": "Member since 2023",
+      "author-avatar": DUMMY_ICON,
+    },
+  ],
+  "carousel-navigation": null,
+  "carousel-navigation-arrow-left": " ",
+  "carousel-navigation-arrow-right": " ",
+  "carousel-navigation-arrow-left_leftIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-left",
+      label: "Arrow Left",
+      tags: ["arrow", "custom", "directional", "left"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+  "carousel-navigation-arrow-right_rightIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-right-1",
+      label: "Arrow Right 1",
+      tags: ["arrow", "custom", "directional", "right"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+};
+
+export type ITestimonial6Content = typeof DEFAULT_CONTENT;
+
+export const Testimonial6: IBlock = {
+  category_id: "testimonial",
+  title: "Testimonial 6",
+  key: "testimonial-6",
+  version: "v1",
+  prompt_description:
+    "A two-column testimonial carousel with quote icon on left and testimonial content with navigation on right",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "carousel-navigation",
+      label: "Carousel Navigation",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "carousel-navigation-arrow-left",
+      label: "Carousel Navigation Arrow Left",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "carousel-navigation-arrow-right",
+      label: "Carousel Navigation Arrow Right",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "testimonials",
+      label: "Testimonials",
+      field_interface: "CarouselWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "testimonial",
+          label: "Testimonial",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "icon-container",
+          label: "Icon Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "icon",
+          label: "Quote Icon",
+          field_interface: "IconWidget",
+        },
+        {
+          key: "content-container",
+          label: "Content Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "testimonial-content",
+          label: "Testimonial Content",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "testimonial-text",
+          label: "Testimonial Text",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "bottom-section",
+          label: "Bottom Section",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "author-section",
+          label: "Author Section",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "author-info",
+          label: "Author Info",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "author-name",
+          label: "Author Name",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "author-position",
+          label: "Author Position",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "author-avatar",
+          label: "Author Avatar",
+          field_interface: "IconWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        testimonials_levoGroup: {
+          number_of_slides: 1,
+        },
+        testimonials: [
+          {
+            testimonial: {
+              display: "flex",
+              "align-items": "flex-start",
+              "column-gap": "2xl",
+              "border-radius": "xl",
+              "padding-top": "2xl",
+              "padding-bottom": "2xl",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "max-width": "100%",
+            },
+            "icon-container": {
+              "flex-shrink": "0",
+              display: "flex",
+              "align-items": "flex-start",
+              "justify-content": "center",
+              "padding-top": "xs",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+            },
+            "content-container": {
+              flex: "1",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              "min-height": "200px",
+            },
+            "testimonial-content": {
+              "margin-bottom": "2xl",
+            },
+            "testimonial-text": {
+              "font-size": "xl",
+              "line-height": "1.6",
+              color: "text-1",
+              "font-weight": "400",
+            },
+            "bottom-section": {
+              display: "flex",
+              "justify-content": "space-between",
+              "align-items": "center",
+            },
+            "author-section": {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+            "author-info": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+            },
+            "author-name": {
+              "font-size": "lg",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            "author-position": {
+              "font-size": "sm",
+              color: "text-2",
+              "font-weight": "400",
+            },
+            "author-avatar": {
+              width: "48px",
+              height: "48px",
+              "border-radius": "base",
+              "object-fit": "cover",
+            },
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "align-items": "flex-start",
+              "column-gap": "2xl",
+              "border-radius": "xl",
+              "padding-top": "2xl",
+              "padding-bottom": "2xl",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "max-width": "100%",
+            },
+            "icon-container": {
+              "flex-shrink": "0",
+              display: "flex",
+              "align-items": "flex-start",
+              "justify-content": "center",
+              "padding-top": "xs",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+            },
+            "content-container": {
+              flex: "1",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              "min-height": "200px",
+            },
+            "testimonial-content": {
+              "margin-bottom": "2xl",
+            },
+            "testimonial-text": {
+              "font-size": "xl",
+              "line-height": "1.6",
+              color: "text-1",
+              "font-weight": "400",
+            },
+            "bottom-section": {
+              display: "flex",
+              "justify-content": "space-between",
+              "align-items": "center",
+            },
+            "author-section": {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+            "author-info": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+            },
+            "author-name": {
+              "font-size": "lg",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            "author-position": {
+              "font-size": "sm",
+              color: "text-2",
+              "font-weight": "400",
+            },
+            "author-avatar": {
+              width: "48px",
+              height: "48px",
+              "border-radius": "base",
+              "object-fit": "cover",
+            },
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "align-items": "flex-start",
+              "column-gap": "2xl",
+              "border-radius": "xl",
+              "padding-top": "2xl",
+              "padding-bottom": "2xl",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "max-width": "100%",
+            },
+            "icon-container": {
+              "flex-shrink": "0",
+              display: "flex",
+              "align-items": "flex-start",
+              "justify-content": "center",
+              "padding-top": "xs",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+            },
+            "content-container": {
+              flex: "1",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              "min-height": "200px",
+            },
+            "testimonial-content": {
+              "margin-bottom": "2xl",
+            },
+            "testimonial-text": {
+              "font-size": "xl",
+              "line-height": "1.6",
+              color: "text-1",
+              "font-weight": "400",
+            },
+            "bottom-section": {
+              display: "flex",
+              "justify-content": "space-between",
+              "align-items": "center",
+            },
+            "author-section": {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+            "author-info": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+            },
+            "author-name": {
+              "font-size": "lg",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            "author-position": {
+              "font-size": "sm",
+              color: "text-2",
+              "font-weight": "400",
+            },
+            "author-avatar": {
+              width: "48px",
+              height: "48px",
+              "border-radius": "base",
+              "object-fit": "cover",
+            },
+          },
+        ],
+        "carousel-navigation": {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+        },
+        "carousel-navigation-arrow-left": {
+          "border-color": "border",
+          "border-width": "1px",
+          "border-radius": "50%",
+          width: "48px",
+          height: "48px",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          cursor: "pointer",
+          "box-shadow": "sm",
+          "padding-left": "none",
+          "padding-top": "none",
+          "padding-right": "none",
+          "padding-bottom": "none",
+        },
+        "carousel-navigation-arrow-right": {
+          "border-color": "border",
+          "border-width": "1px",
+          "border-radius": "50%",
+          width: "48px",
+          height: "48px",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          cursor: "pointer",
+          "box-shadow": "sm",
+          "padding-top": "none",
+          "padding-right": "none",
+          "padding-left": "none",
+          "padding-bottom": "none",
+        },
+        "carousel-navigation-arrow-left_leftIcon": {
+          height: "24px",
+          width: "24px",
+          "font-size": "24px",
+        },
+        "carousel-navigation-arrow-right_rightIcon": {
+          height: "24px",
+          width: "24px",
+          "font-size": "24px",
+        },
+        mobile: {
+          layout: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+          testimonials: [
+            {
+              testimonial: {
+                "flex-direction": "column",
+                "align-items": "center",
+                "column-gap": "none",
+                "row-gap": "lg",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "lg",
+                "padding-right": "lg",
+              },
+              "icon-container": {
+                "padding-top": "none",
+              },
+              "content-container": {
+                "min-height": "auto",
+                "text-align": "center",
+              },
+              "testimonial-text": {
+                "font-size": "base",
+              },
+              "bottom-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "base",
+              },
+              "author-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "xs",
+              },
+              "author-info": {
+                "align-items": "center",
+                "text-align": "center",
+              },
+              "author-avatar": {
+                width: "40px",
+                height: "40px",
+              },
+            },
+            {
+              testimonial: {
+                "flex-direction": "column",
+                "align-items": "center",
+                "column-gap": "none",
+                "row-gap": "lg",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "lg",
+                "padding-right": "lg",
+              },
+              "icon-container": {
+                "padding-top": "none",
+              },
+              "content-container": {
+                "min-height": "auto",
+                "text-align": "center",
+              },
+              "testimonial-text": {
+                "font-size": "base",
+              },
+              "bottom-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "base",
+              },
+              "author-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "xs",
+              },
+              "author-info": {
+                "align-items": "center",
+                "text-align": "center",
+              },
+              "author-avatar": {
+                width: "40px",
+                height: "40px",
+              },
+            },
+            {
+              testimonial: {
+                "flex-direction": "column",
+                "align-items": "center",
+                "column-gap": "none",
+                "row-gap": "lg",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "lg",
+                "padding-right": "lg",
+              },
+              "icon-container": {
+                "padding-top": "none",
+              },
+              "content-container": {
+                "min-height": "auto",
+                "text-align": "center",
+              },
+              "testimonial-text": {
+                "font-size": "base",
+              },
+              "bottom-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "base",
+              },
+              "author-section": {
+                "flex-direction": "column",
+                "align-items": "center",
+                "row-gap": "xs",
+              },
+              "author-info": {
+                "align-items": "center",
+                "text-align": "center",
+              },
+              "author-avatar": {
+                width: "40px",
+                height: "40px",
+              },
+            },
+          ],
+          "carousel-navigation-arrow-left": {
+            width: "40px",
+            height: "40px",
+          },
+          "carousel-navigation-arrow-right": {
+            width: "40px",
+            height: "40px",
+          },
+        },
+        tablet: {
+          layout: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+          testimonials: [
+            {
+              testimonial: {
+                "column-gap": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "xl",
+                "padding-right": "xl",
+              },
+              "content-container": {
+                "min-height": "150px",
+              },
+            },
+            {
+              testimonial: {
+                "column-gap": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "xl",
+                "padding-right": "xl",
+              },
+              "content-container": {
+                "min-height": "150px",
+              },
+            },
+            {
+              testimonial: {
+                "column-gap": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+                "padding-left": "xl",
+                "padding-right": "xl",
+              },
+              "content-container": {
+                "min-height": "150px",
+              },
+            },
+          ],
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        testimonials_levoGroup: {
+          carousel: {
+            loop: true,
+          },
+        },
+        "carousel-navigation-arrow-left": {
+          button_icons: {
+            left: {
+              enabled: true,
+            },
+          },
+        },
+        "carousel-navigation-arrow-right": {
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+      },
+    },
+  ],
+};