@opensite/ui 3.7.1 → 3.7.3

package/dist/registry.js

@@ -49442,6 +49442,48 @@ function CaseStudyStatsMetrics({
     }
   );
 }
+var SIZE_CLASSES = {
+  sm: "max-h-6 sm:max-h-7",
+  md: "max-h-8 sm:max-h-9 lg:max-h-10",
+  lg: "max-h-10 sm:max-h-12 lg:max-h-14",
+  xl: "max-h-12 sm:max-h-14 lg:max-h-16"
+};
+var BrandLogo = ({
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
+  size = "md",
+  optixFlowConfig
+}) => {
+  if (logoSlot2) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot2 });
+  if (!logo || !logo.src) return null;
+  const imgElement = /* @__PURE__ */ jsx(
+    Img,
+    {
+      src: logo.src,
+      className: cn(
+        "w-auto object-contain",
+        SIZE_CLASSES[size],
+        logo.className
+      ),
+      alt: logo.alt || "Logo",
+      optixFlowConfig,
+      loading: "eager"
+    }
+  );
+  if (logo.url) {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: logo.url,
+        className: cn("flex items-center", logoClassName),
+        children: imgElement
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center", logoClassName), children: imgElement });
+};
+var brand_logo_default = BrandLogo;
 function CardArrowIcon({ className }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -49485,7 +49527,10 @@ function HeroOverlayCtaGrid({
   contentClassName = "relative flex flex-col gap-6 md:gap-12 px-6 pt-0 md:pt-28 pb-6 md:pt-0 md:pb-0 min-h-screen h-fit md:h-screen justify-end md:justify-center",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -49569,6 +49614,7 @@ function HeroOverlayCtaGrid({
               className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
               children: [
                 renderBadge,
+                (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                   "h1",
                   {
@@ -49626,7 +49672,10 @@ function HeroSplitIconCards({
   descriptionClassName,
   verticalSpacing,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "pt-32 pb-8 md:pt-32 md:pb-32"
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -49691,6 +49740,7 @@ function HeroSplitIconCards({
               children: eyebrow
             }
           ) : eyebrow),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h2",
             {
@@ -49728,48 +49778,6 @@ function HeroSplitIconCards({
     }
   );
 }
-var SIZE_CLASSES = {
-  sm: "max-h-6 sm:max-h-7",
-  md: "max-h-8 sm:max-h-9 lg:max-h-10",
-  lg: "max-h-10 sm:max-h-12 lg:max-h-14",
-  xl: "max-h-12 sm:max-h-14 lg:max-h-16"
-};
-var BrandLogo = ({
-  logo,
-  logoSlot: logoSlot2,
-  logoClassName,
-  size = "md",
-  optixFlowConfig
-}) => {
-  if (logoSlot2) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot2 });
-  if (!logo || !logo.src) return null;
-  const imgElement = /* @__PURE__ */ jsx(
-    Img,
-    {
-      src: logo.src,
-      className: cn(
-        "w-auto object-contain",
-        SIZE_CLASSES[size],
-        logo.className
-      ),
-      alt: logo.alt || "Logo",
-      optixFlowConfig,
-      loading: "eager"
-    }
-  );
-  if (logo.url) {
-    return /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        href: logo.url,
-        className: cn("flex items-center", logoClassName),
-        children: imgElement
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center", logoClassName), children: imgElement });
-};
-var brand_logo_default = BrandLogo;
 function HeroFloatingImages({
   sectionId = "hero-floating-images",
   logo,
@@ -50084,7 +50092,10 @@ function HeroBadgeImageSplit({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -50109,6 +50120,7 @@ function HeroBadgeImageSplit({
                 badge,
                 badgeIcon
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -50180,7 +50192,10 @@ function HeroImageLeftContent({
   actionsClassName,
   imageContainerClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -50217,6 +50232,7 @@ function HeroImageLeftContent({
                 badge,
                 badgeIcon
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -50322,7 +50338,10 @@ function HeroImageSlider({
   formHeadingClassName,
   privacyNotice,
   privacyNoticeClassName,
-  gridClassName
+  gridClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderContent = useMemo(() => {
     if (contentSlot) return contentSlot;
@@ -50344,6 +50363,7 @@ function HeroImageSlider({
               children: eyebrow
             }
           ) : eyebrow : null,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -50508,7 +50528,10 @@ function HeroCenteredImageGrid({
   descriptionClassName,
   actionsClassName,
   imageGridClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -50574,6 +50597,7 @@ function HeroCenteredImageGrid({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "max-w-3xl", children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                   "h1",
                   {
@@ -50669,7 +50693,10 @@ function HeroCenteredScreenshot({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -50715,6 +50742,7 @@ function HeroCenteredScreenshot({
           {
             className: cn("z-10 items-center text-center", contentClassName),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -50955,7 +50983,7 @@ function HeroLogoCenteredScreenshot({
   imageSlot: imageSlot2,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
+  spacing = "hero",
   pattern,
   patternOpacity,
   className,
@@ -50991,7 +51019,7 @@ function HeroLogoCenteredScreenshot({
         src: image.src,
         alt: image.alt,
         className: cn(
-          "mt-20 w-full rounded-xl object-cover h-auto shadow-xl",
+          "mt-10 md:mt-20 w-full rounded-xl object-cover h-auto shadow-xl",
           imageClassName,
           image.className
         ),
@@ -51253,7 +51281,10 @@ function HeroAnnouncementBadge({
   spacing = "pt-32 pb-16 md:pt-32 md:pb-32",
   badgeClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -51278,6 +51309,7 @@ function HeroAnnouncementBadge({
           ),
           typeof badge === "string" ? /* @__PURE__ */ jsx("p", { className: "truncate whitespace-nowrap pr-2", children: badge }) : badge
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -51577,7 +51609,10 @@ function HeroSimpleCenteredImage({
   actionsClassName,
   imageWrapperClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -51626,6 +51661,7 @@ function HeroSimpleCenteredImage({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -51827,7 +51863,10 @@ function HeroSpiralPatternCards({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headingClassName,
   descriptionClassName,
-  imagesClassName
+  imagesClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -51893,6 +51932,7 @@ function HeroSpiralPatternCards({
       children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
           badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(Badge, { children: badgeText }) : badgeText),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -51955,7 +51995,10 @@ function HeroSplitSpiralShapes({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  imagesClassName
+  imagesClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -52056,6 +52099,7 @@ function HeroSplitSpiralShapes({
             ),
             children: [
               badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(Badge, { children: badgeText }) : badgeText),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -52115,7 +52159,10 @@ function HeroSplitGeometricShapes({
   descriptionClassName,
   imagesClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const [lightboxIndex, setLightboxIndex] = useState(0);
@@ -52234,6 +52281,7 @@ function HeroSplitGeometricShapes({
                   ),
                   children: [
                     badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("p", { children: badgeText }) : badgeText),
+                    (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                       "h1",
                       {
@@ -52329,7 +52377,10 @@ function HeroCommunitySurveyCta({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAnnouncement = useMemo(() => {
     if (announcementSlot) return announcementSlot;
@@ -52478,6 +52529,7 @@ function HeroCommunitySurveyCta({
       children: /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-12", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-6 md:gap-8 pt-8 md:pt-0", children: [
           renderAnnouncement,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -52534,7 +52586,10 @@ function HeroMarketplaceScatteredImages({
   headingClassName,
   descriptionClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -52664,6 +52719,7 @@ function HeroMarketplaceScatteredImages({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -52723,7 +52779,10 @@ function HeroBadgeShadowOverlay({
   containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
   announcementClassName,
   headingClassName,
-  actionsClassName
+  actionsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxs(
     Section,
@@ -52752,6 +52811,7 @@ function HeroBadgeShadowOverlay({
               ]
             }
           ),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -52815,7 +52875,10 @@ function HeroVideoBackgroundDark({
   containerClassName = "px-0 sm:px-0 md:px-0 lg:px-0 min-h-screen w-screen h-full max-w-screen",
   contentClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderVideo = useMemo(() => {
     if (videoSlot) return videoSlot;
@@ -52861,6 +52924,7 @@ function HeroVideoBackgroundDark({
             ),
             children: [
               badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(Badge, { children: badgeText }) : badgeText),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -52914,7 +52978,10 @@ function HeroGridPatternEfficiency({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  actionClassName
+  actionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -52969,6 +53036,7 @@ function HeroGridPatternEfficiency({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: cn("relative max-w-5xl", contentClassName), children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         renderHeading,
         description && (typeof description === "string" ? /* @__PURE__ */ jsx(
           "p",
@@ -53367,7 +53435,10 @@ function HeroGradientClientFocused({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImage = useMemo(() => {
     if (imageSlot2) return imageSlot2;
@@ -53397,6 +53468,7 @@ function HeroGradientClientFocused({
       patternOpacity,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center gap-4", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -53465,7 +53537,10 @@ function HeroPremiumSplitAvatars({
   imageClassName,
   optixFlowConfig,
   mediaAspectRatios = { desktop: "vertical", mobile: "vertical" },
-  directionConfig = { desktop: "mediaRight", mobile: "mediaBottom" }
+  directionConfig = { desktop: "mediaRight", mobile: "mediaBottom" },
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const responsiveClassName = useMemo(() => {
     const desktopOrder = directionConfig.desktop === "mediaRight" ? "md:flex-row" : "md:flex-row-reverse";
@@ -53572,6 +53647,7 @@ function HeroPremiumSplitAvatars({
                 children: [
                   renderBrand,
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-8", children: [
+                    (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h2", { className: cn("text-4xl lg:text-6xl", headingClassName), children: heading })),
                     description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2.5 lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
                     renderAction
@@ -53591,6 +53667,7 @@ function HeroUiLibraryShowcase({
   sectionId = "hero-ui-library-showcase",
   logo,
   logoSlot: logoSlot2,
+  logoClassName,
   heading,
   description,
   actions,
@@ -53618,11 +53695,11 @@ function HeroUiLibraryShowcase({
       {
         src: logo.src,
         alt: logo.alt,
-        className: cn("h-11 w-fit", logo.className),
+        className: cn("h-11 w-fit", logo.className, logoClassName),
         optixFlowConfig
       }
     );
-  }, [logoSlot2, logo, optixFlowConfig]);
+  }, [logoSlot2, logo, logoClassName, optixFlowConfig]);
   const renderImage = useMemo(() => {
     if (imageSlot2) return imageSlot2;
     if (!image) return null;
@@ -53724,7 +53801,10 @@ function HeroFullscreenBackgroundImage({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBackground = useMemo(() => {
     if (!backgroundImage) return null;
@@ -53766,6 +53846,7 @@ function HeroFullscreenBackgroundImage({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -53959,7 +54040,10 @@ function HeroGradientAvatarsRating({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAvatars = useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
@@ -54065,6 +54149,7 @@ function HeroGradientAvatarsRating({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -54124,7 +54209,10 @@ function HeroTaskTimerAnimated({
   headerClassName,
   headingClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -54184,6 +54272,7 @@ function HeroTaskTimerAnimated({
               headerClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -54242,7 +54331,10 @@ function HeroAiPoweredCarousel({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -54276,6 +54368,7 @@ function HeroAiPoweredCarousel({
                   ]
                 }
               ),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -54442,7 +54535,10 @@ function HeroAdCampaignExpert({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const { responsiveClassName } = useResponsiveLayout({ directionConfig });
   const renderActions = useMemo(() => {
@@ -54519,6 +54615,7 @@ function HeroAdCampaignExpert({
             responsiveClassName
           ),
           children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             /* @__PURE__ */ jsx(
               ContentGroup,
               {
@@ -54567,7 +54664,10 @@ function HeroAdaptableProductGrid({
   imageContainerClassName,
   imageClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -54580,6 +54680,7 @@ function HeroAdaptableProductGrid({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "pt-8 md:pt-0", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -54663,7 +54764,10 @@ function HeroPresentationPlatformVideo({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  videoClassName
+  videoClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const contentItems = useMemo(() => {
     const items = [];
@@ -54760,6 +54864,7 @@ function HeroPresentationPlatformVideo({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsx(ContentGroup, { items: contentItems }),
               /* @__PURE__ */ jsx(
                 BlockActions,
@@ -54799,7 +54904,10 @@ function HeroGridPatternSolutions({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const [lightboxIndex, setLightboxIndex] = useState(0);
@@ -54885,6 +54993,7 @@ function HeroGridPatternSolutions({
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", contentClassName), children: [
             renderBadge,
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
               "h1",
               {
@@ -54971,7 +55080,10 @@ function HeroCrmStreamlined({
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -54992,6 +55104,7 @@ function HeroCrmStreamlined({
               children: tagline
             }
           ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -55368,7 +55481,10 @@ function HeroSoftwareGrowthVideoDialog({
   headingClassName,
   descriptionClassName,
   showcaseClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
   const [skinClasses, setSkinClasses] = useState(null);
@@ -55453,6 +55569,7 @@ function HeroSoftwareGrowthVideoDialog({
         containerClassName,
         children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10 md:gap-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-8 pt-6 md:pt-0", children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
               "h1",
               {
@@ -56007,7 +56124,10 @@ function HeroProductivityLauncherVideo({
   className,
   contentClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -56078,25 +56198,28 @@ function HeroProductivityLauncherVideo({
       children: [
         /* @__PURE__ */ jsx("div", { className: cn("relative z-20 max-w-204.5", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center pb-8", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-8 pb-16 pt-16", children: [
-            /* @__PURE__ */ jsx("div", { className: "max-w-100 sm:max-w-135", children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
-                  headingClassName
-                ),
-                children: heading
-              }
-            ) : /* @__PURE__ */ jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
-                  headingClassName
-                ),
-                children: heading
-              }
-            )) }),
+            /* @__PURE__ */ jsxs("div", { className: "max-w-100 sm:max-w-135", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ))
+            ] }),
             /* @__PURE__ */ jsx("div", { className: "max-w-90 md:max-w-full", children: description && (typeof description === "string" ? /* @__PURE__ */ jsx(
               "p",
               {
@@ -56136,7 +56259,10 @@ function HeroHiringAnimatedText({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  actionsClassName
+  actionsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [activeIndex, setActiveIndex] = useState(0);
   const cycleText = useCallback(() => {
@@ -56202,6 +56328,7 @@ function HeroHiringAnimatedText({
             contentClassName
           ),
           children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             renderHeading,
             /* @__PURE__ */ jsxs("div", { className: "flex items-stretch md:items-start flex-col gap-8", children: [
               description && (typeof description === "string" ? /* @__PURE__ */ jsx(
@@ -56265,7 +56392,10 @@ function HeroSplitImageNewsletter({
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const {
     uploadTokens,
@@ -56401,6 +56531,7 @@ function HeroSplitImageNewsletter({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -56460,7 +56591,10 @@ function HeroCenteredGradientCta({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -56493,6 +56627,7 @@ function HeroCenteredGradientCta({
           badgeIcon,
           typeof badge === "string" ? /* @__PURE__ */ jsx("span", { className: "font-bold", children: badge }) : badge
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -56571,7 +56706,10 @@ function HeroStatsSocialProof({
   actionsClassName,
   statsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -56618,6 +56756,7 @@ function HeroStatsSocialProof({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
           ] }),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -56692,7 +56831,10 @@ function HeroFeatureCardsGrid({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -56755,6 +56897,7 @@ function HeroFeatureCardsGrid({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -56819,7 +56962,10 @@ function HeroTestimonialImageGrid({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTestimonial = useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
@@ -56878,6 +57024,7 @@ function HeroTestimonialImageGrid({
       children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-8 md:flex-row", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-8", children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
               "h1",
               {
@@ -56954,7 +57101,10 @@ function HeroDesignSystem3d({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTrustBadge = useMemo(() => {
     if (trustBadgeSlot) return trustBadgeSlot;
@@ -57041,25 +57191,28 @@ function HeroDesignSystem3d({
             ),
             children: [
               renderTrustBadge,
-              /* @__PURE__ */ jsx("div", { className: "mb-2", children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : /* @__PURE__ */ jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              )) }),
+              /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ))
+              ] }),
               description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                 "p",
                 {
@@ -57103,7 +57256,10 @@ function HeroArchitectureFullscreen({
   taglineClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -57157,6 +57313,7 @@ function HeroArchitectureFullscreen({
                 children: tagline
               }
             ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
+            (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
               motion$1.h1,
               {
@@ -57241,7 +57398,10 @@ function HeroInnovationImageGrid({
   headingClassName,
   descriptionClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -57311,6 +57471,7 @@ function HeroInnovationImageGrid({
             className: cn("flex flex-col gap-2 md:gap-12", contentClassName),
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                   "h1",
                   {
@@ -57379,7 +57540,10 @@ function HeroVideoDialogGradient({
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
   const [skinClasses, setSkinClasses] = useState(null);
@@ -57436,6 +57600,7 @@ function HeroVideoDialogGradient({
         children: /* @__PURE__ */ jsxs("div", { className: "relative z-20 pt-10 md:pt-", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6 md:gap-8", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -57537,7 +57702,10 @@ function HeroMinimalCenteredDark({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  statsClassName
+  statsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -57566,6 +57734,7 @@ function HeroMinimalCenteredDark({
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         badge && /* @__PURE__ */ jsx(Badge, { className: cn("px-4 py-1", badgeClassName), children: typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
         (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -57644,7 +57813,10 @@ function HeroProductShowcaseFloating({
   headerClassName,
   descriptionClassName,
   showcaseClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -57770,6 +57942,7 @@ function HeroProductShowcaseFloating({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsx(
                 ContentGroup,
                 {
@@ -57830,7 +58003,10 @@ function HeroSaasDashboardPreview({
   headingClassName,
   descriptionClassName,
   previewClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const {
     uploadTokens,
@@ -58003,6 +58179,7 @@ function HeroSaasDashboardPreview({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -58052,7 +58229,10 @@ function HeroTherapyTestimonialGrid({
   headerClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTestimonial = useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
@@ -58142,6 +58322,7 @@ function HeroTherapyTestimonialGrid({
               headerClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -58588,7 +58769,10 @@ function HeroBusinessOperationsMosaic({
   contentClassName,
   headingClassName,
   mosaicClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderMosaic = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58652,6 +58836,7 @@ function HeroBusinessOperationsMosaic({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -58735,7 +58920,10 @@ function HeroAgencyAnimatedImages({
   contentClassName,
   headingClassName,
   imagesContainerClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58825,6 +59013,7 @@ function HeroAgencyAnimatedImages({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -58888,7 +59077,10 @@ function HeroWelcomeAsymmetricImages({
   spacing = "py-32 md:py-32",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58950,6 +59142,7 @@ function HeroWelcomeAsymmetricImages({
       containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-8 md:flex-row xl:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start text-left", children: [
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -59013,7 +59206,10 @@ function HeroStartupLaunchCta({
   actionsClassName,
   socialProofClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAvatars = useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
@@ -59068,6 +59264,7 @@ function HeroStartupLaunchCta({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
           ] }),
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -59157,7 +59354,10 @@ function HeroEnterpriseSecurity({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -59228,6 +59428,7 @@ function HeroEnterpriseSecurity({
                 badgeIcon,
                 typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -59290,7 +59491,10 @@ function HeroCreativeStudioStacked({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
   const [skinClasses, setSkinClasses] = useState(null);
@@ -59414,6 +59618,7 @@ function HeroCreativeStudioStacked({
               }
             ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
             /* @__PURE__ */ jsxs("div", { className: "flex max-w-160 flex-col gap-6", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -59512,7 +59717,10 @@ function HeroDigitalAgencyFullscreen({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isImageLoaded, setIsImageLoaded] = useState(false);
   const bgImageRef = useRef(null);
@@ -59570,6 +59778,7 @@ function HeroDigitalAgencyFullscreen({
               contentClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col gap-6 mb-6 md:mb-24 px-6 md:px-0", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -59629,7 +59838,10 @@ function HeroCustomerSupportLayered({
   descriptionClassName,
   imagesClassName,
   optixFlowConfig,
-  patternClassName
+  patternClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -59703,6 +59915,7 @@ function HeroCustomerSupportLayered({
                   children: tagline
                 }
               ) : tagline),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -59761,7 +59974,10 @@ function HeroSharedInboxLayered({
   descriptionClassName,
   imagesClassName,
   optixFlowConfig,
-  patternClassName
+  patternClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderLayeredImages = useMemo(() => {
     if (layeredImagesSlot) return layeredImagesSlot;
@@ -59832,6 +60048,7 @@ function HeroSharedInboxLayered({
                   children: eyebrow
                 }
               ) : eyebrow),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -59888,7 +60105,10 @@ function HeroConversationIntelligence({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImage = useMemo(() => {
     if (imageSlot2) return imageSlot2;
@@ -59935,6 +60155,7 @@ function HeroConversationIntelligence({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -60005,7 +60226,10 @@ function HeroBusinessCarouselDots({
   descriptionClassName,
   actionsClassName,
   carouselClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const timerRef = useRef(null);
@@ -60044,6 +60268,7 @@ function HeroBusinessCarouselDots({
             ),
             children: [
               badge && /* @__PURE__ */ jsx(Badge, { variant: badgeVariant, className: badgeClassName, children: badge }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -60141,7 +60366,10 @@ function HeroDeveloperToolsCode({
   descriptionClassName,
   actionsClassName,
   patternClassName,
-  terminalClassName
+  terminalClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60206,6 +60434,7 @@ function HeroDeveloperToolsCode({
       children: /* @__PURE__ */ jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 md:gap-8", contentClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -60257,7 +60486,10 @@ function HeroEcommerceProductShowcase({
   actionsClassName,
   statsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60388,6 +60620,7 @@ function HeroEcommerceProductShowcase({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -60442,7 +60675,10 @@ function HeroMobileAppDownload({
   description,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60576,6 +60812,7 @@ function HeroMobileAppDownload({
       children: /* @__PURE__ */ jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -60621,7 +60858,10 @@ function HeroPricingComparison({
   headerClassName,
   headingClassName,
   descriptionClassName,
-  plansClassName
+  plansClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60679,6 +60919,7 @@ function HeroPricingComparison({
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl text-center", headerClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg md:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
@@ -60724,7 +60965,10 @@ function HeroNewsletterMinimal({
   headingClassName,
   descriptionClassName,
   disclaimerClassName,
-  statsClassName
+  statsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = React30.useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -60804,6 +61048,7 @@ function HeroNewsletterMinimal({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -60919,7 +61164,10 @@ function HeroComingSoonCountdown({
   descriptionClassName,
   countdownClassName,
   formClassName,
-  socialLinksClassName
+  socialLinksClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [timeLeft, setTimeLeft] = React30.useState(null);
   const {
@@ -61072,6 +61320,7 @@ function HeroComingSoonCountdown({
           badgeIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: badgeIcon, size: 16 }),
           /* @__PURE__ */ jsx("span", { children: badgeText })
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h1",
           {
@@ -61376,7 +61625,10 @@ function HeroPortfolioCreative({
   headingClassName,
   descriptionClassName,
   portfolioClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderProfile = useMemo(() => {
     if (profileSlot) return profileSlot;
@@ -61520,6 +61772,7 @@ function HeroPortfolioCreative({
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderProfile,
+          (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
@@ -101725,6 +101978,9 @@ function LinkTreeBlock({
   brandVerified = false,
   verifiedIcon,
   brandSlot,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   links,
   linksSlot,
   socialLinks,
@@ -101821,7 +102077,16 @@ function LinkTreeBlock({
                   "flex h-24 w-full max-w-72 items-center justify-center",
                   avatarClassName
                 ),
-                children: resolvedAvatar && /* @__PURE__ */ jsx(
+                children: logo ? /* @__PURE__ */ jsx(
+                  BrandLogo,
+                  {
+                    logo,
+                    logoSlot: logoSlot2,
+                    size: "xl",
+                    logoClassName: cn("mb-2", logoClassName),
+                    optixFlowConfig
+                  }
+                ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsx(
                   Img,
                   {
                     src: resolvedAvatar.src,
@@ -101829,7 +102094,7 @@ function LinkTreeBlock({
                     className: "h-auto max-h-24 w-auto max-w-full object-contain",
                     optixFlowConfig
                   }
-                )
+                ) : null
               }
             ),
             brandVerified && /* @__PURE__ */ jsx(
@@ -101879,6 +102144,9 @@ function LinkTreeBlock({
     brandSlot,
     headerClassName,
     avatarClassName,
+    logo,
+    logoSlot2,
+    logoClassName,
     resolvedAvatar,
     optixFlowConfig,
     brandVerified,
@@ -102232,6 +102500,9 @@ function LinkPageMinimalProfile({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -102275,14 +102546,23 @@ function LinkPageMinimalProfile({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsx(
+              children: logo ? /* @__PURE__ */ jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: resolvedAvatar.src,
@@ -102290,7 +102570,7 @@ function LinkPageMinimalProfile({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -102301,6 +102581,9 @@ function LinkPageMinimalProfile({
       }
     );
   }, [
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     profileSlot,
@@ -102491,6 +102774,9 @@ function LinkPageNewsletterSocial({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   newsletterHeading,
   newsletterDescription,
@@ -102547,14 +102833,23 @@ function LinkPageNewsletterSocial({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
                 "flex h-24 w-full max-w-72 items-center justify-center",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsx(
+              children: logo ? /* @__PURE__ */ jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: resolvedAvatar.src,
@@ -102562,7 +102857,7 @@ function LinkPageNewsletterSocial({
                   className: "h-auto max-h-24 w-auto max-w-full object-contain",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -102574,6 +102869,9 @@ function LinkPageNewsletterSocial({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     avatarClassName,
@@ -102825,6 +103123,9 @@ function LinkPageGridCards({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -102871,14 +103172,23 @@ function LinkPageGridCards({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsx(
+              children: logo ? /* @__PURE__ */ jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: resolvedAvatar.src,
@@ -102886,7 +103196,7 @@ function LinkPageGridCards({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -102898,6 +103208,9 @@ function LinkPageGridCards({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     avatarClassName,
@@ -103119,6 +103432,9 @@ function LinkPageBentoLayout({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -103433,14 +103749,23 @@ function LinkPageBentoLayout({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsx(
+              children: logo ? /* @__PURE__ */ jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: resolvedAvatar.src,
@@ -103448,7 +103773,7 @@ function LinkPageBentoLayout({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -103461,6 +103786,9 @@ function LinkPageBentoLayout({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     resolvedAvatar,
     avatarClassName,
     optixFlowConfig,
@@ -116242,6 +116570,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Choose your path",
       description: "Multiple ways to engage with our platform.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -116281,6 +116610,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       eyebrow: "For Developers",
       heading: "Built for teams that ship fast",
       description: "Powerful features designed for modern development teams.",
@@ -116329,6 +116659,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "Featured Work",
       heading: "Build Stunning Websites",
       description: "We design and build beautiful digital products.",
@@ -116372,6 +116703,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "New Release",
       heading: "Build faster with our platform",
       description: "Everything you need to ship your product in record time.",
@@ -116414,6 +116746,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
       imageAlt: "Product showcase",
       heading: "Beautiful design meets powerful functionality",
@@ -116454,6 +116787,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Explore our collection",
       description: "Browse through our carefully curated selection.",
       images: [
@@ -116501,9 +116835,17 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Visual storytelling at its finest",
       description: "Showcase your work with beautiful grid layouts.",
-      gridImages: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Gallery image" }),
+      gridImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Gallery image 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Gallery image 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Gallery image 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Gallery image 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Gallery image 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Gallery image 6" }
+      ],
       actions: [
         { label: "View Gallery", href: "#", variant: "default" },
         { label: "Learn More", href: "#", variant: "outline" }
@@ -116541,6 +116883,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "The all-in-one platform for modern teams",
       description: "Everything you need to collaborate, communicate, and create amazing work.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -116584,10 +116927,18 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Trusted by Leaders",
       heading: "Join the world's most innovative companies",
       description: "Over 10,000 organizations trust our platform.",
-      logos: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" },
+        { src: "https://cdn.ing/assets/i/r/288968/nn5xpkit7idgr7i6fa46ez3g9kwn/ui-placeholder-logo-black-5.png", alt: "Partner logo 5" },
+        { src: "https://cdn.ing/assets/i/r/288974/dlb4c51kvgv6ncasqpgr2kvuma7y/ui-placeholder-logo-black-6.png", alt: "Partner logo 6" }
+      ],
       actions: [{ label: "Get Started", href: "/signup", variant: "default" }]
     }
   },
@@ -116695,6 +117046,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "New Release v2.0",
       heading: "The future of productivity is here",
       description: "Experience unprecedented performance and new features.",
@@ -116744,6 +117096,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       items: [
         {
           title: "InsuranceSite",
@@ -116787,6 +117140,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Clean, simple, effective",
       description: "Sometimes less is more. Focus on what matters.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -116824,6 +117178,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "A complete platform for modern teams",
       description: "All-in-one solution for communication and collaboration.",
       action: { label: "Explore Features", href: "#", variant: "default" },
@@ -116867,6 +117222,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Innovative Platform",
       heading: "Innovative solutions that evolve with you",
       description: "Dynamic, flexible, and always improving.",
@@ -116913,6 +117269,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "Design Excellence",
       heading: "Where creativity meets precision",
       description: "Award-winning designs that blend artistic vision with technical excellence.",
@@ -116962,9 +117319,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Bold design for bold ideas",
       description: "Stand out with striking visuals and modern aesthetics.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Design" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Design 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Design 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Design 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Design 4" }
+      ],
       actions: [
         { label: "Explore", href: "/explore", variant: "default" },
         { label: "Contact", href: "/contact", variant: "outline" }
@@ -117009,6 +117372,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       announcementPrimary: "Your Voice Matters",
       announcementLinkText: "Learn More",
       announcementHref: "#",
@@ -117055,10 +117419,17 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Discover unique items from creators worldwide",
       description: "Shop handcrafted goods, vintage treasures, and one-of-a-kind products.",
       action: { label: "Browse Marketplace", href: "#", variant: "default" },
-      images: Array(5).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Product" })
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Product 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Product 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Product 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Product 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Product 5" }
+      ]
     }
   },
   // -------------------------------------------------------------------------
@@ -117091,6 +117462,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       announcementBadge: "Launch",
       announcementText: "Premium design system",
       announcementHref: "#",
@@ -117140,6 +117512,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Immersive Experience",
       heading: "Make an unforgettable first impression",
       description: "Captivate your audience with stunning video backgrounds.",
@@ -117173,6 +117546,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Work smarter, not harder",
       description: "Maximize productivity with intelligent tools and workflows.",
       action: { label: "Boost Productivity", href: "#", variant: "default" },
@@ -117287,7 +117661,12 @@ var HERO_BLOCK_CONTRACTS = {
         { iconName: "lucide/zap", title: "Rapid Execution", description: "Agile methodology for fast delivery." },
         { iconName: "lucide/heart", title: "Human-Centered", description: "Design for people first." }
       ],
-      carouselImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Design" }),
+      carouselImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Design 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Design 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Design 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Design 4" }
+      ],
       actions: [
         { label: "Schedule Chat", href: "#", variant: "default" },
         { label: "View Portfolio", href: "#", variant: "outline" }
@@ -117325,6 +117704,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Your success is our mission",
       description: "Dedicated to helping you achieve your goals with personalized support.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Client success" },
@@ -117371,6 +117751,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       brandName: "Premium",
       brandSuffix: "Community",
       heading: "Join an exclusive community",
@@ -117416,6 +117797,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Beautiful components for modern apps",
       description: "A comprehensive UI library with 100+ components.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "UI component showcase" },
@@ -117455,6 +117837,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Experience the extraordinary",
       description: "Immersive experiences that captivate and inspire.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -117490,6 +117873,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Building the future of work",
       description: "Join the companies already transforming how they operate.",
       action: { label: "Get Started", href: "#", variant: "default" },
@@ -117539,9 +117923,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Loved by thousands of users",
       description: "Join our community of satisfied customers.",
-      avatars: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "User" }),
+      avatars: [
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "User 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "User 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "User 3" }
+      ],
       images: [
         { src: HERO_EXAMPLE_IMAGE_URL, alt: "Hero 1" },
         { src: HERO_EXAMPLE_IMAGE_URL, alt: "Hero 2" }
@@ -117589,6 +117978,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Track time, boost productivity",
       description: "Stay focused and manage your time effectively.",
       images: [
@@ -117653,12 +118043,27 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "AI-Powered",
       badgeTagline: "Next Generation Technology",
       heading: "Intelligent automation for your workflow",
       description: "Transform your business with AI-driven solutions.",
-      carouselImages1: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
-      carouselImages2: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      carouselImages1: [
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Feature 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Feature 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Feature 6" }
+      ],
+      carouselImages2: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Feature 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Feature 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Feature 6" }
+      ],
       actions: [
         { label: "Start Free Trial", href: "#", variant: "default" },
         { label: "Watch Demo", href: "#", variant: "outline" }
@@ -117699,6 +118104,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Your ad campaigns excel with AI",
       description: "Optimize your advertising performance with real-time analytics.",
       mediaItem: { video: EXAMPLE_VIDEO_0 },
@@ -117735,6 +118141,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Flexible product displays that adapt to your brand",
       description: "Create stunning product showcases with our adaptable grid system.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -117780,6 +118187,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       subtitle: "Presentation Platform",
       heading: "Create stunning presentations in minutes",
       description: "Beautiful templates, smart layouts, and powerful collaboration tools.",
@@ -117824,10 +118232,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "New Version Launched",
       heading: "Complete solutions for every challenge",
       description: "From startups to enterprises, we provide comprehensive solutions.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Solution" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Solution 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Solution 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Solution 3" }
+      ],
       actions: [{ label: "Explore Solutions", href: "#", variant: "outline" }],
       background: "dark"
     }
@@ -117862,6 +118275,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       tagline: "Simple CRM",
       heading: "Customer relationships made simple",
       description: "Manage your entire customer lifecycle in one intuitive platform.",
@@ -117911,10 +118325,18 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Simplified billing for modern businesses",
       description: "Accept payments, manage subscriptions, and handle invoicing.",
       mainImage: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Billing dashboard" },
-      logos: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" },
+        { src: "https://cdn.ing/assets/i/r/288968/nn5xpkit7idgr7i6fa46ez3g9kwn/ui-placeholder-logo-black-5.png", alt: "Partner logo 5" },
+        { src: "https://cdn.ing/assets/i/r/288974/dlb4c51kvgv6ncasqpgr2kvuma7y/ui-placeholder-logo-black-6.png", alt: "Partner logo 6" }
+      ],
       actions: [
         { label: "Start Free Trial", href: "#", variant: "default" },
         { label: "View Pricing", href: "#", variant: "outline" }
@@ -117962,10 +118384,16 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Accelerate your growth with data-driven insights",
       description: "See how top companies use our platform to scale faster.",
       videoAction: { label: "Watch Demo", variant: "outline" },
-      showcaseImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Growth metric" }),
+      showcaseImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Growth metric 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Growth metric 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Growth metric 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Growth metric 4" }
+      ],
       modalVideo: { video: EXAMPLE_VIDEO_1 },
       background: "dark",
       actions: [{ label: "Get Started", href: "#", variant: "ghost" }]
@@ -118013,6 +118441,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Turn visitors into customers",
       description: "Optimize your conversion funnel with data-driven insights.",
       primaryAction: { label: "Get Started", href: "#", variant: "default" },
@@ -118057,9 +118486,15 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Trusted by leading brands worldwide",
       description: "Join thousands of companies who have transformed their design workflow.",
-      logos: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" }
+      ],
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
         { label: "View Case Studies", href: "#", variant: "outline" }
@@ -118145,6 +118580,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Supercharge your productivity",
       description: "The ultimate productivity launcher for modern professionals.",
       backgroundVideo: { video: EXAMPLE_VIDEO_0 },
@@ -118184,6 +118620,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       headingPrefix: "We're hiring",
       animatedTexts: ["Developers", "Designers", "Marketers"],
       description: "We're building the future of work and want you to be part of it.",
@@ -118221,6 +118658,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Stay updated with our newsletter",
       description: "Get the latest insights delivered to your inbox.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Newsletter preview" },
@@ -118261,6 +118699,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Limited Time Offer",
       heading: "Transform your workflow today",
       description: "Join thousands of teams who have revolutionized their productivity.",
@@ -118310,6 +118749,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "Industry Expertise",
       heading: "Trusted by thousands of businesses",
       description: "Join the companies already experiencing transformative results.",
@@ -118359,6 +118799,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Everything you need in one place",
       description: "Powerful features that work together seamlessly.",
       features: [
@@ -118414,6 +118855,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "reviews_or_testimonials")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Loved by customers worldwide",
       description: "See why thousands of businesses trust us.",
       testimonial: {
@@ -118423,7 +118865,12 @@ var HERO_BLOCK_CONTRACTS = {
         company: "TechCorp",
         avatars: [{ image: HERO_EXAMPLE_IMAGE_URL, fallback: "SJ" }]
       },
-      gridImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Customer" }),
+      gridImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Customer 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Customer 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Customer 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Customer 4" }
+      ],
       actions: [{ label: "Get Started", href: "#", variant: "default" }],
       background: "dark"
     }
@@ -118464,10 +118911,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       trustBadge: "Design System",
       heading: "Build with a comprehensive design system",
       description: "Create consistent, beautiful interfaces with our complete set of components.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Component" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Component 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Component 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Component 3" }
+      ],
       background: "dark",
       actions: [
         { label: "Explore Components", href: "#", variant: "default" },
@@ -118501,6 +118953,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Designing spaces that inspire",
       description: "Award-winning architecture firm specializing in sustainable, innovative designs.",
       action: { label: "View Projects", href: "#", variant: "default" },
@@ -118538,9 +118991,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Pioneering the future of technology",
       description: "Pushing boundaries and exploring new frontiers.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Innovation" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Innovation 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Innovation 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Innovation 3" }
+      ],
       background: "dark",
       actions: [{ label: "Learn More", href: "#", variant: "default" }]
     }
@@ -118581,6 +119039,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "See our platform in action",
       description: "Get a 3-minute walkthrough of our most powerful features.",
       videoAction: { label: "Watch Demo", variant: "outline" },
@@ -118613,6 +119072,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Simplicity is the ultimate sophistication",
       description: "Clean, focused, and purposeful.",
       badge: "Industry Leader",
@@ -118654,6 +119114,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "New Arrival",
       badgeIcon: "lucide/sparkles",
       heading: "Introducing our latest innovation",
@@ -118698,6 +119159,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "SaaS Platform",
       badgeIcon: "lucide/box",
       heading: "The operating system for your business",
@@ -118751,6 +119213,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "reviews_or_testimonials")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Real stories, real healing",
       description: "Hear from clients who've found support and healing.",
       testimonial: {
@@ -118758,7 +119221,11 @@ var HERO_BLOCK_CONTRACTS = {
         author: "Anonymous Client",
         avatar: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Client testimonial" }
       },
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Therapy session" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Therapy session 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Therapy session 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Therapy session 3" }
+      ],
       actions: [
         { label: "Find Your Therapist", href: "#", variant: "default" },
         { label: "Read More Stories", href: "#", variant: "outline" }
@@ -118800,9 +119267,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Streamline your business operations",
       description: "Unified platform for managing all aspects of your business.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Operations" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Operations 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Operations 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Operations 3" }
+      ],
       background: "gray",
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
@@ -118842,9 +119314,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Creative solutions for modern brands",
       description: "Discover a platform that empowers you to create and achieve amazing results.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Project" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Project 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Project 4" }
+      ],
       actions: [{ label: "View Our Work", href: "#", variant: "default" }]
     }
   },
@@ -118884,9 +119362,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Where innovation meets creativity",
       description: "Discover a platform that empowers you to create and collaborate.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Feature 4" }
+      ],
       background: "dark",
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
@@ -118934,6 +119418,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "We're Launching",
       heading: "The future of startups starts here",
       description: "Join the waitlist for early access to the platform changing how startups scale.",
@@ -118977,6 +119462,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Enterprise Grade",
       heading: "Security you can trust",
       description: "Protect your business with enterprise-grade security features. SOC 2 compliant.",
@@ -119031,10 +119517,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Where creativity meets innovation",
       description: "Award-winning creative studio specializing in brand identity and digital experiences.",
       videoAction: { label: "Watch Demo", variant: "default" },
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Project" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Project 3" }
+      ],
       modalVideo: { video: EXAMPLE_VIDEO_0 },
       background: "dark",
       actions: [{ label: "Learn More", href: "#", variant: "outline" }]
@@ -119070,6 +119561,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Digital experiences that inspire",
       description: "Full-service digital agency creating award-winning websites and brand experiences.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -119111,10 +119603,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Support that your customers love",
       description: "Deliver exceptional customer experiences with our multi-channel support platform.",
       tagline: "Customer Support",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Support interface" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Support interface 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Support interface 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Support interface 3" }
+      ],
       actions: [{ label: "Browse Marketplace", href: "#", variant: "default" }]
     }
   },
@@ -119154,6 +119651,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       eyebrow: "Team Inbox",
       heading: "Collaborate on every customer conversation",
       description: "Shared inbox that brings your team together.",
@@ -119199,6 +119697,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       headingPrimary: "Unlock insights from",
       description: "Analyze calls, meetings, and customer interactions with advanced AI.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Intelligence dashboard" },
@@ -119243,9 +119742,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Business solutions that scale with you",
       description: "From startups to enterprises, our platform grows alongside your business.",
-      carouselImages: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      carouselImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Feature 3" }
+      ],
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
         { label: "Book Demo", href: "#", variant: "outline" }
@@ -119287,6 +119791,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "For Developers",
       heading: "Developer tools that just work",
       description: "Build faster with modern APIs and comprehensive docs.",
@@ -119347,10 +119852,16 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "products", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "New Collection",
       heading: "Premium products for modern living",
       description: "Discover our curated collection of handpicked items.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Product" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Product 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Product 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Product 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Product 4" }
+      ],
       stats: [
         { value: "500+", label: "Products" },
         { value: "50K+", label: "Customers" },
@@ -119396,6 +119907,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "Now on Mobile",
       badgeIcon: "lucide/smartphone",
       heading: "Take us with you, everywhere",
@@ -119448,6 +119960,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("pricing")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Simple, transparent pricing",
       description: "Choose the plan that's right for you. No hidden fees.",
       plans: [
@@ -119497,6 +120010,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Stay in the loop",
       description: "Get weekly insights delivered straight to your inbox.",
       buttonAction: { label: "Subscribe", variant: "default" },
@@ -119533,6 +120047,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeIcon: "lucide/rocket",
       badgeText: "Launching Soon",
       heading: "Something amazing is on the way",
@@ -119584,6 +120099,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "events", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Annual Conference",
       badgeIcon: "lucide/calendar",
       heading: "Join us for the event of the year",
@@ -119630,9 +120146,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Creative work that stands out",
       description: "Award-winning portfolio showcasing our best projects in design and branding.",
-      portfolioImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Portfolio project" }),
+      portfolioImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Portfolio project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Portfolio project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Portfolio project 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Portfolio project 4" }
+      ],
       actions: [{ label: "View All Work", href: "/portfolio", variant: "default" }]
     }
   }