@adminide-stack/yantra-help-browser 12.0.16-alpha.6 → 12.0.16

package/lib/pages/HelpCenter/components/PopularArticle.js

@@ -1,50 +1,35 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';const PopularArticle = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';import {Icons}from'../../../components/Icons.js';const RANK_COLORS = ['from-amber-500 to-orange-500 text-white', 'from-gray-300 to-gray-400 text-gray-700', 'from-orange-400 to-amber-600 text-white', 'from-muted to-muted text-muted-foreground', 'from-muted to-muted text-muted-foreground', 'from-muted to-muted text-muted-foreground'];
+const PopularArticle = ({
   title,
+  description,
+  readTime,
   link,
+  index,
   className
 }) => {
+  const rankClass = index != null ? RANK_COLORS[index - 1] || RANK_COLORS[3] : RANK_COLORS[3];
   return jsx("div", {
-    className: cn("group", className),
+    className: cn('group', className),
     children: jsxs("a", {
       href: link,
-      className: "flex items-center justify-between rounded-xl border border-border bg-card px-6 py-4 transition-all duration-200 hover:border-primary/50 hover:shadow-md hover:-translate-y-0.5",
-      children: [jsxs("div", {
-        className: "flex items-center space-x-4",
+      className: "flex items-center gap-4 rounded-xl border border-border/30 bg-background/50 px-4 py-3.5 transition-all duration-200 hover:border-border/60 hover:bg-background hover:shadow-md hover:-translate-y-0.5",
+      children: [index != null && jsx("div", {
+        className: cn('flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br text-[11px] font-extrabold', rankClass),
+        children: String(index).padStart(2, '0')
+      }), jsxs("div", {
+        className: "min-w-0 flex-1",
         children: [jsx("div", {
-          className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10 text-primary",
-          children: jsx("svg", {
-            className: "h-4 w-4",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: jsx("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-            })
-          })
-        }), jsx("span", {
-          className: "font-medium text-foreground group-hover:text-primary transition-colors",
+          className: "text-[13px] font-semibold text-foreground group-hover:text-primary transition-colors truncate",
           children: title
+        }), description && jsx("div", {
+          className: "mt-0.5 text-[12px] text-muted-foreground line-clamp-1",
+          children: description
         })]
-      }), jsxs("div", {
-        className: "flex items-center space-x-2 text-muted-foreground transition-all duration-200 group-hover:text-primary group-hover:translate-x-1",
-        children: [jsx("span", {
-          className: "text-sm font-medium",
-          children: "Read"
-        }), jsx("svg", {
-          className: "h-4 w-4",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: jsx("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M9 5l7 7-7 7"
-          })
-        })]
+      }), readTime && jsx("span", {
+        className: "shrink-0 hidden sm:inline-flex items-center rounded-full bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground",
+        children: readTime
+      }), jsx(Icons.MdChevronRightIcon, {
+        className: "h-4 w-4 shrink-0 text-muted-foreground/20 transition-all duration-200 group-hover:text-primary group-hover:translate-x-0.5"
       })]
     })
   });

package/lib/pages/HelpCenter/components/PopularArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopularArticle.js","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"sourcesContent":[null],"names":[],"mappings":"kFASO,MAAM,cAAc,GAAkC,CAAC;AAK5D,EAAA,KAAA;AA0BF,EAAE,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularArticle.js","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"mIAaA,MAAM,WAAW,GAAG,CAAA,yCAAA,EAAA,yCAAA,EAAA,yCAAA,EAAA,2CAAA,EAAA,2CAAA,EAAA,2CAAA,CAAA;AACyB,MAAA,cAAA,GAAA,CAAA;OACA;aACA;UACE;MACA;OACA;EAC7C;AAEF,CAAA,KAAM;QAQI,SAAA,GAAY,KAAA,IAAS,IAAA,GAAK,WAAE,CAAA,KAAY,GAAQ,CAAA,CAAA,IAAM,WAAA,CAAA,CAAW,CAAC,GAAG,WAAa,CAAA,CAAA,CAAC;SAElFA;AAqCX,IAAE,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA+E3B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA4Q3B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/pages/HelpCenter/index.js

@@ -1,70 +1,287 @@
-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 {BookStack}from'./components/BookStack.js';import {getAllCategoriesMetadata}from'../../utils/markdownLoader.js';import {popularArticlesMock}from'./mockData.js';const HelpCenterPage = () => {
+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'];
+const HelpCenterPage = () => {
   const navigate = useNavigate();
-  // Get categories from markdown loader
-  const helpCategories = getAllCategoriesMetadata();
-  const handleSearch = query => {
-    console.log('Searching for:', query);
-    // Implement search functionality
-  };
+  const helpCategories = getAllCategoriesMetadataSync();
+  const featuredCategories = helpCategories.filter(c => FEATURED_CATEGORY_IDS.includes(c.id));
+  const otherCategories = helpCategories.filter(c => !FEATURED_CATEGORY_IDS.includes(c.id));
   const handleCategoryClick = id => {
-    console.log('Category clicked:', id);
-    // Navigate to category page
     navigate(`/help-center/${id}`);
   };
   return jsxs("div", {
     className: "min-h-screen bg-background text-foreground",
-    children: [jsxs("div", {
-      className: "flex items-center justify-center overflow-hidden bg-[#057d78] pt-20",
-      children: [jsx(HelpCenterHeader, {
-        onSearch: handleSearch
-      }), jsx(BookStack, {})]
-    }), jsxs("main", {
+    children: [jsx(HelpCenterHeader, {}), jsxs("main", {
       className: "relative z-10",
       children: [jsx("section", {
-        className: "py-20",
+        className: "border-b border-border/40 bg-muted/30",
+        children: jsx("div", {
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
+          children: jsxs("div", {
+            className: "flex items-center gap-5 py-3 overflow-x-auto scrollbar-hide",
+            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", {
+              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]
+            }, 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",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16",
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
           children: [jsxs("div", {
-            className: "mb-16 text-center",
-            children: [jsx("h2", {
-              className: "mb-4 text-4xl font-light tracking-tight text-foreground",
-              children: "Browse by category"
-            }), jsx("p", {
-              className: "text-lg text-muted-foreground",
-              children: "Find answers organized by topic"
+            className: "mb-10 flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4",
+            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"
+                })]
+              }), jsx("h2", {
+                className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
+                children: "Featured Topics"
+              }), jsx("p", {
+                className: "mt-1.5 text-sm text-muted-foreground",
+                children: "Start with the most popular categories handpicked for you"
+              })]
+            }), 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: "h-3.5 w-3.5"
+              })]
             })]
           }), jsx("div", {
-            className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",
-            children: helpCategories.map(category => jsx(HelpCategoryCard, {
+            className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+            children: featuredCategories.map(category => jsx(HelpCategoryCard, {
               category: category,
-              onClick: handleCategoryClick
+              onClick: handleCategoryClick,
+              featured: true
             }, category.id))
           })]
         })
       }), jsx("section", {
-        className: "bg-card py-20",
+        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-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
+                  })]
+                })]
+              })]
+            })]
+          })
+        })
+      }), jsx("section", {
+        id: "all-categories",
+        className: "py-16 border-t border-border/30",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16",
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
           children: [jsxs("div", {
-            className: "mb-16 text-center",
-            children: [jsx("h2", {
-              className: "mb-4 text-4xl font-light tracking-tight text-foreground",
-              children: "Popular articles"
-            }), jsx("p", {
-              className: "text-lg text-muted-foreground",
-              children: "Most helpful content from our community"
+            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"
+              })]
+            }), jsx("h2", {
+              className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
+              children: "All Categories"
+            }), jsxs("p", {
+              className: "mt-1.5 text-sm text-muted-foreground",
+              children: [helpCategories.length, " topics covering every aspect of the platform"]
             })]
           }), jsx("div", {
-            className: "max-w-4xl mx-auto",
-            children: jsx("div", {
-              className: "space-y-3",
-              children: popularArticlesMock.map(article => jsx(PopularArticle, {
-                title: article.title,
-                link: article.link
-              }, article.id))
-            })
+            className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+            children: otherCategories.map(category => jsx(HelpCategoryCard, {
+              category: category,
+              onClick: handleCategoryClick
+            }, category.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-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"]
+                })]
+              })]
+            })]
+          })
+        })
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/HelpCenter/index.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"2bASM,MAAA,cAAc,GAAa,MAAK;AACpC,EAAA,MAAA,QAAc,GAAA,WAAc,EAAA;;AAG5B,EAAA,MAAA,cAAoB,GAAA,wBAA2B,EAAA;AAE/C,EAAA,MAAA,YAAkB,GAAA,KAAI;AACpB,IAAA,OAAA,CAAA,GAAO,CAAC,uBAAsB,CAAA;;AAEhC,GAAA;AAEA,EAAA,MAAA,mBAAyB,GAAA,EAAG;AAC1B,IAAA,OAAA,CAAA,GAAO,CAAC,uBAAuB,CAAE;;AAEjC,IAAA,QAAA,CAAA,CAAA,aAAS,EAAA,EAAA,CAAA,CAAgB,CAAE;AAC7B,GAAA;AAEA,EAAA,OAAAA,IACO,CAAA,KAAA,EAAA;AA6DT,IAAE,SAAA,EAAA,4CAAA;AAEF,IAAA,QAAA,EAAA,CAAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/mockData.d.ts

@@ -3,6 +3,22 @@ export declare const helpCategoriesMock: HelpCategory[];
 export declare const popularArticlesMock: {
     id: string;
     title: string;
+    description: string;
+    readTime: string;
     link: string;
 }[];
+export declare const quickLinksMock: {
+    label: string;
+    href: string;
+    icon: string;
+}[];
+export declare const testimonialMock: {
+    quote: string;
+    author: string;
+    role: string;
+};
+export declare const statsMock: {
+    value: string;
+    label: string;
+}[];
 //# sourceMappingURL=mockData.d.ts.map

package/lib/pages/HelpCenter/mockData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAmK5C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GAgB/B,CAAC"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,eAAO,MAAM,kBAAkB,EAAE,YAAY,EA+H5C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;GA2C/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;GAQ1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;GAKrB,CAAC"}

package/lib/pages/HelpCenter/mockData.js

@@ -1,13 +1,84 @@
 const popularArticlesMock = [{
-  id: 'what-is-yantra',
-  title: 'What is Yantra?',
-  link: '/help-center/what-is-yantra'
-}, {
-  id: 'getting-started',
-  title: 'Getting Started with Yantra',
-  link: '/get-started'
-}, {
-  id: 'practical-tips',
-  title: 'Practical Tips for Using Yantra',
-  link: '/help-center/technical-questions'
-}];export{popularArticlesMock};//# sourceMappingURL=mockData.js.map
+  id: 'platform-overview',
+  title: 'Yantra Platform Overview',
+  description: 'Understand the full Yantra platform \u2014 from AI employees to real-time monitoring.',
+  readTime: '5 min',
+  link: '/help-center/platform-features/platform-overview'
+}, {
+  id: 'getting-started-ai',
+  title: 'Getting Started with AI Employees',
+  description: 'Deploy your first AI employee in under 5 minutes with step-by-step instructions.',
+  readTime: '3 min',
+  link: '/help-center/ai-employees/getting-started-ai-employees'
+}, {
+  id: 'slack-integration',
+  title: 'Connect Yantra to Slack',
+  description: 'Set up real-time alerts, approve AI actions, and manage escalations from Slack.',
+  readTime: '4 min',
+  link: '/help-center/integrations/slack-integration'
+}, {
+  id: 'security-overview',
+  title: 'Security & Compliance Overview',
+  description: 'SOC 2, GDPR, and encryption standards that protect your data at rest and in transit.',
+  readTime: '6 min',
+  link: '/help-center/security-compliance/security-overview'
+}, {
+  id: 'how-ai-employees-work',
+  title: 'How AI Employees Work',
+  description: 'Architecture deep-dive: tool use, memory, supervised mode, and escalation workflows.',
+  readTime: '8 min',
+  link: '/help-center/ai-employees/how-ai-employees-work'
+}, {
+  id: 'use-cases-overview',
+  title: 'Use Cases Overview',
+  description: 'Real-world examples across engineering, sales, marketing, and customer support.',
+  readTime: '5 min',
+  link: '/help-center/use-cases/use-cases-overview'
+}];
+const quickLinksMock = [{
+  label: 'Getting Started',
+  href: '/help-center/getting-started',
+  icon: '\u{1F680}'
+}, {
+  label: 'AI Employees',
+  href: '/help-center/ai-employees',
+  icon: '\u{1F916}'
+}, {
+  label: 'Integrations',
+  href: '/help-center/integrations',
+  icon: '\u{1F517}'
+}, {
+  label: 'API Reference',
+  href: '/help-center/scope-api',
+  icon: '\u26A1'
+}, {
+  label: 'Security',
+  href: '/help-center/security-compliance',
+  icon: '\u{1F6E1}'
+}, {
+  label: 'Billing',
+  href: '/help-center/subscription-billing',
+  icon: '\u{1F4B3}'
+}, {
+  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

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

@@ -1 +1 @@
-{"version":3,"file":"mockData.js","sources":["../../../src/pages/HelpCenter/mockData.ts"],"sourcesContent":[null],"names":[],"mappings":"AAqKE,MAAA,mBAAA,GAAA,CAAA;AAEF,EAAM,EAAA,EAAA,gBAAO;AACX,EAAA,KAAA,EAAA,iBAAA;AACE,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,EAAA,EAAA,iBAAmC;AACpC,EAAA,KAAA,EAAA,6BAAA;AACD,EAAA,IAAA,EAAA;AACE,CAAA,EAAA;AACA,EAAA,EAAA,EAAA,gBAAoC;AACpC,EAAA,KAAA,EAAA,iCAAoB;AACrB,EAAA,IAAA,EAAA;AACD,CAAA"}
+{"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

@@ -1,9 +1,9 @@
 import React from 'react';
 interface ArticleCardProps {
+    index: number;
     title: string;
     description: string;
-    ctaText?: string;
-    className?: string;
+    readTime?: string;
     onClick?: () => void;
 }
 export declare const ArticleCard: React.FC<ArticleCardProps>;

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;AAI1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,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;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,CAAC"}