@opensite/ui 1.8.4 → 1.8.6

package/dist/project-video-carousel.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoCarouselItem {

package/dist/project-video-carousel.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoCarouselItem {

package/dist/project-video-hover-bento.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverBentoItem {

package/dist/project-video-hover-bento.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverBentoItem {

package/dist/project-video-hover-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverGridItem {

package/dist/project-video-hover-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverGridItem {

package/dist/project-video-hover-rounded.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverRoundedItem {

package/dist/project-video-hover-rounded.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverRoundedItem {

package/dist/project-video-hover-stack.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverStackItem {

package/dist/project-video-hover-stack.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverStackItem {

package/dist/project-video-hover-two-by-two.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverTwoByTwoItem {

package/dist/project-video-hover-two-by-two.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverTwoByTwoItem {

package/dist/project-work-showcase.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/project-work-showcase.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/project-zigzag-layout.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-k1_FqqBQ.cjs';
+import { f as SectionBackground } from './community-initiatives-8fmUivQe.cjs';
 import 'react';
-import './blocks-rgCERYOC.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/project-zigzag-layout.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-AwBlQu1a.js';
+import { f as SectionBackground } from './community-initiatives-CQv-6Tit.js';
 import 'react';
-import './blocks-ClXAGlHQ.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/registry.cjs

@@ -6255,9 +6255,24 @@ function generateValidationSchema(fields) {
     {}
   );
 }
+var columnSpanClasses = {
+  1: "col-span-12 md:col-span-1",
+  2: "col-span-12 md:col-span-2",
+  3: "col-span-12 md:col-span-3",
+  4: "col-span-12 md:col-span-4",
+  5: "col-span-12 md:col-span-5",
+  6: "col-span-12 md:col-span-6",
+  7: "col-span-12 md:col-span-7",
+  8: "col-span-12 md:col-span-8",
+  9: "col-span-12 md:col-span-9",
+  10: "col-span-12 md:col-span-10",
+  11: "col-span-12 md:col-span-11",
+  12: "col-span-12"
+};
 function getColumnSpanClass(span) {
   if (!span || span === 12) return "col-span-12";
-  return `col-span-12 sm:col-span-${Math.min(span, 12)}`;
+  const clamped = Math.max(1, Math.min(span, 12));
+  return columnSpanClasses[clamped] || "col-span-12";
 }
 
 // lib/forms/use-contact-form.ts
@@ -56241,12 +56256,14 @@ function HeroStatsSocialProof({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("absolute -bottom-6 -left-6 rounded-xl p-4 shadow-lg"),
+        className: cn(
+          "absolute bottom-4 md:-bottom-6 left-4 right-4 md:right-auto md:-left-6 rounded-2xl max-w-md p-4 shadow-2xl bg-card text-card-foreground"
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          statusCard.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: statusCard.icon }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            statusCard.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold ", children: statusCard.title }),
-            statusCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: statusCard.subtitle })
+          statusCard.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg", children: statusCard.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-balance", children: [
+            statusCard.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-sm md:text-md leading-snug", children: statusCard.title }),
+            statusCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-snug tracking-tight", children: statusCard.subtitle })
           ] })
         ] })
       }
@@ -56263,7 +56280,7 @@ function HeroStatsSocialProof({
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
-          badge && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: cn("px-4 py-2 text-sm", badgeClassName), children: [
+          badge && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: cn("px-4 py-2", badgeClassName), children: [
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
           ] }),
@@ -56788,7 +56805,7 @@ function HeroArchitectureFullscreen({
       pattern,
       patternOpacity,
       className: cn(
-        "relative flex min-h-screen min-w-screen items-center justify-center dark w-full overflow-hidden font-poppins",
+        "relative flex min-h-screen min-w-screen items-center justify-center  w-full overflow-hidden",
         className
       ),
       containerClassName,
@@ -56802,8 +56819,8 @@ function HeroArchitectureFullscreen({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-20 h-full w-full max-w-340 p-8 md:p-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-end gap-6 md:gap-12", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-20 h-full w-full max-w-full md:max-w-lg p-8 md:p-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-end gap-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
             tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "p",
               {
@@ -56815,13 +56832,51 @@ function HeroArchitectureFullscreen({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "h1",
+              react.motion.h1,
               {
                 className: cn(
-                  "text-3xl leading-snug! md:text-4xl lg:text-6xl text-white text-balance text-shadow-xl",
+                  "text-6xl font-bold md:text-7xl lg:text-8xl text-white text-balance text-shadow-xl tracking-tight leading-0",
                   headingClassName
                 ),
-                children: heading
+                initial: "hidden",
+                animate: "visible",
+                variants: {
+                  hidden: {},
+                  visible: {
+                    transition: {
+                      staggerChildren: 0.08,
+                      delayChildren: 0.15
+                    }
+                  }
+                },
+                children: heading.split(" ").map((word, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    className: "inline-block overflow-hidden align-bottom",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        react.motion.span,
+                        {
+                          className: "inline-block",
+                          variants: {
+                            hidden: { y: "100%", opacity: 0 },
+                            visible: {
+                              y: 0,
+                              opacity: 1,
+                              transition: {
+                                duration: 0.5,
+                                ease: [0.33, 1, 0.68, 1]
+                              }
+                            }
+                          },
+                          children: word
+                        }
+                      ),
+                      i < heading.split(" ").length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-[0.3em]", children: "\xA0" })
+                    ]
+                  },
+                  `${word}-${i}`
+                ))
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }))
           ] }),
@@ -56829,7 +56884,7 @@ function HeroArchitectureFullscreen({
             "p",
             {
               className: cn(
-                "text-base text-balance text-white text-shadow-xl",
+                "text-lg md:text-xl text-balance text-white text-shadow-xl",
                 descriptionClassName
               ),
               children: description

package/dist/registry.js

@@ -6215,9 +6215,24 @@ function generateValidationSchema(fields) {
     {}
   );
 }
+var columnSpanClasses = {
+  1: "col-span-12 md:col-span-1",
+  2: "col-span-12 md:col-span-2",
+  3: "col-span-12 md:col-span-3",
+  4: "col-span-12 md:col-span-4",
+  5: "col-span-12 md:col-span-5",
+  6: "col-span-12 md:col-span-6",
+  7: "col-span-12 md:col-span-7",
+  8: "col-span-12 md:col-span-8",
+  9: "col-span-12 md:col-span-9",
+  10: "col-span-12 md:col-span-10",
+  11: "col-span-12 md:col-span-11",
+  12: "col-span-12"
+};
 function getColumnSpanClass(span) {
   if (!span || span === 12) return "col-span-12";
-  return `col-span-12 sm:col-span-${Math.min(span, 12)}`;
+  const clamped = Math.max(1, Math.min(span, 12));
+  return columnSpanClasses[clamped] || "col-span-12";
 }
 
 // lib/forms/use-contact-form.ts
@@ -56201,12 +56216,14 @@ function HeroStatsSocialProof({
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("absolute -bottom-6 -left-6 rounded-xl p-4 shadow-lg"),
+        className: cn(
+          "absolute bottom-4 md:-bottom-6 left-4 right-4 md:right-auto md:-left-6 rounded-2xl max-w-md p-4 shadow-2xl bg-card text-card-foreground"
+        ),
         children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          statusCard.icon && /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: statusCard.icon }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            statusCard.title && /* @__PURE__ */ jsx("div", { className: "font-semibold ", children: statusCard.title }),
-            statusCard.subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm", children: statusCard.subtitle })
+          statusCard.icon && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg", children: statusCard.icon }),
+          /* @__PURE__ */ jsxs("div", { className: "text-balance", children: [
+            statusCard.title && /* @__PURE__ */ jsx("div", { className: "font-semibold text-sm md:text-md leading-snug", children: statusCard.title }),
+            statusCard.subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm leading-snug tracking-tight", children: statusCard.subtitle })
           ] })
         ] })
       }
@@ -56223,7 +56240,7 @@ function HeroStatsSocialProof({
       containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: "relative", 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: [
-          badge && /* @__PURE__ */ jsxs(Badge, { className: cn("px-4 py-2 text-sm", badgeClassName), children: [
+          badge && /* @__PURE__ */ jsxs(Badge, { className: cn("px-4 py-2", badgeClassName), children: [
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
           ] }),
@@ -56748,7 +56765,7 @@ function HeroArchitectureFullscreen({
       pattern,
       patternOpacity,
       className: cn(
-        "relative flex min-h-screen min-w-screen items-center justify-center dark w-full overflow-hidden font-poppins",
+        "relative flex min-h-screen min-w-screen items-center justify-center  w-full overflow-hidden",
         className
       ),
       containerClassName,
@@ -56762,8 +56779,8 @@ function HeroArchitectureFullscreen({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "relative z-20 h-full w-full max-w-340 p-8 md:p-24", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-end gap-6 md:gap-12", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative z-20 h-full w-full max-w-full md:max-w-lg p-8 md:p-24", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-end gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx(
               "p",
               {
@@ -56775,13 +56792,51 @@ function HeroArchitectureFullscreen({
               }
             ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-              "h1",
+              motion$1.h1,
               {
                 className: cn(
-                  "text-3xl leading-snug! md:text-4xl lg:text-6xl text-white text-balance text-shadow-xl",
+                  "text-6xl font-bold md:text-7xl lg:text-8xl text-white text-balance text-shadow-xl tracking-tight leading-0",
                   headingClassName
                 ),
-                children: heading
+                initial: "hidden",
+                animate: "visible",
+                variants: {
+                  hidden: {},
+                  visible: {
+                    transition: {
+                      staggerChildren: 0.08,
+                      delayChildren: 0.15
+                    }
+                  }
+                },
+                children: heading.split(" ").map((word, i) => /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: "inline-block overflow-hidden align-bottom",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        motion$1.span,
+                        {
+                          className: "inline-block",
+                          variants: {
+                            hidden: { y: "100%", opacity: 0 },
+                            visible: {
+                              y: 0,
+                              opacity: 1,
+                              transition: {
+                                duration: 0.5,
+                                ease: [0.33, 1, 0.68, 1]
+                              }
+                            }
+                          },
+                          children: word
+                        }
+                      ),
+                      i < heading.split(" ").length - 1 && /* @__PURE__ */ jsx("span", { className: "inline-block w-[0.3em]", children: "\xA0" })
+                    ]
+                  },
+                  `${word}-${i}`
+                ))
               }
             ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }))
           ] }),
@@ -56789,7 +56844,7 @@ function HeroArchitectureFullscreen({
             "p",
             {
               className: cn(
-                "text-base text-balance text-white text-shadow-xl",
+                "text-lg md:text-xl text-balance text-white text-shadow-xl",
                 descriptionClassName
               ),
               children: description

package/dist/resource-detail-article-hero.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import { A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceDetailArticleHeroNavigation {

package/dist/resource-detail-article-hero.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import { A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ResourceDetailArticleHeroNavigation {

package/dist/resource-detail-document-sidebar.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import { b as BreadcrumbItem, A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { b as BreadcrumbItem, A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceDetailDocumentSidebarArticle {

package/dist/resource-detail-document-sidebar.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import { b as BreadcrumbItem, A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { b as BreadcrumbItem, A as ActionConfig, c as AuthorInfo, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ResourceDetailDocumentSidebarArticle {

package/dist/resource-detail-whitepaper-sidebar.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-detail-whitepaper-sidebar.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-AwBlQu1a.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ClXAGlHQ.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-list-course-cards.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-k1_FqqBQ.cjs';
-import { O as OptixFlowConfig } from './blocks-rgCERYOC.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListCourseCardsAuthor {