@levo-so/blocks 0.1.100 → 0.1.102

package/src/blocks/features/features-1/features-1.schema.ts

@@ -3,9 +3,9 @@ import type { IBlock } from "@levo-so/studio";
 import type { DEFAULT_CONTENT } from "./variants";
 import {
   defaultFeatures1Variant,
+  minimalListFeatures1Variant,
   stylizedCardsV1Features1Variant,
   stylizedCardsV2Features1Variant,
-  stylizedCardsV3Features1Variant,
 } from "./variants";
 
 export type IFeatures1Content = typeof DEFAULT_CONTENT;
@@ -16,7 +16,7 @@ export const Features1: IBlock = {
   key: "features-1",
   version: "v1",
   prompt_description:
-    "Centered headline and description above a two-row, three-column grid of cards, each featuring an icon, bold specialty name, and brief supporting text.",
+    "Centered headline and description above a responsive grid of feature cards, each with an icon, a concise feature name, and a short supporting description. Suited for cloud, SaaS, and platform product pages.",
   content_schema: [
     {
       key: "layout",
@@ -24,7 +24,7 @@ export const Features1: IBlock = {
       field_interface: "LayoutWidget",
       hint: {
         prompt_description:
-          "Overall structural layout for the entire 'Healthcare Specialties' content block. Ensures proper spacing and alignment for a clean, modern medical presentation.",
+          "Overall structural layout for the features block. Ensures even spacing and alignment for a clean, modern product presentation.",
       },
     },
     {
@@ -33,7 +33,7 @@ export const Features1: IBlock = {
       field_interface: "ContainerWidget",
       hint: {
         prompt_description:
-          "The main container that centers and constrains the block's width, providing a tidy, spacious visual frame suited to a professional healthcare context.",
+          "Main container that centers and constrains the block's width, giving the feature grid a tidy, spacious frame.",
       },
     },
     {
@@ -42,7 +42,7 @@ export const Features1: IBlock = {
       field_interface: "BoxWidget",
       hint: {
         prompt_description:
-          "Wrapper to group the heading and description at the top of the block, aligning them center and ensuring consistent vertical spacing.",
+          "Wrapper that groups the heading and description at the top of the block with consistent vertical spacing.",
       },
     },
     {
@@ -56,9 +56,9 @@ export const Features1: IBlock = {
       field_interface: "HeadingWidget",
       hint: {
         prompt_description:
-          "Primary headline introducing the section and setting a trustworthy, authoritative tone. Use clear, formal, and concise phrasing suitable for healthcare. Should capture attention but remain professional.",
+          "Primary headline introducing the feature set. Short, confident, and product-focused (e.g. 'Cloud services built around your roadmap').",
         min_characters: 20,
-        max_characters: 40,
+        max_characters: 60,
       },
     },
     {
@@ -67,14 +67,14 @@ export const Features1: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description:
-          "Supportive subtitle beneath the headline. Should briefly explain the section's purpose in an approachable, professional, and informative tone. Use 1–2 sentences.",
+          "Supportive subtitle beneath the headline. One or two sentences summarising what the platform delivers and why teams choose it.",
         min_characters: 70,
-        max_characters: 180,
+        max_characters: 200,
       },
     },
     {
       key: "specialties",
-      label: "Specialties",
+      label: "Features",
       field_interface: "BoxWidget",
       kind: "group",
       fields: [
@@ -84,7 +84,7 @@ export const Features1: IBlock = {
           field_interface: "BoxWidget",
           hint: {
             prompt_description:
-              "Container for an individual specialty card, organizing its icon and texts with a clean border and balanced padding.",
+              "Container for an individual feature card, organising its icon, title, and description with balanced padding.",
           },
         },
         {
@@ -93,7 +93,7 @@ export const Features1: IBlock = {
           field_interface: "BoxWidget",
           hint: {
             prompt_description:
-              "Holds and centers the specialty icon or image at the top of each card to ensure consistent spacing and display.",
+              "Holds the feature icon at the top of each card so spacing and alignment stay consistent across the grid.",
           },
         },
         {
@@ -102,7 +102,7 @@ export const Features1: IBlock = {
           field_interface: "IconWidget",
           hint: {
             prompt_description:
-              "Simple, easily recognizable icon representing the specialty. Use soft blue hues to match the healthcare theme and ensure clarity at small sizes.",
+              "Clear, recognisable icon that matches the feature's meaning (security, performance, scale, observability, etc.). Keep strokes consistent across the set.",
             orientation: "landscape",
             size: "small",
             usecase: "icon",
@@ -114,7 +114,7 @@ export const Features1: IBlock = {
           field_interface: "BoxWidget",
           hint: {
             prompt_description:
-              "Groups the specialty title and description for vertical alignment and spacing within the card.",
+              "Groups the feature title and description for vertical alignment and spacing within the card.",
           },
         },
         {
@@ -123,9 +123,9 @@ export const Features1: IBlock = {
           field_interface: "HeadingWidget",
           hint: {
             prompt_description:
-              "Specialty name featured as a bold card heading. Use succinct and clear phrasing (2–4 words), all significant words capitalized. Professional and direct style.",
+              "Feature name as a bold card heading. Keep it 2–3 words and use parallel phrasing across siblings (e.g. 'Zero-trust security', 'Zero-downtime deploys', 'Multi-region failover').",
             min_characters: 8,
-            max_characters: 24,
+            max_characters: 30,
           },
         },
         {
@@ -134,9 +134,9 @@ export const Features1: IBlock = {
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
-              "Short descriptive tagline for the specialty. Should inform the reader of the focus and benefit of each medical area in 1–2 sentences. Friendly yet expert tone.",
+              "Short description that names a concrete mechanism or proof point (a standard, a number, a specific capability). One sentence, ~18–24 words.",
             min_characters: 60,
-            max_characters: 140,
+            max_characters: 180,
           },
         },
         {
@@ -160,9 +160,9 @@ export const Features1: IBlock = {
       ],
       hint: {
         prompt_description:
-          "Collection of medical specialties, each displayed as an individual card with icon, title, and description. Presented in a neat, two-row grid (3 cards per row). Use distinct titles and relevant text for 6 specialties.",
+          "Collection of platform features shown as cards with icon, title, and description. Each card must have a distinct title, icon, and description. Use parallel title phrasing across siblings.",
         min_items: 3,
-        max_items: 6,
+        max_items: 8,
       },
     },
   ],
@@ -170,6 +170,6 @@ export const Features1: IBlock = {
     defaultFeatures1Variant,
     stylizedCardsV1Features1Variant,
     stylizedCardsV2Features1Variant,
-    stylizedCardsV3Features1Variant,
+    minimalListFeatures1Variant,
   ],
 };

package/src/blocks/features/features-1/variants/default.ts

@@ -1,13 +1,82 @@
 import type { IBlockLayouts } from "@levo-so/studio";
 
-export const DUMMY_ICON = {
+const ICON_SHIELD_TICK = {
   kind: "icon",
   data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
+    id: "shield-tick",
+    label: "Shield Tick",
     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>',
+      '<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>',
+  },
+};
+
+const ICON_FLASH = {
+  kind: "icon",
+  data: {
+    id: "flash",
+    label: "Flash",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.98959 22.75C9.78959 22.75 9.62959 22.71 9.50959 22.66C9.10959 22.51 8.42959 22.02 8.42959 20.47V14.02H6.08959C4.74959 14.02 4.26959 13.39 4.09959 13.02C3.92959 12.64 3.77959 11.87 4.65959 10.86L12.2296 2.26001C13.2496 1.10001 14.0796 1.18001 14.4796 1.33001C14.8796 1.48001 15.5596 1.97001 15.5596 3.52001V9.97001H17.8996C19.2396 9.97001 19.7196 10.6 19.8896 10.97C20.0596 11.35 20.2096 12.12 19.3296 13.13L11.7596 21.73C11.0496 22.54 10.4296 22.75 9.98959 22.75ZM13.9296 2.74001C13.8996 2.78001 13.6896 2.88001 13.3596 3.26001L5.78959 11.86C5.50959 12.18 5.46959 12.38 5.46959 12.42C5.48959 12.43 5.66959 12.53 6.08959 12.53H9.17959C9.58959 12.53 9.92959 12.87 9.92959 13.28V20.48C9.92959 20.98 10.0196 21.2 10.0596 21.26C10.0896 21.22 10.2996 21.12 10.6296 20.74L18.1996 12.14C18.4796 11.82 18.5196 11.62 18.5196 11.58C18.4996 11.57 18.3196 11.47 17.8996 11.47H14.8096C14.3996 11.47 14.0596 11.13 14.0596 10.72V3.52001C14.0696 3.02001 13.9696 2.81001 13.9296 2.74001Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CODE_CIRCLE = {
+  kind: "icon",
+  data: {
+    id: "code-circle",
+    label: "Code Circle",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99945 14.75C7.80945 14.75 7.61945 14.68 7.46945 14.53L5.46945 12.53C5.17945 12.24 5.17945 11.7599 5.46945 11.4699L7.46945 9.46994C7.75945 9.17994 8.23945 9.17994 8.52945 9.46994C8.81945 9.75994 8.81945 10.24 8.52945 10.53L7.05945 12L8.52945 13.4699C8.81945 13.7599 8.81945 14.24 8.52945 14.53C8.37945 14.68 8.18945 14.75 7.99945 14.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.9995 14.75C15.8095 14.75 15.6195 14.68 15.4695 14.53C15.1795 14.24 15.1795 13.7599 15.4695 13.4699L16.9395 12L15.4695 10.53C15.1795 10.24 15.1795 9.75994 15.4695 9.46994C15.7595 9.17994 16.2395 9.17994 16.5295 9.46994L18.5295 11.4699C18.8195 11.7599 18.8195 12.24 18.5295 12.53L16.5295 14.53C16.3795 14.68 16.1895 14.75 15.9995 14.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M11.0001 15.0801C10.9001 15.0801 10.8001 15.0601 10.7101 15.0201C10.3301 14.8601 10.1501 14.4201 10.3201 14.0301L12.3201 9.36004C12.4801 8.98004 12.9201 8.80002 13.3001 8.97002C13.6801 9.13002 13.8601 9.57008 13.6901 9.96008L11.6901 14.6301C11.5701 14.9101 11.2901 15.0801 11.0001 15.0801Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CLOUD_CONNECTION = {
+  kind: "icon",
+  data: {
+    id: "cloud-connection",
+    label: "Cloud Connection",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M16.0598 16.7499C16.0498 16.7499 16.0398 16.7499 16.0198 16.7499H6.3598C3.7298 16.5699 2.5498 14.5499 2.5498 12.7499C2.5498 11.1699 3.45982 9.41994 5.43982 8.89994C4.91982 6.72994 5.39981 4.69989 6.80981 3.21989C8.44981 1.49989 11.0698 0.81994 13.3398 1.51994C15.3998 2.14994 16.8498 3.82989 17.3898 6.15989C19.1798 6.58989 20.6098 7.94994 21.1798 9.82994C21.8098 11.8899 21.2298 13.9999 19.6798 15.3499C18.7098 16.2499 17.4198 16.7499 16.0598 16.7499ZM6.39981 10.2599C4.78981 10.3899 4.06982 11.5999 4.06982 12.7499C4.06982 13.9099 4.79981 15.1299 6.42981 15.2499H16.0398C16.0498 15.2499 16.0598 15.2499 16.0698 15.2499C17.0498 15.2499 17.9898 14.8899 18.6998 14.2299C20.0198 13.0799 20.1098 11.4299 19.7598 10.2599C19.3998 9.08993 18.4098 7.76991 16.6698 7.54991C16.3398 7.50991 16.0798 7.25991 16.0198 6.92991C15.6798 4.87991 14.5698 3.46994 12.9098 2.95994C11.1998 2.43994 9.14982 2.96994 7.90982 4.26994C6.69982 5.53994 6.41981 7.30994 7.11981 9.26994C7.25981 9.65994 7.05983 10.0899 6.66983 10.2299C6.57983 10.2499 6.49981 10.2699 6.39981 10.2599Z" fill="var(--color-icon-primary)"/>\n<path d="M12 19.75C11.59 19.75 11.25 19.41 11.25 19V16C11.25 15.59 11.59 15.25 12 15.25C12.41 15.25 12.75 15.59 12.75 16V19C12.75 19.41 12.41 19.75 12 19.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 23.75C10.48 23.75 9.25 22.52 9.25 21C9.25 19.48 10.48 18.25 12 18.25C13.52 18.25 14.75 19.48 14.75 21C14.75 22.52 13.52 23.75 12 23.75ZM12 19.75C11.31 19.75 10.75 20.31 10.75 21C10.75 21.69 11.31 22.25 12 22.25C12.69 22.25 13.25 21.69 13.25 21C13.25 20.31 12.69 19.75 12 19.75Z" fill="var(--color-icon-primary)"/>\n<path d="M18 21.75H14C13.59 21.75 13.25 21.41 13.25 21C13.25 20.59 13.59 20.25 14 20.25H18C18.41 20.25 18.75 20.59 18.75 21C18.75 21.41 18.41 21.75 18 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M10 21.75H6C5.59 21.75 5.25 21.41 5.25 21C5.25 20.59 5.59 20.25 6 20.25H10C10.41 20.25 10.75 20.59 10.75 21C10.75 21.41 10.41 21.75 10 21.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CHART_SUCCESS = {
+  kind: "icon",
+  data: {
+    id: "chart-success",
+    label: "Chart Success",
+    svgCode:
+      '<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>',
+  },
+};
+
+const ICON_LIFEBUOY = {
+  kind: "icon",
+  data: {
+    id: "lifebuoy",
+    label: "Lifebuoy",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9697 22.75C6.04973 22.75 1.21973 17.93 1.21973 12C1.21973 6.07 6.04973 1.25 11.9697 1.25C17.8897 1.25 22.7197 6.07 22.7197 12C22.7197 17.93 17.8997 22.75 11.9697 22.75ZM11.9697 2.75C6.86973 2.75 2.71973 6.9 2.71973 12C2.71973 17.1 6.86973 21.25 11.9697 21.25C17.0697 21.25 21.2197 17.1 21.2197 12C21.2197 6.9 17.0697 2.75 11.9697 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.25C9.1 17.25 6.75 14.89 6.75 12C6.75 9.11 9.1 6.75 12 6.75C14.9 6.75 17.25 9.11 17.25 12C17.25 14.89 14.9 17.25 12 17.25ZM12 8.25C9.93 8.25 8.25 9.93 8.25 12C8.25 14.07 9.93 15.75 12 15.75C14.07 15.75 15.75 14.07 15.75 12C15.75 9.93 14.07 8.25 12 8.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8.43984 9.21C8.24984 9.21 8.04984 9.14 7.90984 9L4.36984 5.46C4.07984 5.17 4.07984 4.69 4.36984 4.4C4.65984 4.11 5.13984 4.11 5.42984 4.4L8.96984 7.94C9.25984 8.23 9.25984 8.7 8.96984 9C8.81984 9.14 8.62984 9.21 8.43984 9.21Z" fill="var(--color-icon-primary)"/>\n<path d="M4.89984 19.82C4.70984 19.82 4.51984 19.75 4.36984 19.6C4.07984 19.31 4.07984 18.83 4.36984 18.54L7.90984 15C8.19984 14.71 8.67984 14.71 8.96984 15C9.25984 15.29 9.25984 15.77 8.96984 16.06L5.42984 19.6C5.28984 19.75 5.08984 19.82 4.89984 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M19.0404 19.82C18.8504 19.82 18.6604 19.75 18.5104 19.6L14.9704 16.06C14.6804 15.77 14.6804 15.29 14.9704 15C15.2604 14.71 15.7404 14.71 16.0304 15L19.5704 18.54C19.8604 18.83 19.8604 19.31 19.5704 19.6C19.4304 19.75 19.2404 19.82 19.0404 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5102 9.21C15.3202 9.21 15.1302 9.14 14.9802 8.99C14.6902 8.7 14.6902 8.22 14.9802 7.93L18.5202 4.39C18.8102 4.1 19.2902 4.1 19.5802 4.39C19.8702 4.68 19.8702 5.16 19.5802 5.45L16.0402 9C15.8902 9.14 15.7002 9.21 15.5102 9.21Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+export const ICON_GLOBAL = {
+  kind: "icon",
+  data: {
+    id: "global",
+    label: "Global",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M9.00023 21.75H8.00023C7.59023 21.75 7.25023 21.41 7.25023 21C7.25023 20.59 7.57023 20.26 7.98023 20.25C6.41023 14.89 6.41023 9.11 7.98023 3.75C7.57023 3.74 7.25023 3.41 7.25023 3C7.25023 2.59 7.59023 2.25 8.00023 2.25H9.00023C9.24023 2.25 9.47023 2.37 9.61023 2.56C9.75023 2.76 9.79023 3.01 9.71023 3.24C7.83023 8.89 7.83023 15.11 9.71023 20.77C9.79023 21 9.75023 21.25 9.61023 21.45C9.47023 21.63 9.24023 21.75 9.00023 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.0004 21.75C14.9204 21.75 14.8404 21.74 14.7604 21.71C14.3704 21.58 14.1504 21.15 14.2904 20.76C16.1704 15.11 16.1704 8.89 14.2904 3.23C14.1604 2.84 14.3704 2.41 14.7604 2.28C15.1604 2.15 15.5804 2.36 15.7104 2.75C17.7004 8.71 17.7004 15.27 15.7104 21.22C15.6104 21.55 15.3104 21.75 15.0004 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.2C9.21 17.2 6.43 16.81 3.75 16.02C3.74 16.42 3.41 16.75 3 16.75C2.59 16.75 2.25 16.41 2.25 16V15C2.25 14.76 2.37 14.53 2.56 14.39C2.76 14.25 3.01 14.21 3.24 14.29C8.89 16.17 15.12 16.17 20.77 14.29C21 14.21 21.25 14.25 21.45 14.39C21.65 14.53 21.76 14.76 21.76 15V16C21.76 16.41 21.42 16.75 21.01 16.75C20.6 16.75 20.27 16.43 20.26 16.02C17.57 16.81 14.79 17.2 12 17.2Z" fill="var(--color-icon-primary)"/>\n<path d="M20.9998 9.74999C20.9198 9.74999 20.8398 9.73999 20.7598 9.70999C15.1098 7.82999 8.87978 7.82999 3.22978 9.70999C2.82978 9.83999 2.40978 9.62999 2.27978 9.23999C2.15978 8.83999 2.36978 8.41999 2.75978 8.28999C8.71978 6.29999 15.2798 6.29999 21.2298 8.28999C21.6198 8.41999 21.8398 8.84999 21.6998 9.23999C21.6098 9.54999 21.3098 9.74999 20.9998 9.74999Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+export const ICON_CPU_CHARGE = {
+  kind: "icon",
+  data: {
+    id: "cpu-charge",
+    label: "Cpu Charge",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4 20.75H9.6C5.21 20.75 3.25 18.79 3.25 14.4V9.6C3.25 5.21 5.21 3.25 9.6 3.25H14.4C18.79 3.25 20.75 5.21 20.75 9.6V14.4C20.75 18.79 18.79 20.75 14.4 20.75ZM9.6 4.75C6.02 4.75 4.75 6.02 4.75 9.6V14.4C4.75 17.98 6.02 19.25 9.6 19.25H14.4C17.98 19.25 19.25 17.98 19.25 14.4V9.6C19.25 6.02 17.98 4.75 14.4 4.75H9.6Z" fill="var(--color-icon-primary)"/>\n<path d="M13.5 17.75H10.5C7.6 17.75 6.25 16.4 6.25 13.5V10.5C6.25 7.6 7.6 6.25 10.5 6.25H13.5C16.4 6.25 17.75 7.6 17.75 10.5V13.5C17.75 16.4 16.4 17.75 13.5 17.75ZM10.5 7.75C8.42 7.75 7.75 8.42 7.75 10.5V13.5C7.75 15.58 8.42 16.25 10.5 16.25H13.5C15.58 16.25 16.25 15.58 16.25 13.5V10.5C16.25 8.42 15.58 7.75 13.5 7.75H10.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.00977 4.75C7.58977 4.75 7.25977 4.41 7.25977 4V2C7.25977 1.59 7.59977 1.25 8.00977 1.25C8.41977 1.25 8.75977 1.59 8.75977 2V4C8.75977 4.41 8.41977 4.75 8.00977 4.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 4.75C11.59 4.75 11.25 4.41 11.25 4V2C11.25 1.59 11.59 1.25 12 1.25C12.41 1.25 12.75 1.59 12.75 2V4C12.75 4.41 12.41 4.75 12 4.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 4.75C15.59 4.75 15.25 4.41 15.25 4V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V4C16.75 4.41 16.41 4.75 16 4.75Z" fill="var(--color-icon-primary)"/>\n<path d="M22 8.75H20C19.59 8.75 19.25 8.41 19.25 8C19.25 7.59 19.59 7.25 20 7.25H22C22.41 7.25 22.75 7.59 22.75 8C22.75 8.41 22.42 8.75 22 8.75Z" fill="var(--color-icon-primary)"/>\n<path d="M22 12.75H20C19.59 12.75 19.25 12.41 19.25 12C19.25 11.59 19.59 11.25 20 11.25H22C22.41 11.25 22.75 11.59 22.75 12C22.75 12.41 22.42 12.75 22 12.75Z" fill="var(--color-icon-primary)"/>\n<path d="M22 16.75H20C19.59 16.75 19.25 16.41 19.25 16C19.25 15.59 19.59 15.25 20 15.25H22C22.41 15.25 22.75 15.59 22.75 16C22.75 16.41 22.42 16.75 22 16.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75C15.59 22.75 15.25 22.41 15.25 22V20C15.25 19.59 15.59 19.25 16 19.25C16.41 19.25 16.75 19.59 16.75 20V22C16.75 22.41 16.41 22.75 16 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12.0098 22.75C11.5998 22.75 11.2598 22.41 11.2598 22V20C11.2598 19.59 11.5998 19.25 12.0098 19.25C12.4198 19.25 12.7598 19.59 12.7598 20V22C12.7598 22.41 12.4198 22.75 12.0098 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.00977 22.75C7.59977 22.75 7.25977 22.41 7.25977 22V20C7.25977 19.59 7.59977 19.25 8.00977 19.25C8.41977 19.25 8.75977 19.59 8.75977 20V22C8.75977 22.41 8.41977 22.75 8.00977 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M4 8.75H2C1.59 8.75 1.25 8.42 1.25 8C1.25 7.58 1.59 7.25 2 7.25H4C4.41 7.25 4.75 7.59 4.75 8C4.75 8.41 4.42 8.75 4 8.75Z" fill="var(--color-icon-primary)"/>\n<path d="M4 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H4C4.41 11.25 4.75 11.59 4.75 12C4.75 12.41 4.42 12.75 4 12.75Z" fill="var(--color-icon-primary)"/>\n<path d="M4 16.75H2C1.59 16.75 1.25 16.41 1.25 16C1.25 15.59 1.59 15.25 2 15.25H4C4.41 15.25 4.75 15.59 4.75 16C4.75 16.41 4.42 16.75 4 16.75Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9996 15.05C11.8696 15.05 11.7396 15.02 11.6296 14.95C11.2696 14.74 11.1496 14.28 11.3496 13.93L12.0296 12.75H11.4396C10.9596 12.75 10.5696 12.54 10.3596 12.18C10.1496 11.82 10.1696 11.37 10.3996 10.96L11.3396 9.31995C11.5496 8.95995 12.0096 8.83995 12.3596 9.03995C12.7196 9.24995 12.8396 9.70995 12.6396 10.06L11.9596 11.24H12.5496C13.0296 11.24 13.4196 11.45 13.6296 11.81C13.8396 12.17 13.8196 12.62 13.5896 13.03L12.6496 14.67C12.5096 14.92 12.2596 15.05 11.9996 15.05Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
 };
 
@@ -15,101 +84,75 @@ export const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   text_wrapper: null,
-  title: "Our Healthcare Specialties",
+  title: "Cloud services built around your roadmap",
   description:
-    "Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam.",
+    "Everything teams need to ship faster on modern cloud infrastructure — security, observability, and cost controls baked in from day one.",
   specialties: [
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Dental Care",
+      title: "Zero-trust security",
       description:
-        "Elevate your smile with holistic dental care, promoting oral health and confidence.",
-      caption: " ",
-      icon: DUMMY_ICON,
+        "SOC 2 Type II and ISO 27001 certified. Hardware-backed KMS keys rotated hourly with fine-grained, just-in-time IAM access.",
+      icon: ICON_SHIELD_TICK,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "Read trust report" }],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Pulmonology",
-      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
-      caption: " ",
-      icon: DUMMY_ICON,
+      title: "Zero-downtime deploys",
+      description:
+        "Blue-green deploys with instant rollback, prebuilt CI/CD pipelines for every runtime, and canary promotion gated on SLOs.",
+      icon: ICON_FLASH,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "See benchmarks" }],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Hematology",
-      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
-      caption: " ",
-      icon: DUMMY_ICON,
+      title: "Infrastructure as code",
+      description:
+        "Terraform modules for every service, policy-as-code guardrails, and drift detection so your environments never silently diverge.",
+      icon: ICON_CODE_CIRCLE,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "View docs" }],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Infection",
-      description: "Expert care for infections, ensuring swift diagnosis and effective treatment.",
-      caption: " ",
-      icon: DUMMY_ICON,
+      title: "Multi-region failover",
+      description:
+        "99.99% uptime across three regions with automatic failover under 30 seconds and spot-instance placement to absorb spikes.",
+      icon: ICON_CLOUD_CONNECTION,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "See architecture" }],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Dialysis",
+      title: "Predictable cloud costs",
       description:
-        "Comprehensive dialysis services, providing vital kidney care for a healthier life.",
-      caption: " ",
-      icon: DUMMY_ICON,
+        "Cost anomaly alerts with granular service attribution, FinOps dashboards, and rightsizing recommendations from every workload we run.",
+      icon: ICON_CHART_SUCCESS,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "See pricing" }],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
-      title: "Generalist",
-      description: "Generalist doctors addressing common health concerns with personalized care.",
-      caption: " ",
-      icon: DUMMY_ICON,
+      title: "Always-on support",
+      description:
+        "P1 SLA under 15 minutes with named SRE pods, shared runbooks, and quarterly game days to rehearse the failures that matter.",
+      icon: ICON_LIFEBUOY,
       ctas_levoGroup: null,
-      ctas: [
-        {
-          cta: "Donate Now",
-        },
-      ],
+      ctas: [{ cta: "Talk to sales" }],
     },
   ],
 };
@@ -129,9 +172,9 @@ export const defaultFeatures1Variant: IBlockLayouts = {
       width: "100%",
       "flex-direction": "column",
       "align-items": "center",
-      "row-gap": "8xl",
+      "row-gap": "5xl",
       mobile: {
-        "row-gap": "5xl",
+        "row-gap": "3xl",
       },
     },
     text_wrapper: {
@@ -168,7 +211,7 @@ export const defaultFeatures1Variant: IBlockLayouts = {
     },
     specialties: Array(6)
       .fill(0)
-      .map((v) => ({
+      .map(() => ({
         content_wrapper: {
           "border-radius": "xl",
           "border-width": "1px",
@@ -178,6 +221,7 @@ export const defaultFeatures1Variant: IBlockLayouts = {
           "flex-direction": "column",
           "row-gap": "lg",
           padding: "2xl",
+          height: "100%",
         },
         icon_wrapper: {
           display: "flex",
@@ -185,10 +229,10 @@ export const defaultFeatures1Variant: IBlockLayouts = {
           "align-items": "center",
         },
         icon: {
-          height: "16",
-          width: "16",
-          "border-radius": "none",
-          "background-color": "brandSecondary",
+          height: "24px",
+          width: "24px",
+          "font-size": "24px",
+          "flex-shrink": "0",
         },
         text_wrapper: {
           display: "flex",
@@ -196,9 +240,11 @@ export const defaultFeatures1Variant: IBlockLayouts = {
           "flex-direction": "column",
           "align-items": "center",
           "row-gap": "sm",
+          "flex-grow": "1",
         },
         title: {
           "font-weight": 700,
+          "text-align": "center",
         },
         description: {
           "text-align": "center",
@@ -206,7 +252,8 @@ export const defaultFeatures1Variant: IBlockLayouts = {
         },
         ctas_levoGroup: {
           display: "flex",
-          "column-gap": "xs",
+          "column-gap": "sm",
+          "margin-top": "auto",
         },
         ctas: [
           {
@@ -228,8 +275,9 @@ export const defaultFeatures1Variant: IBlockLayouts = {
         level: 2,
       },
     },
-    specialties: [
-      {
+    specialties: Array(6)
+      .fill(0)
+      .map(() => ({
         title: {
           heading: {
             level: "4",
@@ -249,72 +297,6 @@ export const defaultFeatures1Variant: IBlockLayouts = {
             },
           },
         },
-      },
-      {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H5",
-          },
-        },
-        description: {
-          selectedVariants: {},
-        },
-        cta: {
-          selectedVariants: {},
-        },
-      },
-      {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H5",
-          },
-        },
-        description: {
-          selectedVariants: {},
-        },
-        cta: {
-          selectedVariants: {},
-        },
-      },
-      {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H5",
-          },
-        },
-        description: {
-          selectedVariants: {},
-        },
-        cta: {
-          selectedVariants: {},
-        },
-      },
-      {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H5",
-          },
-        },
-        description: {
-          selectedVariants: {},
-        },
-        cta: {
-          selectedVariants: {},
-        },
-      },
-      {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H5",
-          },
-        },
-        description: {
-          selectedVariants: {},
-        },
-        cta: {
-          selectedVariants: {},
-        },
-      },
-    ],
+      })),
   },
 };

package/src/blocks/features/features-1/variants/index.ts

@@ -1,12 +1,12 @@
 import { DEFAULT_CONTENT, defaultFeatures1Variant } from "./default";
+import { minimalListFeatures1Variant } from "./minimal-list";
 import { stylizedCardsV1Features1Variant } from "./stylized-cards-v1";
 import { stylizedCardsV2Features1Variant } from "./stylized-cards-v2";
-import { stylizedCardsV3Features1Variant } from "./stylized-cards-v3";
 
 export {
   stylizedCardsV1Features1Variant,
   stylizedCardsV2Features1Variant,
-  stylizedCardsV3Features1Variant,
+  minimalListFeatures1Variant,
   defaultFeatures1Variant,
   DEFAULT_CONTENT,
 };