@adminide-stack/yantra-help-browser 12.0.17 → 12.0.19-alpha.1

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,statsMock,testimonialMock,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';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,77 +10,51 @@ const HelpCenterPage = () => {
   return jsxs("div", {
     className: "min-h-screen bg-background text-foreground",
     children: [jsx(HelpCenterHeader, {}), jsxs("main", {
-      className: "relative z-10",
-      children: [jsx("section", {
-        className: "border-b border-border/40 bg-muted/30",
+      children: [quickLinksMock?.length > 0 && jsx("section", {
+        className: "border-b border-border bg-muted/30",
         children: jsx("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
+          className: "mx-auto max-w-7xl px-6 lg:px-16",
           children: jsxs("div", {
-            className: "flex items-center gap-5 py-3 overflow-x-auto scrollbar-hide",
+            className: "scrollbar-hide flex items-center gap-2 overflow-x-auto py-3",
             children: [jsx("span", {
-              className: "shrink-0 text-[11px] font-semibold uppercase tracking-[0.15em] text-muted-foreground/50",
-              children: "Navigate"
-            }), jsx("div", {
-              className: "h-4 w-px bg-border/60 shrink-0"
-            }), quickLinksMock.map(link => jsxs("a", {
+              className: "shrink-0 text-xs font-bold uppercase tracking-[0.18em] text-muted-foreground",
+              children: "Jump to"
+            }), jsx("span", {
+              className: "h-3 w-px shrink-0 bg-border"
+            }), quickLinksMock.map(link => jsx("a", {
               href: link.href,
-              className: "shrink-0 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[13px] font-medium text-muted-foreground transition-all duration-200 hover:text-foreground hover:bg-muted",
-              children: [jsx("span", {
-                className: "text-[12px]",
-                children: link.icon
-              }), link.label]
+              className: "shrink-0 rounded-themed px-3 py-1 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-themed",
+              children: link.label
             }, link.label))]
           })
         })
-      }), jsx("section", {
-        className: "py-12 border-b border-border/30",
-        children: jsx("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
-          children: jsx("div", {
-            className: "grid grid-cols-2 gap-6 md:grid-cols-4",
-            children: statsMock.map(stat => jsxs("div", {
-              className: "group text-center",
-              children: [jsx("div", {
-                className: "text-3xl font-extrabold tracking-tight bg-gradient-to-r from-foreground to-foreground/60 bg-clip-text text-transparent md:text-4xl",
-                children: stat.value
-              }), jsx("div", {
-                className: "mt-1 text-xs font-medium text-muted-foreground",
-                children: stat.label
-              })]
-            }, stat.label))
-          })
-        })
       }), featuredCategories.length > 0 && jsx("section", {
-        className: "py-16",
+        className: "py-20",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
+          className: "mx-auto max-w-7xl px-6 lg:px-16",
           children: [jsxs("div", {
-            className: "mb-10 flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4",
+            className: "mb-12 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
             children: [jsxs("div", {
-              children: [jsxs("div", {
-                className: "flex items-center gap-2 mb-2",
-                children: [jsx("div", {
-                  className: "h-1 w-8 rounded-full bg-gradient-to-r from-cyan-500 to-blue-500"
-                }), jsx("span", {
-                  className: "text-[11px] font-bold uppercase tracking-[0.15em] text-cyan-500",
-                  children: "Explore"
-                })]
+              className: "max-w-prose",
+              children: [jsx("p", {
+                className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
+                children: "Featured"
               }), jsx("h2", {
-                className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-                children: "Featured Topics"
+                className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+                children: "Start here"
               }), jsx("p", {
-                className: "mt-1.5 text-sm text-muted-foreground",
-                children: "Start with the most popular categories handpicked for you"
+                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.5 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
-              children: ["View all categories", jsx(Icons.MdChevronRightIcon, {
+              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-4 sm:grid-cols-2 lg:grid-cols-3",
+            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,
@@ -88,69 +62,55 @@ const HelpCenterPage = () => {
             }, category.id))
           })]
         })
-      }), jsx("section", {
-        className: "py-16 border-t border-border/30",
+      }), popularArticlesMock?.length > 0 && jsx("section", {
+        className: "border-t border-border py-20",
         children: jsx("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-4xl",
+          className: "mx-auto max-w-7xl px-6 lg:px-16",
           children: jsxs("div", {
-            className: "relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#0c1222] to-[#111827] p-10 lg:p-14 text-center",
-            children: [jsx("div", {
-              className: "absolute top-0 left-0 h-40 w-40 rounded-full bg-cyan-500/10 blur-[80px]"
-            }), jsx("div", {
-              className: "absolute bottom-0 right-0 h-40 w-40 rounded-full bg-violet-500/10 blur-[80px]"
-            }), jsxs("div", {
-              className: "relative z-10",
-              children: [jsx("div", {
-                className: "mb-6 flex justify-center gap-1",
-                children: [...Array(5)].map((_, i) => jsx(Icons.StarIcon, {
-                  className: "h-5 w-5 text-amber-400"
-                }, i))
-              }), jsxs("blockquote", {
-                className: "text-lg font-medium leading-relaxed text-white/90 lg:text-xl",
-                children: ["\u201C", testimonialMock.quote, "\u201D"]
-              }), jsxs("div", {
-                className: "mt-6 flex items-center justify-center gap-3",
-                children: [jsx("div", {
-                  className: "flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 text-sm font-bold text-white",
-                  children: testimonialMock.author.split(' ').map(n => n[0]).join('')
-                }), jsxs("div", {
-                  className: "text-left",
-                  children: [jsx("div", {
-                    className: "text-sm font-semibold text-white",
-                    children: testimonialMock.author
-                  }), jsx("div", {
-                    className: "text-xs text-white/40",
-                    children: testimonialMock.role
-                  })]
-                })]
+            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))
             })]
           })
         })
       }), jsx("section", {
         id: "all-categories",
-        className: "py-16 border-t border-border/30",
+        className: "border-t border-border py-20",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
+          className: "mx-auto max-w-7xl px-6 lg:px-16",
           children: [jsxs("div", {
-            className: "mb-10",
-            children: [jsxs("div", {
-              className: "flex items-center gap-2 mb-2",
-              children: [jsx("div", {
-                className: "h-1 w-8 rounded-full bg-gradient-to-r from-violet-500 to-purple-500"
-              }), jsx("span", {
-                className: "text-[11px] font-bold uppercase tracking-[0.15em] text-violet-500",
-                children: "Browse"
-              })]
+            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: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-              children: "All Categories"
+              className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+              children: "All categories"
             }), jsxs("p", {
-              className: "mt-1.5 text-sm text-muted-foreground",
-              children: [helpCategories.length, " topics covering every aspect of the platform"]
+              className: "mt-2 text-base text-muted-foreground",
+              children: [helpCategories.length, " topics, end to end."]
             })]
           }), jsx("div", {
-            className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+            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
@@ -158,129 +118,31 @@ const HelpCenterPage = () => {
           })]
         })
       }), jsx("section", {
-        className: "py-16 border-t border-border/30",
-        children: jsx("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
-          children: jsxs("div", {
-            className: "relative overflow-hidden rounded-3xl border border-border/60 bg-gradient-to-br from-muted/40 via-background to-muted/20 p-8 lg:p-14",
-            children: [jsx("div", {
-              className: "pointer-events-none absolute -top-24 -right-24 h-72 w-72 rounded-full bg-gradient-to-br from-cyan-500/[0.06] to-violet-500/[0.06] blur-3xl"
-            }), jsx("div", {
-              className: "pointer-events-none absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-gradient-to-br from-amber-500/[0.04] to-pink-500/[0.04] blur-3xl"
-            }), jsxs("div", {
-              className: "relative z-10 grid gap-10 lg:grid-cols-[1fr_1.6fr] lg:gap-16 items-start",
-              children: [jsxs("div", {
-                children: [jsxs("div", {
-                  className: "flex items-center gap-2 mb-2",
-                  children: [jsx("div", {
-                    className: "h-1 w-8 rounded-full bg-gradient-to-r from-amber-500 to-orange-500"
-                  }), jsx("span", {
-                    className: "text-[11px] font-bold uppercase tracking-[0.15em] text-amber-500",
-                    children: "Trending"
-                  })]
-                }), jsx("h2", {
-                  className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-                  children: "Popular Articles"
-                }), jsx("p", {
-                  className: "mt-2 text-sm leading-relaxed text-muted-foreground",
-                  children: "The most-read guides from our knowledge base, updated weekly."
-                }), jsxs("div", {
-                  className: "mt-8 space-y-3",
-                  children: [jsxs("div", {
-                    className: "flex items-center gap-3 rounded-xl border border-border/40 bg-background/60 px-4 py-3",
-                    children: [jsx("div", {
-                      className: "flex h-9 w-9 items-center justify-center rounded-lg bg-cyan-500/10 text-cyan-500",
-                      children: jsx(Icons.MdDescriptionIcon, {
-                        className: "h-4 w-4"
-                      })
-                    }), jsxs("div", {
-                      children: [jsx("div", {
-                        className: "text-lg font-bold text-foreground",
-                        children: "117+"
-                      }), jsx("div", {
-                        className: "text-[11px] text-muted-foreground",
-                        children: "Articles & guides"
-                      })]
-                    })]
-                  }), jsxs("div", {
-                    className: "flex items-center gap-3 rounded-xl border border-border/40 bg-background/60 px-4 py-3",
-                    children: [jsx("div", {
-                      className: "flex h-9 w-9 items-center justify-center rounded-lg bg-violet-500/10 text-violet-500",
-                      children: jsx(Icons.MdViewListIcon, {
-                        className: "h-4 w-4"
-                      })
-                    }), jsxs("div", {
-                      children: [jsx("div", {
-                        className: "text-lg font-bold text-foreground",
-                        children: "27"
-                      }), jsx("div", {
-                        className: "text-[11px] text-muted-foreground",
-                        children: "Categories"
-                      })]
-                    })]
-                  })]
-                })]
-              }), 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))
-              })]
-            })]
-          })
-        })
-      }), jsx("section", {
-        className: "py-16 border-t border-border/30",
-        children: jsx("div", {
-          className: "container mx-auto px-6 lg:px-16 max-w-4xl",
-          children: jsxs("div", {
-            className: "relative overflow-hidden rounded-3xl bg-gradient-to-r from-cyan-500 via-blue-600 to-violet-600 p-10 lg:p-14 text-center",
-            children: [jsxs("div", {
-              className: "pointer-events-none absolute inset-0 overflow-hidden",
-              children: [jsx("div", {
-                className: "absolute top-4 left-[20%] h-2 w-2 rounded-full bg-white/20"
-              }), jsx("div", {
-                className: "absolute bottom-6 right-[25%] h-1.5 w-1.5 rounded-full bg-white/15"
-              }), jsx("div", {
-                className: "absolute top-[40%] right-[10%] h-2 w-2 rounded-full bg-white/10"
-              }), jsx("div", {
-                className: "absolute bottom-[30%] left-[10%] h-1.5 w-1.5 rounded-full bg-white/20"
-              })]
-            }), jsxs("div", {
-              className: "relative z-10",
-              children: [jsxs("div", {
-                className: "inline-flex items-center gap-2 rounded-full border border-white/20 bg-white/10 px-4 py-1.5 text-[12px] font-medium text-white/80 backdrop-blur-sm mb-5",
-                children: [jsx(Icons.MdInfoIcon, {
-                  className: "h-3.5 w-3.5"
-                }), "Need more help?"]
-              }), jsx("h2", {
-                className: "text-2xl font-extrabold text-white lg:text-3xl",
-                children: "Can't find what you're looking for?"
-              }), jsx("p", {
-                className: "mt-3 mx-auto max-w-md text-base text-white/70",
-                children: "Our support team is here 24/7. Get instant help from our AI assistant or reach out to a human expert."
-              }), jsxs("div", {
-                className: "mt-8 flex flex-col sm:flex-row items-center justify-center gap-3",
-                children: [jsxs("a", {
-                  href: "#",
-                  className: "inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 text-sm font-semibold text-gray-900 shadow-lg shadow-black/10 transition-all hover:bg-gray-100 hover:shadow-xl hover:-translate-y-0.5",
-                  children: [jsx(Icons.MdForumIcon, {
-                    className: "h-4 w-4"
-                  }), "Chat with AI Assistant"]
-                }), jsxs("a", {
-                  href: "#",
-                  className: "inline-flex items-center gap-2 rounded-xl border border-white/30 bg-white/10 px-6 py-3 text-sm font-semibold text-white backdrop-blur-sm transition-all hover:bg-white/20 hover:border-white/40 hover:-translate-y-0.5",
-                  children: [jsx(Icons.MdMailIcon, {
-                    className: "h-4 w-4"
-                  }), "Contact Support"]
-                })]
-              })]
+        className: "border-t border-border py-20",
+        children: jsxs("div", {
+          className: "mx-auto max-w-3xl px-6 text-center lg:px-16",
+          children: [jsx("h2", {
+            className: "text-3xl font-bold tracking-tight text-foreground",
+            children: "Still stuck?"
+          }), jsx("p", {
+            className: "mx-auto mt-3 max-w-prose text-base text-muted-foreground",
+            children: "Search didn't turn it up. Send a note: we read every one and respond fast."
+          }), jsxs("div", {
+            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",
+              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",
+              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":"oeASA,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,SAAA,EAAA,eAAA;MACC,QAAA,EAAA,CAAAC,GAAA,CAAA,SAAA,EAAA;QACb,SAAA,EAAA,uCAAA;AAEF,QAAM,QAAA,EAAAA,GAA2B,CAAA,KAAK,EAAA;AAClC,UAAM,SAAQ,EAAG,2CAAc;AAC/B,UAAM,QAAc,EAAAD,IAAA,CAAA,KAA+B,EAAA;YAE7C,SAAA,EAAA;YACA,QAAA,EAAA,CAAAC,IAAkB,MAAc,EAAA;AAEtC,cAAyB,SAAA,EAAA,yFAAkB;AACvC,cAAA,QAAS,EAAA;AACb,aAAE,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEF,cACS,SAAA,EAAA;;;0MA6G6F;AAmJ1G,cAAE,QAAA,EAAA,CAAAA,GAAA,CAAA,MAAA,EAAA;AAEF,wCAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/mockData.js

@@ -63,22 +63,4 @@ const quickLinksMock = [{
   label: 'OpenClaw',
   href: '/help-center/openclaw',
   icon: '\u{1F419}'
-}];
-const testimonialMock = {
-  quote: 'The help center made onboarding our team incredibly smooth. We went from zero to deploying 12 AI employees across engineering and support in just one week.',
-  author: 'Sarah Chen',
-  role: 'VP of Engineering at Acme Corp'
-};
-const statsMock = [{
-  value: '117+',
-  label: 'Help Articles'
-}, {
-  value: '27',
-  label: 'Categories'
-}, {
-  value: '< 2min',
-  label: 'Avg. Response Time'
-}, {
-  value: '99.9%',
-  label: 'Platform Uptime'
-}];export{popularArticlesMock,quickLinksMock,statsMock,testimonialMock};//# sourceMappingURL=mockData.js.map
+}];export{popularArticlesMock,quickLinksMock};//# sourceMappingURL=mockData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mockData.js","sources":["../../../src/pages/HelpCenter/mockData.ts"],"sourcesContent":[null],"names":[],"mappings":"AAsKK,MAAA,mBAAA,GAAA,CAAA;AACD,EAAA,EAAA,EAAA,mBAAA;AACI,EAAA,KAAA,EAAA,0BAAwB;AACxB,EAAA,WAAK,EAAE,uFAAoB;AAC3B,EAAA,QAAA,EAAA,OAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,EAAA,EAAA,oBAAA;EACH,KAAA,EAAA,mCAAA;AAEF,EAAM,WAAO,EAAA,kFAAiB;UACxB,EAAO,OAAA;MACP,EAAA;;IAEF,EAAE,mBAAO;OACP,EAAA,yBAAyB;aAClB,EAAA,iFAAyE;UAChF,EAAO,OAAA;EACX,IAAA,EAAA;AAEF,CAAM,EAAA;AACF,EAAA,EAAA,EAAA,mBAAoK;AACpK,EAAA,KAAA,EAAA,gCAAoB;AACpB,EAAA,WAAsC,EAAA,sFAAA;EACxC,QAAA,EAAA,OAAA;AAEF,EAAM,IAAA,EAAO;AACT,CAAA,EAAA;AACA,EAAA,EAAA,EAAE;AACF,EAAA;AACA,EAAA,WAAS,EAAA,sFAAmC;EAC9C,QAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"mockData.js","sources":["../../../src/pages/HelpCenter/mockData.ts"],"sourcesContent":[null],"names":[],"mappings":"AAsKK,MAAA,mBAAA,GAAA,CAAA;AACD,EAAA,EAAA,EAAA,mBAAA;AACI,EAAA,KAAA,EAAA,0BAAwB;AACxB,EAAA,WAAK,EAAE,uFAAoB;AAC3B,EAAA,QAAA,EAAA,OAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,EAAA,EAAA,oBAAA;EACH,KAAA,EAAA,mCAAA;AAEF,EAAM,WAAO,EAAA,kFAAiB;UACxB,EAAO,OAAA;MACP,EAAA;;IAEF,EAAE,mBAAO;OACP,EAAA,yBAAyB;aAClB,EAAA,iFAAyE;UAChF,EAAO,OAAA;EACX,IAAA,EAAA;AAEF,CAAM,EAAA;AACF,EAAA,EAAA,EAAA,mBAAoK;AACpK,EAAA,KAAA,EAAA,gCAAoB;AACpB,EAAA,WAAsC,EAAA,sFAAA;EACxC,QAAA,EAAA,OAAA;AAEF,EAAM,IAAA,EAAO;AACT,CAAA,EAAA;AACA,EAAA,EAAA,EAAE;AACF,EAAA;AACA,EAAA,WAAS,EAAA,sFAAmC;EAC9C,QAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,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,CA2BlD,CAAC"}

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

@@ -1,39 +1,33 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';const RANK_COLORS = ['from-amber-400 to-orange-500', 'from-slate-300 to-slate-400', 'from-amber-600 to-amber-700'];
-const ArticleCard = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';const ArticleCard = ({
   index,
   title,
   description,
   readTime,
   onClick
 }) => {
-  const gradient = RANK_COLORS[index - 1] || 'from-muted-foreground/60 to-muted-foreground/40';
-  return jsxs("div", {
-    className: "group relative cursor-pointer overflow-hidden rounded-2xl border border-border/60 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-amber-500/30 hover:shadow-lg hover:shadow-amber-500/[0.04]",
+  return jsxs("button", {
+    type: "button",
     onClick: onClick,
-    children: [jsx("div", {
-      className: "absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-amber-500/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"
+    className: "themed-card group flex w-full flex-col items-start p-6 text-left interactive-hover focus-themed",
+    children: [jsxs("div", {
+      className: "mb-5 flex w-full items-center justify-between",
+      children: [jsx("span", {
+        className: "font-mono text-xs font-semibold tracking-widest text-muted-foreground",
+        children: String(index).padStart(2, '0')
+      }), readTime && jsx("span", {
+        className: "rounded-themed bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground",
+        children: readTime
+      })]
+    }), jsx("h3", {
+      className: "text-lg font-semibold leading-snug text-card-foreground transition-colors group-hover:text-primary",
+      children: title
+    }), jsx("p", {
+      className: "mt-2 text-sm leading-relaxed text-muted-foreground",
+      children: description
     }), jsxs("div", {
-      className: "relative z-10",
-      children: [jsxs("div", {
-        className: "mb-4 flex items-center justify-between",
-        children: [jsx("div", {
-          className: `flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} text-[12px] font-bold text-white shadow-sm`,
-          children: index
-        }), readTime && jsx("span", {
-          className: "rounded-full bg-muted px-2.5 py-0.5 text-[11px] font-medium text-muted-foreground",
-          children: readTime
-        })]
-      }), jsx("h3", {
-        className: "mb-2 text-[15px] font-semibold leading-snug text-foreground transition-colors group-hover:text-amber-500",
-        children: title
-      }), jsx("p", {
-        className: "text-[13px] leading-relaxed text-muted-foreground",
-        children: description
-      }), jsxs("div", {
-        className: "mt-4 flex items-center gap-1 text-[13px] font-medium text-amber-500 opacity-0 transition-all duration-300 group-hover:opacity-100",
-        children: ["Read article", ' ', jsx(Icons.ArrowRightIcon, {
-          className: "h-3.5 w-3.5 transition-transform group-hover:translate-x-1"
-        })]
+      className: "mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-primary",
+      children: ["Read article", jsx(Icons.ArrowRightIcon, {
+        className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:translate-x-0.5"
       })]
     })]
   });

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,MAAM,WAAW,GAAG,CAAC,8BAA8B,EAAE,6BAA6B,EAAE,6BAA6B,CAAC;AAErG,MAAA,WAAW,GAA+B,CAAC;OAC9C;AAEN,EAAA,KAAA;AA+BJ,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,CAiC9D,CAAC"}
+{"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"}

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

@@ -4,30 +4,26 @@ import {jsx,jsxs}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCar
   onCategoryClick
 }) => {
   return jsx("section", {
-    className: "py-16",
+    className: "border-b border-border py-20",
     children: jsxs("div", {
-      className: "container mx-auto max-w-7xl px-6 lg:px-16",
+      className: "mx-auto max-w-7xl px-6 lg:px-16",
       children: [jsx("div", {
-        className: "mb-10 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+        className: "mb-12 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between",
         children: jsxs("div", {
-          children: [jsxs("div", {
-            className: "mb-2 flex items-center gap-2",
-            children: [jsx("div", {
-              className: "h-1 w-8 rounded-full bg-gradient-to-r from-cyan-500 to-blue-500"
-            }), jsx("span", {
-              className: "text-[11px] font-bold uppercase tracking-[0.15em] text-cyan-500",
-              children: "Browse"
-            })]
+          className: "max-w-prose",
+          children: [jsx("p", {
+            className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
+            children: "Browse"
           }), jsx("h2", {
-            className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
+            className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
             children: title
           }), jsx("p", {
-            className: "mt-1.5 text-sm text-muted-foreground",
-            children: "Jump into the topic that matters most to you"
+            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-4 sm:grid-cols-2 lg:grid-cols-3",
+        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,

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;AAgCX,EAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,CA2CpD,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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgCpD,CAAC"}