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

package/lib/components/HelpCenterFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA+CpC,CAAC"}
+{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA0KpC,CAAC"}

package/lib/components/HelpCenterFooter.js

@@ -1,98 +1,194 @@
-import {jsx,jsxs}from'react/jsx-runtime';const HelpCenterFooter = () => {
-  return jsx("footer", {
-    className: "bg-muted py-16",
-    children: jsxs("div", {
-      className: "container mx-auto px-16",
-      children: [jsxs("div", {
-        className: "mb-10",
-        children: [jsx("h2", {
-          className: "text-center text-2xl font-bold text-foreground",
-          children: "Yantra Help Center"
-        }), jsx("p", {
-          className: "text-center text-sm text-muted-foreground",
-          children: "Where Knowledge Begins"
-        })]
-      }), jsxs("div", {
-        className: "mb-8 flex flex-wrap justify-center gap-8 text-sm text-muted-foreground",
-        children: [jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Visit our Blog"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Careers"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Privacy Policy"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Terms of Service"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Security"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Give us Feedback"
-        })]
-      }), jsxs("div", {
-        className: "mb-8 flex justify-center space-x-6",
-        children: [jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "Twitter"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
-            })
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {Link}from'@remix-run/react';import {Logo}from'./Logo.js';import {browserYantraRoutes}from'../compute.js';import {Icons}from'./Icons.js';const HelpCenterFooter = () => {
+  const currentYear = new Date().getFullYear();
+  const [email, setEmail] = useState('');
+  const [subscribed, setSubscribed] = useState(false);
+  const handleSubscribe = e => {
+    e.preventDefault();
+    if (email.trim()) {
+      setSubscribed(true);
+      setEmail('');
+    }
+  };
+  const footerLinks = [{
+    title: 'Product',
+    links: [{
+      label: 'AI Employees',
+      href: '/help-center/ai-employees'
+    }, {
+      label: 'Platform Features',
+      href: '/help-center/platform-features'
+    }, {
+      label: 'Integrations',
+      href: '/help-center/integrations'
+    }, {
+      label: 'OpenClaw',
+      href: '/help-center/openclaw'
+    }, {
+      label: 'Pricing',
+      href: '/help-center/subscription-billing/billing-overview'
+    }]
+  }, {
+    title: 'Resources',
+    links: [{
+      label: 'Help Center',
+      href: browserYantraRoutes.HELP_CENTER
+    }, {
+      label: 'API Reference',
+      href: '/help-center/scope-api'
+    }, {
+      label: 'Status Page',
+      href: browserYantraRoutes.STATUS
+    }, {
+      label: 'Release Notes',
+      href: browserYantraRoutes.RELEASE_NOTES
+    }, {
+      label: 'Community',
+      href: browserYantraRoutes.COMMUNITY
+    }]
+  }, {
+    title: 'Company',
+    links: [{
+      label: 'About',
+      href: browserYantraRoutes.ABOUT
+    }, {
+      label: 'Blog',
+      href: browserYantraRoutes.BLOG
+    }, {
+      label: 'Careers',
+      href: browserYantraRoutes.CAREERS
+    }, {
+      label: 'Contact',
+      href: browserYantraRoutes.CONTACT
+    }]
+  }, {
+    title: 'Legal',
+    links: [{
+      label: 'Privacy',
+      href: browserYantraRoutes.PRIVACY
+    }, {
+      label: 'Terms',
+      href: browserYantraRoutes.TERMS
+    }, {
+      label: 'Security',
+      href: '/help-center/security-compliance'
+    }, {
+      label: 'GDPR',
+      href: '/help-center/data-subject-privacy'
+    }]
+  }];
+  return jsxs("footer", {
+    className: "border-t border-border",
+    children: [jsx("div", {
+      className: "border-b border-border/50 bg-muted/30",
+      children: jsx("div", {
+        className: "container mx-auto max-w-7xl px-6 py-10 lg:px-16",
+        children: jsxs("div", {
+          className: "flex flex-col items-center justify-between gap-6 md:flex-row",
+          children: [jsxs("div", {
+            children: [jsx("h3", {
+              className: "text-lg font-bold text-foreground",
+              children: "Stay in the loop"
+            }), jsx("p", {
+              className: "mt-1 text-sm text-muted-foreground",
+              children: "Get product updates, new features, and tips delivered to your inbox."
+            })]
+          }), subscribed ? jsxs("div", {
+            className: "inline-flex items-center gap-2 rounded-xl border border-emerald-500/20 bg-emerald-500/10 px-5 py-3 text-sm font-medium text-emerald-600",
+            children: [jsx(Icons.MdCheckIcon, {
+              className: "h-4 w-4 text-emerald-600"
+            }), "You're subscribed!"]
+          }) : jsxs("form", {
+            onSubmit: handleSubscribe,
+            className: "flex w-full max-w-md",
+            children: [jsx("input", {
+              type: "email",
+              placeholder: "Enter your email",
+              value: email,
+              onChange: e => setEmail(e.target.value),
+              className: "h-11 flex-1 rounded-l-xl border border-border bg-background px-4 text-sm text-foreground placeholder-muted-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+              required: true
+            }), jsx("button", {
+              type: "submit",
+              className: "rounded-r-xl bg-gradient-to-r from-cyan-500 to-blue-600 px-5 text-sm font-semibold text-white transition-all hover:from-cyan-400 hover:to-blue-500 hover:shadow-lg hover:shadow-cyan-500/20",
+              children: "Subscribe"
+            })]
           })]
-        }), jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "LinkedIn"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
+        })
+      })
+    }), jsxs("div", {
+      className: "container mx-auto max-w-7xl px-6 py-14 lg:px-16",
+      children: [jsxs("div", {
+        className: "grid gap-10 sm:grid-cols-2 lg:grid-cols-6",
+        children: [jsxs("div", {
+          className: "lg:col-span-2",
+          children: [jsx("div", {
+            style: {
+              justifySelf: 'left',
+              display: 'flex'
+            },
+            children: jsx(Logo, {})
+          }), jsx("p", {
+            className: "mt-2 max-w-xs text-sm leading-relaxed text-muted-foreground",
+            children: "AI employees that work alongside your team \u2014 handling tasks, monitoring systems, and escalating intelligently."
+          }), jsx("div", {
+            className: "mt-6 flex items-center gap-2.5",
+            children: [{
+              name: 'Twitter',
+              href: '#'
+            }, {
+              name: 'GitHub',
+              href: '#'
+            }, {
+              name: 'LinkedIn',
+              href: 'https://www.linkedin.com/company/yantra-app'
+            }, {
+              name: 'YouTube',
+              href: '#'
+            }].map(social => {
+              const SocialIcon = social.name === 'Twitter' ? Icons.FaTwitterIcon : social.name === 'GitHub' ? Icons.FaGithubIcon : social.name === 'LinkedIn' ? Icons.FaLinkedinIcon : Icons.FaYoutubeIcon;
+              return jsxs("a", {
+                href: social.href,
+                target: social.href !== '#' ? '_blank' : undefined,
+                rel: social.href !== '#' ? 'noopener noreferrer' : undefined,
+                className: "flex h-9 w-9 items-center justify-center rounded-xl border border-border/50 text-muted-foreground transition-all duration-200 hover:border-border hover:text-foreground hover:bg-muted/50 hover:-translate-y-0.5",
+                children: [jsx("span", {
+                  className: "sr-only",
+                  children: social.name
+                }), jsx(SocialIcon, {
+                  className: "h-4 w-4",
+                  "aria-hidden": "true"
+                })]
+              }, social.name);
             })
           })]
-        }), jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "GitHub"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              fillRule: "evenodd",
-              d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
-              clipRule: "evenodd"
-            })
+        }), footerLinks.map(section => jsxs("div", {
+          children: [jsx("h4", {
+            className: "text-[11px] font-bold uppercase tracking-[0.15em] text-muted-foreground/60",
+            children: section.title
+          }), jsx("ul", {
+            className: "mt-4 space-y-2.5",
+            children: section.links.map(link => jsx("li", {
+              children: jsx(Link, {
+                to: link.href,
+                className: "text-sm text-muted-foreground transition-colors duration-200 hover:text-foreground",
+                children: link.label
+              })
+            }, link.label))
           })]
-        })]
+        }, section.title))]
       }), jsxs("div", {
-        className: "text-center text-xs text-muted-foreground",
-        children: ["\u00A9 Copyright ", new Date().getFullYear(), " Yantra \u2022 All rights reserved"]
+        className: "mt-14 flex flex-col items-center justify-between gap-4 border-t border-border/50 pt-8 sm:flex-row",
+        children: [jsxs("p", {
+          className: "text-[12px] text-muted-foreground/60",
+          children: ["\u00A9 ", currentYear, " Yantra Inc. All rights reserved."]
+        }), jsxs("p", {
+          className: "text-[12px] text-muted-foreground/60",
+          children: ["Built with ", jsx("span", {
+            className: "text-red-500",
+            children: "\u2665"
+          }), " for teams that ship fast"]
+        })]
       })]
-    })
+    })]
   });
 };export{HelpCenterFooter};//# sourceMappingURL=HelpCenterFooter.js.map

package/lib/components/HelpCenterFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEO,MAAM,gBAAgB,GAAa,MAAK;SACtCA,GACG,CAAA,QAAA,EAAA;AA6CZ,IAAE,SAAA,EAAA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":"sNAMO,MAAM,gBAAgB,GAAa,MAAK;QACrC,WAAA,OAAkB,IAAA,EAAI,YAAG,EAAW;QACpC,CAAA,KAAM,EAAA,QAAU,CAAA,WAAY,CAAA,EAAC,CAAE;QAC/B,CAAA,UAAW,EAAA,aAAe,CAAA,WAAY,CAAA,KAAM,CAAA;AAElD,EAAA,MAAA,eAAqB,GAAA,CAAA;oBACD,EAAA;AAChB,IAAA,IAAA,KAAS,CAAA,IAAC,EAAI,EAAA;mBACG,CAAA,IAAA,CAAA;cACL,CAAA,EAAA,CAAA;;AAEhB,GAAA;AAEA,EAAA,MAAA,cAAoB,CAAA;AAChB,IAAA,KAAA,EAAA,SAAA;AACI,IAAA,KAAA,EAAA,CAAA;AACA,MAAA,KAAA,EAAA,cAAO;AACH,MAAA,IAAA,EAAA;AACA,KAAA,EAAA;AACA,MAAA,KAAA,EAAA,mBAAS;AACT,MAAA,IAAA,EAAA;AACA,KAAA,EAAA;AACH,MAAA,KAAA,EAAA,cAAA;AACJ,MAAA,IAAA,EAAA;AACD,KAAA,EAAA;AACI,MAAA,KAAA,EAAA,UAAkB;AAClB,MAAA,IAAA,EAAA;;AAEI,MAAA,KAAA,EAAA;;;;AAIH,IAAA,KAAA,EAAA,WAAA;AACJ,IAAA,KAAA,EAAA,CAAA;AACD,MAAA,KAAA,EAAA,aAAA;AACI,MAAA,IAAA,EAAA,mBAAgB,CAAA;AAChB,KAAA,EAAA;4BACoB;;;0BAGE;AACrB,MAAA,IAAA,EAAA,mBAAA,CAAA;AACJ,KAAA,EAAA;AACD,MAAA,KAAA,EAAA,eAAA;AACI,MAAA,IAAA,EAAA,mBAAc,CAAA;AACd,KAAA,EAAA;;+BAEoB,CAAA;AAChB,KAAA;AACA,GAAA,EAAA;AACH,IAAA,KAAA,EAAA,SAAA;AACJ,IAAA,KAAA,EAAA,CAAA;MACH,KAAA,EAAA,OAAA;AAEF,MAAA,IAAA,EACI,mBAAQ,CAAA;AAoDgB,KAAA,EAAA;AACA,MAAA,KAAA,EAAA,MAAA;AACA,MAAA,IAAA,EAAA,mBAAA,CAAA;AACA,KAAA,EAAA;AACH,MAAA,KAAA,EAAA,SAAA;AACG,MAAA,IAAA,EAAA,mBAAA,CAAA;;AAGQ,MAAA,KAAA,EAAA,SAAA;;AAEA,KAAA;;AAEA,IAAA,KAAA,EAAA,OAAA;AACR,IAAA,KAAA,EAAA,CAAA;;AAkDhC,MAAE,IAAA,EAAA,mBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/HelpCenterHeader.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
-interface HelpCenterHeaderProps {
-    onSearch?: (query: string) => void;
-}
-export declare const HelpCenterHeader: React.FC<HelpCenterHeaderProps>;
-export {};
+export declare const HelpCenterHeader: React.FC<any>;
 //# sourceMappingURL=HelpCenterHeader.d.ts.map

package/lib/components/HelpCenterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2E5D,CAAC"}
+{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CA+I1C,CAAC"}

package/lib/components/HelpCenterHeader.js

@@ -1,80 +1,134 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';const HelpCenterHeader = ({
-  onSearch
-}) => {
-  const [searchQuery, setSearchQuery] = useState('');
-  const handleSearch = e => {
-    e.preventDefault();
-    if (onSearch && searchQuery.trim()) {
-      onSearch(searchQuery);
-    }
-  };
+import {jsxs,jsx}from'react/jsx-runtime';import {SearchBar}from'./SearchBar.js';import {Icons}from'./Icons.js';const CUSTOMER_LOGOS = ['Stripe', 'Shopify', 'Notion', 'Vercel', 'Linear', 'Figma'];
+const HelpCenterHeader = props => {
   return jsxs("div", {
-    className: "relative overflow-hidden w-full ",
-    children: [jsx("div", {
-      className: "absolute inset-0 bg-[#057d78]",
-      children: jsx("div", {
-        className: "absolute inset-0 opacity-20",
+    className: "relative overflow-hidden w-full",
+    children: [jsxs("div", {
+      className: "absolute inset-0 bg-[#060b18]",
+      children: [jsxs("div", {
+        className: "absolute inset-0",
+        children: [jsx("div", {
+          className: "absolute top-[-20%] left-[10%] h-[600px] w-[600px] rounded-full opacity-20 blur-[120px]",
+          style: {
+            background: 'radial-gradient(circle, #06b6d4, transparent 70%)',
+            animation: 'float1 8s ease-in-out infinite'
+          }
+        }), jsx("div", {
+          className: "absolute top-[10%] right-[5%] h-[500px] w-[500px] rounded-full opacity-15 blur-[120px]",
+          style: {
+            background: 'radial-gradient(circle, #8b5cf6, transparent 70%)',
+            animation: 'float2 10s ease-in-out infinite'
+          }
+        }), jsx("div", {
+          className: "absolute bottom-[-10%] left-[40%] h-[400px] w-[400px] rounded-full opacity-10 blur-[100px]",
+          style: {
+            background: 'radial-gradient(circle, #ec4899, transparent 70%)',
+            animation: 'float3 12s ease-in-out infinite'
+          }
+        })]
+      }), jsx("div", {
+        className: "absolute inset-0 opacity-[0.03]",
         style: {
-          backgroundImage: `radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.1) 1px, transparent 0)`,
-          backgroundSize: '20px 20px'
+          backgroundImage: 'radial-gradient(rgba(255,255,255,0.8) 1px, transparent 1px)',
+          backgroundSize: '24px 24px'
         }
-      })
+      }), jsx("div", {
+        className: "absolute top-20 left-[15%] h-3 w-3 rounded-full border border-cyan-500/30",
+        style: {
+          animation: 'floatShape 6s ease-in-out infinite'
+        }
+      }), jsx("div", {
+        className: "absolute top-40 right-[20%] h-2 w-2 bg-violet-500/40 rotate-45",
+        style: {
+          animation: 'floatShape 8s ease-in-out infinite 1s'
+        }
+      }), jsx("div", {
+        className: "absolute bottom-32 left-[25%] h-4 w-4 rounded-full border border-pink-500/20",
+        style: {
+          animation: 'floatShape 7s ease-in-out infinite 2s'
+        }
+      }), jsx("div", {
+        className: "absolute top-32 right-[35%] h-2.5 w-2.5 bg-cyan-500/30 rounded-sm rotate-12",
+        style: {
+          animation: 'floatShape 9s ease-in-out infinite 0.5s'
+        }
+      }), jsx("div", {
+        className: "absolute bottom-40 right-[15%] h-3 w-3 border border-emerald-500/25 rounded-full",
+        style: {
+          animation: 'floatShape 7s ease-in-out infinite 3s'
+        }
+      })]
+    }), jsx("style", {
+      dangerouslySetInnerHTML: {
+        __html: `
+                @keyframes float1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, -30px); } }
+                @keyframes float2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-20px, 20px); } }
+                @keyframes float3 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(25px, -15px); } }
+                @keyframes floatShape { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; } 50% { transform: translateY(-12px) rotate(180deg); opacity: 0.7; } }
+                @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
+                @keyframes pulseGlow { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
+                @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }
+            `
+      }
     }), jsx("div", {
-      className: "relative z-10 mx-auto flex min-h-[500px] max-w-7xl flex-col items-center justify-center px-6 pt-20 text-center lg:px-16",
+      className: "relative z-10 mx-auto flex min-h-[560px] max-w-7xl flex-col items-center justify-center px-6 pt-24 pb-16 text-center lg:px-16",
       children: jsxs("div", {
-        className: "max-w-4xl",
-        children: [jsx("h1", {
-          className: "mb-6 text-5xl font-light leading-[1.1] tracking-tight text-white lg:text-7xl",
-          children: "How can we help?"
-        }), jsx("p", {
-          className: "mb-12 text-xl font-normal text-white/80 lg:text-2xl",
-          children: "Get answers to all things Yantra."
-        }), jsx("form", {
-          onSubmit: handleSearch,
-          className: "relative w-full max-w-2xl mx-auto",
-          children: jsxs("div", {
-            className: "flex w-full rounded-2xl bg-white shadow-2xl overflow-hidden",
-            children: [jsxs("div", {
-              className: "relative flex-1",
-              children: [jsx("div", {
-                className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-6",
-                children: jsx("svg", {
-                  className: "h-6 w-6 text-gray-400",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: jsx("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                  })
-                })
-              }), jsx("input", {
-                type: "text",
-                className: "h-16 w-full bg-transparent py-6 pl-16 pr-6 text-lg text-gray-900 placeholder-gray-500 outline-none",
-                placeholder: "Search help center...",
-                value: searchQuery,
-                onChange: e => setSearchQuery(e.target.value)
+        className: "max-w-4xl w-full",
+        style: {
+          overflow: 'visible'
+        },
+        children: [jsxs("div", {
+          className: "mb-6 flex flex-wrap items-center justify-center gap-3",
+          children: [jsxs("div", {
+            className: "inline-flex items-center gap-2 rounded-full border border-emerald-500/20 bg-emerald-500/[0.08] px-3.5 py-1.5 text-[12px] font-medium text-emerald-400 backdrop-blur-md",
+            children: [jsxs("span", {
+              className: "relative flex h-1.5 w-1.5",
+              children: [jsx("span", {
+                className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75"
+              }), jsx("span", {
+                className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-500"
               })]
-            }), jsx("button", {
-              type: "submit",
-              className: "flex items-center justify-center rounded-r-2xl bg-gray-900 px-8 text-lg font-medium text-white transition-colors hover:bg-gray-800",
-              children: "Search"
-            })]
-          })
-        }), jsxs("div", {
-          className: "mt-8 flex flex-wrap justify-center gap-3",
-          children: [jsx("span", {
-            className: "text-sm text-white/60",
-            children: "Popular:"
-          }), ['Getting started', 'Account setup', 'API documentation', 'Troubleshooting'].map(term => jsx("button", {
-            onClick: () => setSearchQuery(term),
-            className: "rounded-full bg-white/10 px-4 py-2 text-sm text-white/80 transition-colors hover:bg-white/20 hover:text-white",
-            children: term
-          }, term))]
+            }), "All systems operational"]
+          }), jsxs("div", {
+            className: "inline-flex items-center gap-1.5 rounded-full border border-white/[0.06] bg-white/[0.03] px-3.5 py-1.5 text-[12px] font-medium text-white/40 backdrop-blur-md",
+            children: [jsx(Icons.StarIcon, {
+              className: "h-3.5 w-3.5 text-amber-500"
+            }), "Trusted by 10,000+ teams"]
+          })]
+        }), jsxs("h1", {
+          className: "mb-5 text-4xl font-extrabold leading-[1.08] tracking-tight text-white sm:text-5xl lg:text-[64px]",
+          children: ["Find answers", ' ', jsx("span", {
+            className: "bg-clip-text text-transparent",
+            style: {
+              backgroundImage: 'linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6, #ec4899)',
+              backgroundSize: '200% auto',
+              animation: 'shimmer 4s linear infinite'
+            },
+            children: "instantly"
+          })]
+        }), jsx("p", {
+          className: "mx-auto mb-10 max-w-xl text-base font-normal leading-relaxed text-white/45 lg:text-[17px]",
+          children: "Browse 117+ articles, step-by-step guides, and video tutorials. Everything you need to master Yantra AI employees."
+        }), jsx(SearchBar, {}), jsxs("div", {
+          className: "mt-14",
+          children: [jsx("p", {
+            className: "mb-4 text-[11px] font-medium uppercase tracking-[0.2em] text-white/20",
+            children: "Powering teams at"
+          }), jsx("div", {
+            className: "flex flex-wrap items-center justify-center gap-8",
+            children: CUSTOMER_LOGOS.map(name => jsx("span", {
+              className: "text-[15px] font-semibold tracking-wide text-white/[0.15] transition-colors duration-300 hover:text-white/40",
+              children: name
+            }, name))
+          })]
         })]
       })
+    }), jsxs("div", {
+      className: "relative z-10",
+      children: [jsx("div", {
+        className: "h-px bg-gradient-to-r from-transparent via-cyan-500/20 to-transparent"
+      }), jsx("div", {
+        className: "h-20 bg-gradient-to-b from-[#060b18] to-background"
+      })]
     })]
   });
 };export{HelpCenterHeader};//# sourceMappingURL=HelpCenterHeader.js.map

package/lib/components/HelpCenterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"4EAMa,gBAAgB,GAAoC,CAAC;;AAKhE,CAAA,KAAA;QACE,CAAC,WAAe,EAAA,cAAG,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACnB,EAAA,MAAA,YAAY,GAAI,CAAA,IAAA;oBACN,EAAY;QACtB,QAAC,IAAA,WAAA,CAAA,IAAA,EAAA,EAAA;AACH,MAAE,QAAA,CAAA,WAAA,CAAA;AAEF;AAKQ,GAAA;AACA,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AACD,IAAA,SAAA,EAAA;AAwDT,IAAE,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"+GAIA,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC;AAEtE,MAAA,gBAAgB,GAAkB,KAAC,IAAS;SAC9CA;AASiB,IAAA,SAAA,EAAA,iCAAY;AACZ,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACH,MAAA,SAAA,EAAA,+BAGD;AAEI,MAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,QAAA,SAAA,EAAA,kBAAA;AACH,QAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAKG,UAAA,SAAA,EAAA,yFAA+D;AAC/D,UAAA,KAAA,EAAA;2EAOmC;AAEvC,YAAA,SAAA,EAAA;AACA;AACH,SAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AA6BD,UAAA,SAAA,EAAA,wFAAQ;;;;;;;;AAQf,YAAA,UAAA,EAAA,mDAAA;AACI,YAAA,WAIA;AAuBe;AACA,SAAA,CAAA;AACA,OAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AACH,QAAA,SAAA,EAAA,iCAAA;AAuC7B,QAAE,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Icons.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+export declare const Icons: {
+    GettingStarted: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AccountManagement: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Billing: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    ProductFeatures: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Troubleshooting: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Api: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Security: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Feedback: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Contact: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    StripeIcon: import("@react-icons/all-files/lib").IconType;
+    ShopifyIcon: import("@react-icons/all-files/lib").IconType;
+    NotionIcon: import("@react-icons/all-files/lib").IconType;
+    VercelIcon: import("@react-icons/all-files/lib").IconType;
+    LinearIcon: import("@react-icons/all-files/lib").IconType;
+    FigmaIcon: import("@react-icons/all-files/lib").IconType;
+    StarIcon: import("@react-icons/all-files/lib").IconType;
+    ArrowRightIcon: import("@react-icons/all-files/lib").IconType;
+    ArrowLeftIcon: import("@react-icons/all-files/lib").IconType;
+    ArrowUpIcon: import("@react-icons/all-files/lib").IconType;
+    ArrowDownIcon: import("@react-icons/all-files/lib").IconType;
+    KeyboardArrowRightIcon: import("@react-icons/all-files/lib").IconType;
+    KeyboardArrowLeftIcon: import("@react-icons/all-files/lib").IconType;
+    KeyboardArrowUpIcon: import("@react-icons/all-files/lib").IconType;
+    KeyboardArrowDownIcon: import("@react-icons/all-files/lib").IconType;
+    MdInfoIcon: import("@react-icons/all-files/lib").IconType;
+    MdWorkIcon: import("@react-icons/all-files/lib").IconType;
+    MdContactMailIcon: import("@react-icons/all-files/lib").IconType;
+    MdLockIcon: import("@react-icons/all-files/lib").IconType;
+    MdDescriptionIcon: import("@react-icons/all-files/lib").IconType;
+    MdNewReleasesIcon: import("@react-icons/all-files/lib").IconType;
+    MdGroupIcon: import("@react-icons/all-files/lib").IconType;
+    MdCheckCircleIcon: import("@react-icons/all-files/lib").IconType;
+    MdCheckIcon: import("@react-icons/all-files/lib").IconType;
+    MdMenuIcon: import("@react-icons/all-files/lib").IconType;
+    MdCloseIcon: import("@react-icons/all-files/lib").IconType;
+    MdBrightness5Icon: import("@react-icons/all-files/lib").IconType;
+    MdBrightness2Icon: import("@react-icons/all-files/lib").IconType;
+    MdChevronRightIcon: import("@react-icons/all-files/lib").IconType;
+    MdArrowBackIcon: import("@react-icons/all-files/lib").IconType;
+    MdSearchIcon: import("@react-icons/all-files/lib").IconType;
+    MdScheduleIcon: import("@react-icons/all-files/lib").IconType;
+    MdMoodBadIcon: import("@react-icons/all-files/lib").IconType;
+    MdViewListIcon: import("@react-icons/all-files/lib").IconType;
+    MdForumIcon: import("@react-icons/all-files/lib").IconType;
+    MdMailIcon: import("@react-icons/all-files/lib").IconType;
+    FaGithubIcon: import("@react-icons/all-files/lib").IconType;
+    FaTwitterIcon: import("@react-icons/all-files/lib").IconType;
+    FaLinkedinIcon: import("@react-icons/all-files/lib").IconType;
+    FaYoutubeIcon: import("@react-icons/all-files/lib").IconType;
+    FiSearchIcon: import("@react-icons/all-files/lib").IconType;
+    HiOutlineSparklesIcon: import("@react-icons/all-files/lib").IconType;
+};
+//# sourceMappingURL=Icons.d.ts.map

package/lib/components/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../src/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4C1B,eAAO,MAAM,KAAK;4BACU,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;+BAgB1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAevC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAerB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAc7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAgBzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAexB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAc7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAc9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjD,CAAC"}