@levo-so/blocks 0.1.58 → 0.1.60

package/src/blocks/community/community-post-1.schema.ts

@@ -0,0 +1,417 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  post: "{context.forum}",
+  sidebar_links_levoGroup: null,
+  sidebar_links: [
+    {
+      sidebar_link: "Discussion",
+      sidebar_link_leftIcon: {
+        kind: "icon",
+        data: {
+          id: "messages-2",
+          label: "Messages 2",
+          tags: ["custom", "directional", "emails-messages", "messages"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.8701 21.87C17.5601 21.87 17.2501 21.79 16.9701 21.62L12.9601 19.24C12.5401 19.23 12.1201 19.2 11.7201 19.14C11.4501 19.1 11.2201 18.92 11.1201 18.66C11.0201 18.4 11.0701 18.12 11.2501 17.91C11.9101 17.14 12.2501 16.22 12.2501 15.24C12.2501 12.82 10.1201 10.85 7.50008 10.85C6.52008 10.85 5.58007 11.12 4.79007 11.64C4.57007 11.78 4.30007 11.8 4.06007 11.69C3.83007 11.58 3.66008 11.36 3.63008 11.1C3.60008 10.82 3.58008 10.54 3.58008 10.25C3.58008 5.29 7.88008 1.26001 13.1601 1.26001C18.4401 1.26001 22.7401 5.29 22.7401 10.25C22.7401 12.97 21.4801 15.47 19.2601 17.18L19.6001 19.9C19.6801 20.58 19.3801 21.22 18.8101 21.59C18.5301 21.77 18.2001 21.87 17.8701 21.87ZM13.1501 17.73C13.2901 17.72 13.4301 17.76 13.5501 17.84L17.7401 20.33C17.8501 20.4 17.9401 20.37 18.0001 20.33C18.0501 20.3 18.1301 20.22 18.1101 20.08L17.7201 16.92C17.6901 16.64 17.8101 16.37 18.0301 16.21C20.0701 14.78 21.2401 12.6 21.2401 10.23C21.2401 6.09998 17.6201 2.73999 13.1601 2.73999C8.87008 2.73999 5.35007 5.86003 5.09007 9.78003C5.84007 9.49003 6.65008 9.33002 7.49008 9.33002C10.9401 9.33002 13.7401 11.97 13.7401 15.22C13.7501 16.1 13.5401 16.95 13.1501 17.73Z" fill="currentColor"/>\n<path d="M4.57977 22.7501C4.31977 22.7501 4.06977 22.6801 3.83977 22.5301C3.38977 22.2401 3.14978 21.7401 3.20978 21.2101L3.40977 19.67C2.05977 18.57 1.25977 16.94 1.25977 15.23C1.25977 13.28 2.27978 11.4601 3.98978 10.3701C5.01978 9.70006 6.23977 9.34009 7.50977 9.34009C10.9598 9.34009 13.7598 11.98 13.7598 15.23C13.7598 16.55 13.2798 17.8501 12.3998 18.8801C11.2698 20.2501 9.57977 21.05 7.71977 21.11L5.27977 22.5601C5.05977 22.6901 4.81977 22.7501 4.57977 22.7501ZM7.49977 10.8401C6.51977 10.8401 5.57976 11.1101 4.78976 11.6301C3.50976 12.4501 2.74977 13.79 2.74977 15.23C2.74977 16.62 3.42978 17.8901 4.62978 18.7101C4.85978 18.8701 4.97977 19.14 4.94977 19.42L4.72977 21.1301L7.11977 19.7101C7.23977 19.6401 7.36977 19.6 7.49977 19.6C8.96977 19.6 10.3598 18.9701 11.2398 17.9001C11.8998 17.1201 12.2498 16.2 12.2498 15.22C12.2498 12.81 10.1198 10.8401 7.49977 10.8401Z" fill="currentColor"/>\n</svg>',
+        },
+      },
+    },
+  ],
+  edit_profile_ctas_levoGroup: null,
+  edit_profile_ctas: [
+    {
+      edit_profile_cta: "Edit Profile",
+      edit_profile_cta_leftIcon: {
+        kind: "icon",
+        data: {
+          id: "user-edit",
+          label: "User Edit",
+          tags: ["custom", "directional", "edit", "user", "users"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="currentColor"/>\n<path d="M15.8196 22.75C15.4396 22.75 15.0796 22.61 14.8196 22.35C14.5096 22.04 14.3696 21.59 14.4396 21.12L14.6296 19.77C14.6796 19.42 14.8896 19.01 15.1396 18.75L18.6796 15.21C20.0996 13.79 21.3496 14.6 21.9596 15.21C22.4796 15.73 22.7496 16.29 22.7496 16.85C22.7496 17.42 22.4896 17.95 21.9596 18.48L18.4195 22.02C18.1695 22.27 17.7496 22.48 17.3996 22.53L16.0495 22.72C15.9695 22.74 15.8996 22.75 15.8196 22.75ZM20.3096 15.92C20.1296 15.92 19.9696 16.04 19.7396 16.27L16.1996 19.81C16.1696 19.84 16.1196 19.94 16.1196 19.98L15.9396 21.23L17.1896 21.05C17.2296 21.04 17.3295 20.99 17.3595 20.96L20.8996 17.42C21.0596 17.26 21.2496 17.03 21.2496 16.85C21.2496 16.7 21.1296 16.49 20.8996 16.27C20.6596 16.03 20.4796 15.92 20.3096 15.92Z" fill="currentColor"/>\n<path d="M20.9206 19.22C20.8506 19.22 20.7806 19.21 20.7206 19.19C19.4006 18.82 18.3506 17.77 17.9806 16.45C17.8706 16.05 18.1006 15.64 18.5006 15.53C18.9006 15.42 19.3106 15.65 19.4206 16.05C19.6506 16.87 20.3006 17.52 21.1206 17.75C21.5206 17.86 21.7506 18.28 21.6406 18.67C21.5506 19 21.2506 19.22 20.9206 19.22Z" fill="currentColor"/>\n<path d="M3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85018 14.25 12.0002 14.25C13.0902 14.25 14.1702 14.41 15.1802 14.71C15.5802 14.83 15.8002 15.25 15.6802 15.64C15.5602 16.04 15.1402 16.26 14.7502 16.14C13.8702 15.88 12.9502 15.74 12.0002 15.74C7.68018 15.74 4.16016 18.54 4.16016 21.99C4.16016 22.41 3.82016 22.75 3.41016 22.75Z" fill="currentColor"/>\n</svg>',
+        },
+      },
+    },
+  ],
+  posts: null,
+  loading_container: null,
+  edit_profile_block_banner_image: {
+    id: "jfwLqpex6AK0J",
+    kind: "image",
+    location: "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq.png",
+    srcset: {
+      "1080w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1080w.webp",
+      "1200w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1200w.webp",
+      "1920w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1920w.webp",
+      "320w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-320w.webp",
+      "640w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-640w.webp",
+      "750w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-750w.webp",
+      "828w":
+        "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-828w.webp",
+      path: "https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-320w.webp 320w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-640w.webp 640w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-750w.webp 750w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-828w.webp 828w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1080w.webp 1080w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1200w.webp 1200w, https://static.levostg.online/WZZKMUBH/banner-HXVr5tikleqvq-1920w.webp 1920w",
+    },
+  },
+  edit_profile_block_logo: {
+    id: "zucZ9wWTU6qEL",
+    kind: "image",
+    location:
+      "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw.jpeg",
+    srcset: {
+      "1080w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1080w.webp",
+      "1200w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1200w.webp",
+      "1920w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1920w.webp",
+      "320w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-320w.webp",
+      "640w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-640w.webp",
+      "750w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-750w.webp",
+      "828w":
+        "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-828w.webp",
+      path: "https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1200w.webp 1200w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1920w.webp 1920w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-320w.webp 320w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-640w.webp 640w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-750w.webp 750w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-828w.webp 828w, https://static.levostg.online/WZZKMUBH/netflix-FUGaJXflpOINw-1080w.webp 1080w",
+    },
+  },
+  edit_profile_block_title: "Wanderlooms",
+  edit_profile_block_description: "<p>Joined on: 01/01/2026</p>",
+};
+
+export type ICommunityPost1Content = typeof DEFAULT_CONTENT;
+
+export const CommunityPost1: IBlock = {
+  category_id: "community",
+  title: "Community Post 1",
+  key: "community-post-1",
+  version: "v1",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "left_container",
+      label: "Left Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "sidebar_links",
+      label: "Sidebar Links",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "sidebar_link",
+          label: "Sidebar Link",
+          field_interface: "ButtonWidget",
+        },
+      ],
+    },
+    {
+      key: "content_container",
+      label: "Content Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "post_container",
+      label: "Post Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "post",
+      label: "Post",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "post_detail_page_url",
+      label: "Post Detail Page URL",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "right_container",
+      label: "Right Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "edit_profile_block",
+      label: "Edit Profile Block",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "edit_profile_block_content_wrapper",
+      label: "Content Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "edit_profile_block_banner_image",
+      label: "Banner Image",
+      field_interface: "MediaWidget",
+    },
+    {
+      key: "edit_profile_block_content",
+      label: "Content",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "edit_profile_block_logo",
+      label: "Logo",
+      field_interface: "MediaWidget",
+    },
+    {
+      key: "edit_profile_block_text_container",
+      label: "Text Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "edit_profile_block_title",
+      label: "Edit Profile Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "edit_profile_block_description",
+      label: "Edit Profile Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "edit_profile_ctas",
+      label: "Edit Profile CTAs",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "edit_profile_cta",
+          label: "Edit Profile CTA",
+          field_interface: "ButtonWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          width: "100%",
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+          "padding-right": "8xl",
+          "padding-left": "8xl",
+          tablet: {
+            "padding-top": "5xl",
+            "padding-bottom": "5xl",
+            "padding-right": "5xl",
+            "padding-left": "5xl",
+          },
+          mobile: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-right": "2xl",
+            "padding-left": "2xl",
+          },
+        },
+        container: {
+          width: "100%",
+          display: "flex",
+          "flex-direction": "row",
+          "row-gap": "none",
+          tablet: {
+            "row-gap": "3xl",
+            "flex-direction": "column",
+          },
+          mobile: {
+            "row-gap": "4xl",
+          },
+          "column-gap": "3xl",
+        },
+        left_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          flex: "1 1 0%",
+          width: "100%",
+          "max-width": "256px",
+          mobile: {
+            "max-width": "100%",
+          },
+        },
+        sidebar_links_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          "row-gap": "base",
+          "border-style": "solid",
+          "border-width": "1px",
+          "border-color": "border",
+          height: "fit-content",
+          "padding-top": "sm",
+          "padding-bottom": "sm",
+          "padding-left": "sm",
+          "padding-right": "sm",
+          "border-radius": "lg",
+          position: "sticky",
+          top: "2rem",
+        },
+        sidebar_links: [
+          {
+            sidebar_link: {
+              "justify-content": "start",
+              display: "flex",
+              "column-gap": "xs",
+            },
+            sidebar_link_leftIcon: {
+              height: "20px",
+              width: "20px",
+              "font-size": "20px",
+            },
+          },
+        ],
+        content_container: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          flex: "1 1 0%",
+          "row-gap": "xl",
+        },
+        post_container: {
+          display: "flex",
+          "column-gap": "xl",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "xl",
+        },
+        post: {},
+        right_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          flex: "1 1 0%",
+          width: "100%",
+          "max-width": "256px",
+          tablet: {
+            display: "none",
+          },
+        },
+        edit_profile_block: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          "row-gap": "lg",
+          "border-style": "solid",
+          "border-width": "1px",
+          "border-color": "border",
+          height: "fit-content",
+          "padding-top": "sm",
+          "padding-bottom": "sm",
+          "padding-left": "sm",
+          "padding-right": "sm",
+          "border-radius": "lg",
+          position: "sticky",
+          top: "2rem",
+        },
+        edit_profile_block_banner_image: {
+          "border-radius": "lg",
+        },
+        edit_profile_block_logo: {
+          "border-radius": "full",
+        },
+        edit_profile_block_content: {
+          "margin-top": "-36px",
+          display: "none",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "xs",
+        },
+        edit_profile_block_text_container: {
+          width: "100%",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xs",
+        },
+        edit_profile_block_title: {
+          "text-align": "center",
+        },
+        edit_profile_block_description: {
+          "text-align": "center",
+          "font-weight": 500,
+        },
+        edit_profile_ctas: [
+          {
+            edit_profile_cta: {
+              width: "100%",
+              display: "flex",
+              "column-gap": "xs",
+            },
+          },
+        ],
+        edit_profile_ctas_levoGroup: {
+          display: "none",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        sidebar_links: Array(1)
+          .fill(0)
+          .map((v) => ({
+            sidebar_link: {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
+              button_icons: {
+                left: {
+                  enabled: true,
+                },
+              },
+            },
+          })),
+        edit_profile_block_logo: {
+          image: {
+            width: 72,
+            height: 72,
+            alt: "Brand Logo",
+          },
+        },
+        edit_profile_block_title: {
+          heading: {
+            level: "4",
+          },
+          selectedVariants: {
+            Heading_Level: "H6",
+          },
+        },
+        edit_profile_block_description: {
+          selectedVariants: {
+            Typography_Variants: "Small",
+          },
+        },
+        edit_profile_ctas: [
+          {
+            edit_profile_cta: {
+              button_icons: {
+                left: {
+                  enabled: true,
+                },
+              },
+            },
+          },
+        ],
+      },
+    },
+  ],
+};

package/src/blocks/community/community-post-1.tsx

@@ -0,0 +1,155 @@
+import {
+  type ILevoBlockBaseProps,
+  Container,
+  Section,
+  Box,
+  ForumPost,
+  Comments,
+  Button,
+  Media,
+  Heading,
+  Typography,
+} from "@levo-so/studio";
+import { Spinner, useLevo } from "@levo-so/react";
+import {
+  type IForumPost,
+  type IResponseSingle,
+  getLevoError,
+} from "@levo-so/core";
+import { useEffect, useRef, useState } from "react";
+
+import type { ICommunityPost1Content } from "./community-post-1.schema";
+
+const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
+  content,
+}) => {
+  const { fetch, logger } = useLevo();
+  const [fetchedPostData, setFetchedPostData] =
+    useState<Partial<IForumPost> | null>(null);
+  const [commentCount, setCommentCount] = useState(
+    (content?.post as unknown as IForumPost)?.comments_count ?? 0,
+  );
+  const hasFetchedRef = useRef(false);
+  const failedAttemptsRef = useRef(0);
+
+  const postSlug = (content?.post as unknown as IForumPost)?.slug;
+
+  useEffect(() => {
+    const fetchPostVotes = async () => {
+      if (!postSlug || hasFetchedRef.current || failedAttemptsRef.current >= 3)
+        return;
+
+      try {
+        const response = await fetch
+          .url(`/v1/community/forum/posts/${postSlug}/get-single`)
+          .get()
+          .json<IResponseSingle<IForumPost>>();
+
+        if (response?.content?.data) {
+          setFetchedPostData({
+            upvoted_at: response.content.data.upvoted_at,
+            downvoted_at: response.content.data.downvoted_at,
+            upvote_count: response.content.data.upvote_count,
+            downvote_count: response.content.data.downvote_count,
+            comments_count: response?.content?.data?.comments_count,
+          });
+          setCommentCount(response?.content?.data?.comments_count ?? 0);
+          hasFetchedRef.current = true;
+        }
+      } catch (error) {
+        const levoError = getLevoError(error);
+        logger?.error("Failed to fetch post vote information", levoError);
+        failedAttemptsRef.current += 1;
+      }
+    };
+
+    fetchPostVotes();
+  }, [postSlug, fetch, logger]);
+
+  const postWithVotes: IForumPost | null = content?.post
+    ? {
+        ...(content.post as unknown as IForumPost),
+        ...(fetchedPostData || {}),
+        comments_count: commentCount,
+      }
+    : null;
+
+  const handleCommentCountUpdate = (delta: number) => {
+    setCommentCount((prev) => prev + delta);
+  };
+
+  const isLoadingPostData =
+    !hasFetchedRef.current && failedAttemptsRef.current < 3;
+  return (
+    <Section elementKey="layout">
+      <Container elementKey="container">
+        <Box elementKey="left_container">
+          <Box elementKey="sidebar_links_levoGroup">
+            {content?.sidebar_links?.map((v, index) => {
+              return (
+                <Button
+                  key={`sidebar_links.${index}.sidebar_link`}
+                  elementKey={`sidebar_links.${index}.sidebar_link`}
+                />
+              );
+            })}
+          </Box>
+        </Box>
+        <Box elementKey="content_container">
+          {postWithVotes ? (
+            <Box elementKey="post_container">
+              <ForumPost
+                post={postWithVotes}
+                isRenderedSolo
+                postDetailPageBaseURL={content?.post_detail_page_url || ""}
+                actionsLoadingState={{
+                  comments: isLoadingPostData,
+                }}
+              />
+              <Comments
+                post={postWithVotes}
+                onCommentCountChange={handleCommentCountUpdate}
+              />
+            </Box>
+          ) : (
+            <Box elementKey="loading_container">
+              <Spinner className="text-brand" />
+            </Box>
+          )}
+        </Box>
+        <Box elementKey="right_container">
+          <Box elementKey="edit_profile_block">
+            <Box elementKey="edit_profile_block_content_wrapper">
+              <Media
+                elementKey="edit_profile_block_banner_image"
+                alt="Banner Image"
+              />
+              <Box elementKey="edit_profile_block_content">
+                <Media
+                  elementKey="edit_profile_block_logo"
+                  alt="Community Logo"
+                />
+                <Box elementKey="edit_profile_block_text_container">
+                  <Heading elementKey="edit_profile_block_title" />
+                  <Typography elementKey="edit_profile_block_description" />
+                </Box>
+              </Box>
+            </Box>
+            <Box elementKey="edit_profile_ctas_levoGroup">
+              {content?.edit_profile_ctas?.map((v, index) => {
+                return (
+                  <Button
+                    key={`edit_profile_ctas.${index}.edit_profile_cta`}
+                    elementKey={`edit_profile_ctas.${index}.edit_profile_cta`}
+                  />
+                );
+              })}
+            </Box>
+          </Box>
+        </Box>
+      </Container>
+    </Section>
+  );
+};
+
+export default CommunityPost1;

package/src/blocks/contact-us/contact-us-1.schema.ts

@@ -1,5 +1,31 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA = {
+  id: "zucZWwW4cQj9F",
+  filename: "contact-us-1.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1200w.webp 1200w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -13,29 +39,7 @@ const DEFAULT_CONTENT = {
     },
   ],
 
-  media: {
-    id: "7141014160938075687",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-    },
-  },
+  media: MEDIA,
 };
 
 export type IContactUs1Content = typeof DEFAULT_CONTENT;
@@ -149,24 +153,7 @@ export const ContactUs1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "justify-content": "space-between",
@@ -213,8 +200,11 @@ export const ContactUs1: IBlock = {
           "flex-direction": "column",
           "row-gap": "4xs",
         },
-        title: {
-          color: "text-1",
+        title: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
         },
       },
       content: DEFAULT_CONTENT,