@adminide-stack/yantra-help-browser 12.0.19-alpha.6 → 12.0.191-alpha.2

package/lib/pages/HelpCenter/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCategoryCard}from'./components/HelpCategoryCard.js';import {PopularArticle}from'./components/PopularArticle.js';import {getAllCategoriesMetadataSync}from'../../utils/markdownLoader.js';import {quickLinksMock,popularArticlesMock}from'./mockData.js';import {Icons}from'../../components/Icons.js';const FEATURED_CATEGORY_IDS = ['getting-started', 'what-is-yantra', 'browser-extension', 'platform-features', 'ai-employees', 'yantra-assistant', 'solutions-engineering', 'solutions-sales', 'solutions-marketing', 'integrations', 'security-compliance', 'openclaw', 'use-cases'];
+import {jsxs,jsx}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCategoryCard}from'./components/HelpCategoryCard.js';import {PopularArticle}from'./components/PopularArticle.js';import {getAllCategoriesMetadataSync}from'../../utils/markdownLoader.js';import {quickLinksMock,popularArticlesMock}from'./mockData.js';import {Icons}from'../../components/Icons.js';import {ScrollReveal}from'../../components/enterprise/ScrollReveal.js';import {EnterpriseSection}from'../../components/enterprise/EnterpriseSection.js';const FEATURED_CATEGORY_IDS = ['getting-started', 'what-is-yantra', 'browser-extension', 'platform-features', 'ai-employees', 'yantra-assistant', 'solutions-engineering', 'solutions-sales', 'solutions-marketing', 'integrations', 'security-compliance', 'openclaw', 'use-cases'];
 const HelpCenterPage = () => {
   const navigate = useNavigate();
   const helpCategories = getAllCategoriesMetadataSync();
@@ -10,8 +10,9 @@ const HelpCenterPage = () => {
   return jsxs("div", {
     className: "min-h-screen bg-background text-foreground",
     children: [jsx(HelpCenterHeader, {}), jsxs("main", {
-      children: [quickLinksMock?.length > 0 && jsx("section", {
-        className: "border-b border-border bg-muted/30",
+      children: [quickLinksMock?.length > 0 && jsx(ScrollReveal, {
+        as: "section",
+        className: "border-b border-border yh-gradient-band",
         children: jsx("div", {
           className: "mx-auto max-w-7xl px-6 lg:px-16",
           children: jsxs("div", {
@@ -28,96 +29,57 @@ const HelpCenterPage = () => {
             }, link.label))]
           })
         })
-      }), featuredCategories.length > 0 && jsx("section", {
-        className: "py-20",
-        children: jsxs("div", {
-          className: "mx-auto max-w-7xl px-6 lg:px-16",
-          children: [jsxs("div", {
-            className: "mb-12 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
-            children: [jsxs("div", {
-              className: "max-w-prose",
-              children: [jsx("p", {
-                className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-                children: "Featured"
-              }), jsx("h2", {
-                className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-                children: "Start here"
-              }), jsx("p", {
-                className: "mt-2 text-base text-muted-foreground",
-                children: "The topics most teams open first."
-              })]
-            }), jsxs("a", {
-              href: "#all-categories",
-              className: "inline-flex items-center gap-1 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground focus-themed rounded-themed",
-              children: ["All categories", jsx(Icons.MdChevronRightIcon, {
-                className: "h-3.5 w-3.5"
-              })]
-            })]
-          }), jsx("div", {
-            className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-            children: featuredCategories.map(category => jsx(HelpCategoryCard, {
-              category: category,
-              onClick: handleCategoryClick,
-              featured: true
-            }, category.id))
+      }), featuredCategories.length > 0 && jsx(EnterpriseSection, {
+        eyebrow: "Featured",
+        title: "Start here",
+        description: "The topics most teams open first.",
+        headerExtra: jsxs("a", {
+          href: "#all-categories",
+          className: "inline-flex items-center gap-1 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground focus-themed rounded-themed",
+          children: ["All categories", jsx(Icons.MdChevronRightIcon, {
+            className: "h-3.5 w-3.5"
           })]
+        }),
+        children: jsx("div", {
+          className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+          children: featuredCategories.map((category, index) => jsx(HelpCategoryCard, {
+            category: category,
+            index: index,
+            onClick: handleCategoryClick,
+            featured: true
+          }, category.id))
         })
-      }), popularArticlesMock?.length > 0 && jsx("section", {
-        className: "border-t border-border py-20",
+      }), popularArticlesMock?.length > 0 && jsx(EnterpriseSection, {
+        className: "border-t border-border",
+        eyebrow: "Trending",
+        title: "Popular this week",
+        description: "The most-read guides across the help center, refreshed weekly.",
         children: jsx("div", {
-          className: "mx-auto max-w-7xl px-6 lg:px-16",
-          children: jsxs("div", {
-            className: "grid gap-12 lg:grid-cols-[1fr_1.6fr] lg:gap-16",
-            children: [jsxs("div", {
-              className: "max-w-prose",
-              children: [jsx("p", {
-                className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-                children: "Trending"
-              }), jsx("h2", {
-                className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-                children: "Popular this week"
-              }), jsx("p", {
-                className: "mt-2 text-base text-muted-foreground",
-                children: "The most-read guides across the help center, refreshed weekly."
-              })]
-            }), jsx("div", {
-              className: "space-y-2",
-              children: popularArticlesMock.map((article, index) => jsx(PopularArticle, {
-                index: index + 1,
-                title: article.title,
-                description: article.description,
-                readTime: article.readTime,
-                link: article.link
-              }, article.id))
-            })]
-          })
+          className: "max-w-3xl space-y-2",
+          children: popularArticlesMock.map((article, index) => jsx(PopularArticle, {
+            index: index + 1,
+            title: article.title,
+            description: article.description,
+            readTime: article.readTime,
+            link: article.link
+          }, article.id))
         })
-      }), jsx("section", {
+      }), jsx(EnterpriseSection, {
         id: "all-categories",
-        className: "border-t border-border py-20",
-        children: jsxs("div", {
-          className: "mx-auto max-w-7xl px-6 lg:px-16",
-          children: [jsxs("div", {
-            className: "mb-12 max-w-prose",
-            children: [jsx("p", {
-              className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-              children: "Browse"
-            }), jsx("h2", {
-              className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-              children: "All categories"
-            }), jsxs("p", {
-              className: "mt-2 text-base text-muted-foreground",
-              children: [helpCategories.length, " topics, end to end."]
-            })]
-          }), jsx("div", {
-            className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-            children: otherCategories.map(category => jsx(HelpCategoryCard, {
-              category: category,
-              onClick: handleCategoryClick
-            }, category.id))
-          })]
+        className: "border-t border-border",
+        eyebrow: "Browse",
+        title: "All categories",
+        description: `${helpCategories.length} topics, end to end.`,
+        children: jsx("div", {
+          className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+          children: otherCategories.map((category, index) => jsx(HelpCategoryCard, {
+            category: category,
+            index: index,
+            onClick: handleCategoryClick
+          }, category.id))
         })
-      }), jsx("section", {
+      }), jsx(ScrollReveal, {
+        as: "section",
         className: "border-t border-border py-20",
         children: jsxs("div", {
           className: "mx-auto max-w-3xl px-6 text-center lg:px-16",
@@ -131,13 +93,13 @@ const HelpCenterPage = () => {
             className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row",
             children: [jsxs("a", {
               href: "/contact",
-              className: "themed-button inline-flex items-center gap-2 px-6 py-3 text-sm font-semibold focus-themed",
+              className: "yh-cta-surface themed-button inline-flex items-center gap-2 rounded-themed px-6 py-3 text-sm font-semibold text-primary-foreground focus-themed",
               children: [jsx(Icons.MdMailIcon, {
                 className: "h-4 w-4"
               }), "Contact support"]
             }), jsxs("a", {
               href: "/community",
-              className: "inline-flex items-center gap-2 rounded-themed border border-border bg-card px-6 py-3 text-sm font-semibold text-card-foreground transition-colors hover:bg-accent focus-themed",
+              className: "yh-glass-card yh-hover-lift inline-flex items-center gap-2 rounded-themed px-6 py-3 text-sm font-semibold text-card-foreground focus-themed",
               children: [jsx(Icons.MdForumIcon, {
                 className: "h-4 w-4"
               }), "Ask the community"]

package/lib/pages/HelpCenter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/HelpCenter/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"0cASA,MAAM,qBAAqB,GAAG,CAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,WAAA,CAAA;AACT,MAAA,cAAA,GAAA,MAAA;QACD,QAAA,GAAA,WAAA,EAAA;QACG,cAAA,GAAA,4BAAA,EAAA;QACA,kBAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACL,eAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACI,mBAAA,GAAA,EAAA,IAAA;IAClB,QAAuB,CAAA,CAAA,aAAA,EAAA,EAAA,CAAA,CAAA,CAAA;;SAEFA,IAAA,CAAA,KAAA,EAAA;IACrB,SAAc,EAAA,4CAAA;IACd,QAAqB,EAAA,CAAAC,GAAA,CAAA,gBAAA,EAAA,EAAA,CAAA,EAAAD,IAAA,CAAA,MAAA,EAAA;MACX,QAAA,EAAA,CAAA,cAAA,EAAA,MAAA,GAAA,CAAA,IAAAC,GAAA,CAAA,SAAA,EAAA;QACC,SAAA,EAAA,oCAAA;QACb,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEF,UAAM,SAAA,EAA2B,iCAAK;AAClC,UAAM,QAAQ,EAAAD,IAAc,CAAA,KAAA,EAAA;AAC5B,YAAoB,SAAA,EAAA,6DAAkC;YAEhD,QAAA,EAAA,CAAAC,GAAA,CAAkB,MAAiB,EAAA;cACnC,SAAA,EAAe,8EAAuE;AAE5F,cAAyB,QAAA,EAAA;AACrB,aAAA,CAAA,EAAQA,GAAC,CAAA,MAAA,EAAA;AACb,cAAE,SAAA,EAAA;aAGO,CAAA,EAAA,cAAA,CAAA,GAAA,CAAA,IAAU,IAAAA,GAAA,CAAA,GAAA,EAAA;AAkJvB,cAAE,IAAA,EAAA,IAAA,CAAA,IAAA;AAEF,cAAA,oKAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/HelpCenter/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kmBAUA,MAAM,qBAAqB,GAAG,CAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,WAAA,CAAA;AACT,MAAA,cAAA,GAAA,MAAA;QACD,QAAA,GAAA,WAAA,EAAA;QACG,cAAA,GAAA,4BAAA,EAAA;QACA,kBAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACL,eAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACI,mBAAA,GAAA,EAAA,IAAA;IAClB,QAAuB,CAAA,CAAA,aAAA,EAAA,EAAA,CAAA,CAAA,CAAA;;SAEFA,IAAA,CAAA,KAAA,EAAA;IACrB,SAAc,EAAA,4CAAA;IACd,QAAqB,EAAA,CAAAC,GAAA,CAAA,gBAAA,EAAA,EAAA,CAAA,EAAAD,IAAA,CAAA,MAAA,EAAA;MACX,QAAA,EAAA,CAAA,cAAA,EAAA,MAAA,GAAA,CAAA,IAAAC,GAAA,CAAA,YAAA,EAAA;QACC,EAAA,EAAA,SAAA;QACb,SAAA,EAAA,yCAAA;AAEF,QAAM,QAAA,EAAAA,GAA2B,CAAA,KAAK,EAAA;AAClC,UAAM,SAAQ,EAAG,iCAAc;AAC/B,UAAM,QAAc,EAAAD,IAAA,CAAA,KAA+B,EAAA;YAE7C,SAAA,EAAA;YACA,QAAA,EAAA,CAAAC,IAAkB,MAAc,EAAA;AAEtC,cAAyB,SAAA,EAAA,8EAAkB;AACvC,cAAA,QAAS,EAAA;AACb,aAAE,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;;AA8HN,aAAE,CAAA,EAAA,cAAA,CAAA,GAAA,CAAA,IAAA,IAAAA,GAAA,CAAA,GAAA,EAAA;AAEF,cAAA,eAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/LandingPageStyles.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Landing hero pages use a transparent site header at the top (Clockbook pattern).
+ * Hero fluid shows through the header; scrolled styles come from HeroHeaderScrollStyles.
+ */
+export declare const LandingPageStyles: React.FC;
+//# sourceMappingURL=LandingPageStyles.d.ts.map

package/lib/pages/LandingPage/LandingPageStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageStyles.d.ts","sourceRoot":"","sources":["../../../src/pages/LandingPage/LandingPageStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAe,CAAC"}

package/lib/pages/LandingPage/LandingPageStyles.js

@@ -0,0 +1,5 @@
+/**
+ * Landing hero pages use a transparent site header at the top (Clockbook pattern).
+ * Hero fluid shows through the header; scrolled styles come from HeroHeaderScrollStyles.
+ */
+const LandingPageStyles = () => null;export{LandingPageStyles};//# sourceMappingURL=LandingPageStyles.js.map

package/lib/pages/LandingPage/LandingPageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageStyles.js","sources":["../../../src/pages/LandingPage/LandingPageStyles.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;AAGG;MACU,iBAAiB,GAAa,MAAM"}

package/lib/pages/LandingPage/components/ArticleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2BlD,CAAC"}
+{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4BlD,CAAC"}

package/lib/pages/LandingPage/components/ArticleCard.js

@@ -8,7 +8,10 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/
   return jsxs("button", {
     type: "button",
     onClick: onClick,
-    className: "themed-card group flex w-full flex-col items-start p-6 text-left interactive-hover focus-themed",
+    className: "yh-glass-card yh-hover-lift yh-stagger-item themed-card group flex w-full flex-col items-start rounded-themed-lg p-6 text-left focus-themed",
+    style: {
+      ['--i']: index
+    },
     children: [jsxs("div", {
       className: "mb-5 flex w-full items-center justify-between",
       children: [jsx("span", {

package/lib/pages/LandingPage/components/ArticleCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleCard.js","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"0FAWa,MAAA,WAAW,GAA+B,CAAC;AACpD,EAAA,KAAA;AA0BJ,EAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArticleCard.js","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"0FAWa,MAAA,WAAW,GAA+B,CAAC;OAC7C;AA2BX,EAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/components/CategoriesSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,sBAAsB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4B9D,CAAC"}
+{"version":3,"file":"CategoriesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,sBAAsB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsB9D,CAAC"}

package/lib/pages/LandingPage/components/CategoriesSection.js

@@ -1,37 +1,22 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js';const CategoriesSection = ({
+import {jsx}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js';import'react';import'clsx';import'tailwind-merge';import {EnterpriseSection}from'../../../components/enterprise/EnterpriseSection.js';const CategoriesSection = ({
   title,
   categories,
   onCategoryClick
 }) => {
-  return jsx("section", {
-    className: "border-b border-border py-20",
-    children: jsxs("div", {
-      className: "mx-auto max-w-7xl px-6 lg:px-16",
-      children: [jsx("div", {
-        className: "mb-12 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between",
-        children: jsxs("div", {
-          className: "max-w-prose",
-          children: [jsx("p", {
-            className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-            children: "Browse"
-          }), jsx("h2", {
-            className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-            children: title
-          }), jsx("p", {
-            className: "mt-2 text-base text-muted-foreground",
-            children: "Pick a topic. Or search above; everything is indexed."
-          })]
-        })
-      }), jsx("div", {
-        className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-        children: categories.map(cat => jsx(CategoryCard, {
-          title: cat.title,
-          description: cat.description,
-          icon: cat.icon,
-          badge: cat.badge,
-          onClick: () => onCategoryClick?.(cat.href)
-        }, cat.id))
-      })]
+  return jsx(EnterpriseSection, {
+    eyebrow: "Browse",
+    title: title,
+    description: "Pick a topic. Or search above; everything is indexed.",
+    children: jsx("div", {
+      className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+      children: categories.map((cat, index) => jsx(CategoryCard, {
+        index: index,
+        title: cat.title,
+        description: cat.description,
+        icon: cat.icon,
+        badge: cat.badge,
+        onClick: () => onCategoryClick?.(cat.href)
+      }, cat.id))
     })
   });
 };export{CategoriesSection};//# sourceMappingURL=CategoriesSection.js.map

package/lib/pages/LandingPage/components/CategoriesSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesSection.js","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"sFAkBO,MAAM,iBAAiB,GAAqC,CAAC;OACzD;AA2BX,EAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoriesSection.js","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"uNAmBO,MAAM,iBAAiB,GAAqC,CAAC;AAChE,EAAA,KAAA;AAqBJ,EAAE,UAAA;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/components/CategoryCard.d.ts

@@ -4,6 +4,7 @@ interface CategoryCardProps {
     description: string;
     icon?: React.ReactNode;
     badge?: string;
+    index?: number;
     onClick?: () => void;
 }
 export declare const CategoryCard: React.FC<CategoryCardProps>;

package/lib/pages/LandingPage/components/CategoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgCpD,CAAC"}
+{"version":3,"file":"CategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiCpD,CAAC"}

package/lib/pages/LandingPage/components/CategoryCard.js

@@ -7,12 +7,16 @@ const CategoryCard = ({
   description,
   icon,
   badge,
+  index = 0,
   onClick
 }) => {
   return jsxs("button", {
     type: "button",
     onClick: onClick,
-    className: "themed-card group relative flex w-full items-start gap-4 p-5 text-left interactive-hover focus-themed",
+    style: {
+      ['--i']: index
+    },
+    className: "yh-glass-card yh-hover-lift yh-stagger-item themed-card group relative flex w-full items-start gap-4 rounded-themed-lg p-5 text-left focus-themed",
     children: [icon && jsx("div", {
       className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-themed bg-muted text-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary",
       children: icon

package/lib/pages/LandingPage/components/CategoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryCard.js","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"0FAWA,MAAM,UAAU,GAA2B;AACvC,EAAA,OAAA,EAAO,4CAA8C;AACrD,EAAA,GAAA,EAAG;CACN;AAEY,MAAA,YAAY,GAAgC,CAAC;AACtD,EAAA,KAAA;AA+BJ,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryCard.js","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"0FAYA,MAAM,UAAU,GAA2B;AACvC,EAAA,OAAA,EAAO,4CAA8C;AACrD,EAAA,GAAA,EAAG;CACN;MAEY,YAAY,GAAgC,CAAC;OAC/C;AAgCX,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/components/FeaturedSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0B1D,CAAC"}
+{"version":3,"file":"FeaturedSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqB1D,CAAC"}

package/lib/pages/LandingPage/components/FeaturedSection.js

@@ -1,34 +1,21 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {ArticleCard}from'./ArticleCard.js';const FeaturedSection = ({
+import {jsx}from'react/jsx-runtime';import {ArticleCard}from'./ArticleCard.js';import'react';import'clsx';import'tailwind-merge';import {EnterpriseSection}from'../../../components/enterprise/EnterpriseSection.js';const FeaturedSection = ({
   title,
   articles,
   onArticleClick
 }) => {
-  return jsx("section", {
-    className: "border-b border-border py-20",
-    children: jsxs("div", {
-      className: "mx-auto max-w-7xl px-6 lg:px-16",
-      children: [jsxs("div", {
-        className: "mb-12 max-w-prose",
-        children: [jsx("p", {
-          className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-          children: "Featured"
-        }), jsx("h2", {
-          className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-          children: title
-        }), jsx("p", {
-          className: "mt-2 text-base text-muted-foreground",
-          children: "Read these first. Most teams hit the rest from a search."
-        })]
-      }), jsx("div", {
-        className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3",
-        children: articles.map((article, idx) => jsx(ArticleCard, {
-          index: idx + 1,
-          title: article.title,
-          description: article.description,
-          readTime: article.readTime,
-          onClick: () => onArticleClick?.(article.href)
-        }, article.id))
-      })]
+  return jsx(EnterpriseSection, {
+    eyebrow: "Featured",
+    title: title,
+    description: "Read these first. Most teams hit the rest from a search.",
+    children: jsx("div", {
+      className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3",
+      children: articles.map((article, idx) => jsx(ArticleCard, {
+        index: idx,
+        title: article.title,
+        description: article.description,
+        readTime: article.readTime,
+        onClick: () => onArticleClick?.(article.href)
+      }, article.id))
     })
   });
 };export{FeaturedSection};//# sourceMappingURL=FeaturedSection.js.map

package/lib/pages/LandingPage/components/FeaturedSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedSection.js","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"oFAiBO,MAAM,eAAe,GAAmC,CAAC;OACrD;AAyBX,EAAE,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedSection.js","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"qNAkBO,MAAM,eAAe,GAAmC,CAAC;AAC5D,EAAA,KAAA;AAoBJ,EAAE,QAAA;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/components/HeroAnimatedBackground.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** Landing / footer fluid backdrop. Parent must be `relative overflow-hidden`. */
+export declare function HeroAnimatedBackground(): React.ReactElement;
+//# sourceMappingURL=HeroAnimatedBackground.d.ts.map

package/lib/pages/LandingPage/components/HeroAnimatedBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroAnimatedBackground.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HeroAnimatedBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,kFAAkF;AAClF,wBAAgB,sBAAsB,IAAI,KAAK,CAAC,YAAY,CAoB3D"}

package/lib/pages/LandingPage/components/HeroAnimatedBackground.js

@@ -0,0 +1,16 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {usePrefersReducedMotion}from'../../../hooks/usePrefersReducedMotion.js';import {useHeroHeaderAtTop}from'../../../hooks/useHeroHeaderAtTop.js';import {HeroFluidCanvas}from'./HeroFluidCanvas.js';import {HeroHeaderScrollStyles}from'../../../components/HeroHeaderScrollStyles.js';import {EnterprisePageStyles}from'../../../components/enterprise/EnterprisePageStyles.js';import'react';import'clsx';import'tailwind-merge';import {LandingPageStyles}from'../LandingPageStyles.js';/** Landing / footer fluid backdrop. Parent must be `relative overflow-hidden`. */
+function HeroAnimatedBackground() {
+  const reducedMotion = usePrefersReducedMotion();
+  useHeroHeaderAtTop(true);
+  return jsxs(Fragment, {
+    children: [jsx(LandingPageStyles, {}), jsx(EnterprisePageStyles, {}), jsx(HeroHeaderScrollStyles, {}), jsx(HeroFluidCanvas, {
+      reducedMotion: reducedMotion
+    }), jsx("div", {
+      className: "pointer-events-none absolute inset-0 z-[2] opacity-[0.35]",
+      style: {
+        backgroundImage: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E\")"
+      },
+      "aria-hidden": true
+    })]
+  });
+}export{HeroAnimatedBackground};//# sourceMappingURL=HeroAnimatedBackground.js.map

package/lib/pages/LandingPage/components/HeroAnimatedBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroAnimatedBackground.js","sources":["../../../../src/pages/LandingPage/components/HeroAnimatedBackground.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"khBAQA;SACgB,sBAAsB,GAAA;AAClC,EAAA,MAAA,aAAmB,GAAA,uBAA0B,EAAA;oBAC3B,CAAA,IAAK,CAAA;AAEvB,EAAA,OAAAA,IACI,CAAAC,QAAA,EAAA;AAQY,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,iBACI,EAAqT,EAAA,CAAA,EAAAA,GAAA,CAAA,oBAAA,EAAA,EAAA,CAAA,EAAAA,GAAA,CAAA,sBAAA,EAAA,EAAA,CAAA,EAAAA,GAAA,CAAA,eAAA,EAAA;mBAG/T,EAAA;AAGd,KAAC,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;"}

package/lib/pages/LandingPage/components/HeroFluidCanvas.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface HeroFluidCanvasProps {
+    reducedMotion: boolean;
+    className?: string;
+}
+export declare function HeroFluidCanvas({ reducedMotion, className }: HeroFluidCanvasProps): React.ReactElement;
+export {};
+//# sourceMappingURL=HeroFluidCanvas.d.ts.map

package/lib/pages/LandingPage/components/HeroFluidCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroFluidCanvas.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HeroFluidCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA8MjD,UAAU,oBAAoB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAkPtG"}