dune-react 0.0.21 → 0.0.23

package/dist/components/puck-block/hero-sections/vertical-gallery-hero/component.js

@@ -5,22 +5,45 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 const VerticalGalleryHero = (props) => {
-  const { heading, description, buttons = [], images = [], styles } = {
+  const {
+    heading,
+    description,
+    buttons = [],
+    images = [],
+    styles
+  } = {
     ...VerticalGalleryHeroDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css
+  } = styles ?? {};
   return /* @__PURE__ */ jsxs(
     SectionWrapper,
     {
-      className: cn("grid grid-cols-1 gap-y-16 pt-16 md:grid-flow-row md:pt-24 lg:grid-flow-col lg:grid-cols-2 lg:items-center lg:pt-0", sectionClassName),
+      className: cn(
+        "grid grid-cols-1 gap-y-16 pt-16 md:grid-flow-row md:pt-24 lg:grid-flow-col lg:grid-cols-2 lg:items-center lg:pt-0",
+        sectionClassName
+      ),
       style: sectionStyle,
       css,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "mx-[5%] max-w-[40rem] justify-self-start lg:ml-[5vw] lg:mr-20 lg:justify-self-end", children: [
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
-          /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(
+            CompoundButton,
+            {
+              label: button.label,
+              variant: button.variant,
+              size: button.size,
+              action: button.action,
+              icon: button.icon
+            },
+            index
+          )) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "h-[30rem] overflow-hidden pl-[5vw] pr-[5vw] md:h-[40rem] lg:h-screen lg:pl-0", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-2 gap-x-4", children: [
           /* @__PURE__ */ jsx("div", { className: "-mt-[120%] grid size-full animate-loop-vertically columns-2 grid-cols-1 gap-4 self-center", children: images.map((image, index) => /* @__PURE__ */ jsx("div", { className: "grid size-full grid-cols-1 gap-4", children: /* @__PURE__ */ jsx("div", { className: "relative w-full pt-[120%]", children: /* @__PURE__ */ jsx(
@@ -51,27 +74,27 @@ const VerticalGalleryHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 6"
+      alt: "Placeholder image 6"
     }
   ]
 };

package/dist/components/puck-block/hero-sections/vertical-gallery-hero/index.d.ts

@@ -25,7 +25,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/hero-sections/zoom-grid-hero/component.js

@@ -6,6 +6,7 @@ import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { useScroll, useTransform, motion } from "framer-motion";
 const ZoomGridHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
@@ -13,6 +14,7 @@ const ZoomGridHero = (props) => {
     ...props
   };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll(
@@ -26,7 +28,7 @@ const ZoomGridHero = (props) => {
       motion.div,
       {
         className: "flex h-full items-center justify-center",
-        style: { opacity: opacityContent },
+        style: { opacity: isEditor ? 1 : opacityContent },
         children: /* @__PURE__ */ jsx("div", { className: "px-[5%] py-8 md:py-12 lg:py-14", children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-lg text-center", children: [
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold text-text-alternative md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "text-text-alternative md:text-md", children: description }),
@@ -39,13 +41,13 @@ const ZoomGridHero = (props) => {
         motion.div,
         {
           className: "absolute inset-0 z-10 bg-black/50",
-          style: { opacity: opacityOverlay }
+          style: { opacity: isEditor ? 0 : opacityOverlay }
         }
       ),
       /* @__PURE__ */ jsx(
         motion.div,
         {
-          style: { scale },
+          style: { scale: isEditor ? 1 : scale },
           className: "grid size-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-4 md:grid-cols-3",
           children: images.map((image, index) => /* @__PURE__ */ jsx(
             "div",
@@ -77,39 +79,39 @@ const ZoomGridHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 6"
+      alt: "Placeholder image 6"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 7"
+      alt: "Placeholder image 7"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 8"
+      alt: "Placeholder image 8"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 9"
+      alt: "Placeholder image 9"
     }
   ]
 };

package/dist/components/puck-block/hero-sections/zoom-grid-hero/index.d.ts

@@ -25,7 +25,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/index.d.ts

@@ -13,3 +13,5 @@ export * from "./text-sections";
 export * from "./showcase-sections";
 export * from "./team-sections";
 export * from "./footer-sections";
+export { confMap, categories, sectionsMap, buildComponents, getComponentDefaultProps } from "./registry.generated";
+export type { ComponentName, ComponentProps } from "./registry.generated";

package/dist/components/puck-block/location-sections/location-1/location.d.ts

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundButtonProps } from "@/components/puck-base/button";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 interface LocationButton extends Omit<CompoundButtonProps, "label"> {
     label?: string;
     url?: string;

package/dist/components/puck-block/location-sections/location-2/location.d.ts

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundButtonProps } from "@/components/puck-base/button";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 interface LocationButton extends Omit<CompoundButtonProps, "label"> {
     label?: string;
     url?: string;

package/dist/components/puck-block/location-sections/location-3/location.d.ts

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
-import type { Action } from "@/components/puck-base/core/types";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { Action } from "@/components/puck-core/core/types";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 export interface LocationEntry {
     name: string;
     location?: MapLocation;

package/dist/components/puck-block/location-sections/props.d.ts

@@ -1,4 +1,4 @@
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 type LocationVariant = "location-1" | "location-2" | "location-3";
 type LocationPadding = {
     top?: "none" | "small" | "medium" | "large";

package/dist/components/puck-block/metrics-sections/center-media-stats/center-media-stats.js

@@ -105,7 +105,7 @@ const CenterMediaStatsDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-media/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     mediaPosition: "left",

package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js

@@ -94,7 +94,7 @@ const HeaderStatsRowDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-bg/1920/1080",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     textLayout: "twoColumn",

package/dist/components/puck-block/metrics-sections/header-stats-row/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/mixed-grid-stats.js

@@ -86,7 +86,7 @@ const MixedGridStatsDefaults = {
     {
       image: {
         src: "https://picsum.photos/seed/stats-card1/800/600",
-        alt: "Relume placeholder image"
+        alt: "Placeholder image"
       }
     },
     {
@@ -102,7 +102,7 @@ const MixedGridStatsDefaults = {
     {
       image: {
         src: "https://picsum.photos/seed/stats-card2/800/600",
-        alt: "Relume placeholder image"
+        alt: "Placeholder image"
       }
     }
   ],

package/dist/components/puck-block/metrics-sections/split-stats/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/metrics-sections/split-stats/split-stats.js

@@ -88,7 +88,7 @@ const SplitStatsDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-split-bg/1920/1080",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     statsLayout: "2x2",

package/dist/components/puck-block/metrics-sections/tab-stats/index.d.ts

@@ -61,28 +61,6 @@ declare const conf: {
                             };
                         };
                         url: {
-                            className: {
-                                readonly type: "text";
-                                readonly label: "Class Name";
-                                readonly ai: {
-                                    readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                                };
-                            };
-                            style: {
-                                readonly type: "object";
-                                readonly label: "Style";
-                                readonly objectFields: {};
-                                readonly ai: {
-                                    readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                                };
-                            };
-                            css: {
-                                readonly type: "textarea";
-                                readonly label: "Custom CSS";
-                                readonly ai: {
-                                    readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                                };
-                            };
                             type: string;
                         };
                     };

package/dist/components/puck-block/metrics-sections/tab-stats/index.js

@@ -23,7 +23,7 @@ const conf = {
           type: "object",
           objectFields: {
             image: imageField,
-            url: { type: "text", ...sectionWrapperFields }
+            url: { type: "text" }
           }
         }
       }

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.js

@@ -19,7 +19,12 @@ const TabStats = (props) => {
     ...TabStatsDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, mediaPosition = "left" } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    mediaPosition = "left"
+  } = styles ?? {};
   const isMediaLeft = mediaPosition === "left";
   const mediaPanel = /* @__PURE__ */ jsx("div", { className: "max-size-full flex items-center justify-center overflow-hidden", children: tabs.map((tab) => /* @__PURE__ */ jsx(
     TabsContent,
@@ -54,7 +59,7 @@ const TabStats = (props) => {
     },
     tab.value
   )) });
-  const tabTriggers = /* @__PURE__ */ jsx(TabsList, { className: "grid grid-cols-1 items-center gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
+  const tabTriggers = /* @__PURE__ */ jsx(TabsList, { className: "grid grid-cols-1 h-full! w-full! items-center gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
     TabsTrigger,
     {
       value: tab.value,
@@ -67,27 +72,35 @@ const TabStats = (props) => {
     },
     index
   )) });
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-start", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rb-12 mb-12 w-full max-w-lg md:mb-18 lg:mb-20", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
-      /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
-      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Tabs,
-      {
-        defaultValue: defaultTabValue,
-        className: "grid grid-cols-1 items-center gap-y-12 md:grid-cols-2 md:gap-x-12 lg:gap-x-20",
-        children: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          mediaPanel,
-          tabTriggers
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          tabTriggers,
-          mediaPanel
-        ] })
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rb-12 mb-12 w-full max-w-lg md:mb-18 lg:mb-20", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+          /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Tabs,
+          {
+            defaultValue: defaultTabValue,
+            className: "grid grid-cols-1 items-center gap-y-12 md:grid-cols-2 md:gap-x-12 lg:gap-x-20",
+            children: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              mediaPanel,
+              tabTriggers
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              tabTriggers,
+              mediaPanel
+            ] })
+          }
+        )
+      ] })
+    }
+  );
 };
 const TabStatsDefaults = {
   tagline: "Tagline",
@@ -102,7 +115,7 @@ const TabStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
       image: {
         src: "https://picsum.photos/seed/stats-tab1/800/600",
-        alt: "Relume placeholder image 1"
+        alt: "Placeholder image 1"
       }
     },
     {
@@ -113,7 +126,7 @@ const TabStatsDefaults = {
       video: {
         image: {
           src: "https://picsum.photos/seed/stats-tab2/800/600",
-          alt: "Relume placeholder image 2"
+          alt: "Placeholder image 2"
         },
         url: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW"
       }
@@ -125,7 +138,7 @@ const TabStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
       image: {
         src: "https://picsum.photos/seed/stats-tab3/800/600",
-        alt: "Relume placeholder image 3"
+        alt: "Placeholder image 3"
       }
     }
   ],

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.d.ts

@@ -43,6 +43,53 @@ declare const conf: {
                 };
             };
         };
+        defaultTabValue: {
+            type: "radio";
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        tabs: {
+            type: "array";
+            label: string;
+            getItemSummary: (item: {
+                tabName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: "radio";
+                    label: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                tabName: {
+                    type: "text";
+                    label: string;
+                };
+                pricingPlans: {
+                    type: "array";
+                    label: string;
+                    getItemSummary: (item: {
+                        planName?: string;
+                    }, index?: number) => string;
+                    arrayFields: {
+                        planName: {
+                            type: "text";
+                        };
+                        monthlyPrice: {
+                            type: "text";
+                        };
+                        description: {
+                            type: "textarea";
+                        };
+                    };
+                };
+            };
+        };
         styles: {
             type: string;
             label: string;

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.js

@@ -23,6 +23,40 @@ const conf = {
         title: { type: "text" }
       }
     },
+    defaultTabValue: {
+      type: "radio",
+      label: "Default Tab",
+      options: [
+        { label: "Monthly", value: "monthly" },
+        { label: "Yearly", value: "yearly" }
+      ]
+    },
+    tabs: {
+      type: "array",
+      label: "Tabs",
+      getItemSummary: (item, index = 0) => item.tabName || `Tab ${index + 1}`,
+      arrayFields: {
+        value: {
+          type: "radio",
+          label: "Billing",
+          options: [
+            { label: "Monthly", value: "monthly" },
+            { label: "Yearly", value: "yearly" }
+          ]
+        },
+        tabName: { type: "text", label: "Tab Name" },
+        pricingPlans: {
+          type: "array",
+          label: "Pricing Plans",
+          getItemSummary: (item, index = 0) => item.planName || `Plan ${index + 1}`,
+          arrayFields: {
+            planName: { type: "text" },
+            monthlyPrice: { type: "text" },
+            description: { type: "textarea" }
+          }
+        }
+      }
+    },
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/pricing-sections/single-pricing-card/index.d.ts

@@ -20,28 +20,6 @@ declare const conf: {
             label: string;
             objectFields: {
                 planName: {
-                    className: {
-                        readonly type: "text";
-                        readonly label: "Class Name";
-                        readonly ai: {
-                            readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                        };
-                    };
-                    style: {
-                        readonly type: "object";
-                        readonly label: "Style";
-                        readonly objectFields: {};
-                        readonly ai: {
-                            readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                        };
-                    };
-                    css: {
-                        readonly type: "textarea";
-                        readonly label: "Custom CSS";
-                        readonly ai: {
-                            readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                        };
-                    };
                     type: string;
                 };
                 monthlyPrice: {

package/dist/components/puck-block/pricing-sections/single-pricing-card/index.js

@@ -11,7 +11,7 @@ const conf = {
       type: "object",
       label: "Pricing Plan",
       objectFields: {
-        planName: { type: "text", ...sectionWrapperFields },
+        planName: { type: "text" },
         monthlyPrice: { type: "text" },
         yearlyPrice: { type: "text" },
         features: {

package/dist/components/puck-block/pricing-sections/split-pricing/component.js

@@ -53,17 +53,17 @@ const SplitPricingDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
   featureSections: [
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 1" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 1" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     },
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 2" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 2" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     },
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 3" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 3" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     }