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

package/lib/pages/GetStarted/index.js

@@ -1,396 +1,193 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {Icons}from'../../components/Icons.js';const STEPS = [{
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {PageHero}from'../../components/PageHero.js';import {Icons}from'../../components/Icons.js';const STEPS = [{
   num: '01',
-  title: 'Create Your Account',
-  desc: 'Sign up in 30 seconds. No credit card required. Get instant access to the full platform.',
-  color: 'from-cyan-500 to-blue-500',
-  icon: '👤'
+  title: 'Create your account',
+  desc: 'Sign up in 30 seconds. No credit card required. Get instant access to the full platform.'
 }, {
   num: '02',
-  title: 'Set Up Your Workspace',
-  desc: 'Create Spaces for your projects, invite team members, and customize your environment.',
-  color: 'from-violet-500 to-purple-500',
-  icon: '🏗️'
+  title: 'Set up your workspace',
+  desc: 'Create Spaces for your projects, invite team members, and customize your environment.'
 }, {
   num: '03',
-  title: 'Deploy AI Employees',
-  desc: 'Configure intelligent agents that automate sales, engineering, marketing, and support tasks.',
-  color: 'from-pink-500 to-rose-500',
-  icon: '🤖'
+  title: 'Deploy AI employees',
+  desc: 'Configure intelligent agents that automate sales, engineering, marketing, and support tasks.'
 }, {
   num: '04',
-  title: 'Scale & Optimize',
-  desc: 'Monitor performance, fine-tune workflows, and scale your AI workforce as your business grows.',
-  color: 'from-amber-500 to-orange-500',
-  icon: '🚀'
+  title: 'Scale and optimize',
+  desc: 'Monitor performance, fine-tune workflows, and scale your AI workforce as your business grows.'
 }];
 const USE_CASES = [{
-  title: 'Answering Complex Questions',
-  desc: 'Yantra goes beyond search engines — synthesizing information from reliable sources with citations to help you understand complex topics deeply.',
-  items: ['Reliable information with proper citations', 'Answers to specific, complex questions fast'],
-  gradient: 'from-blue-500/10 to-indigo-500/10',
-  iconBg: 'from-blue-500/20 to-indigo-500/20',
-  iconColor: 'text-blue-500'
+  title: 'Answering complex questions',
+  desc: 'Yantra goes beyond search. It synthesizes information from reliable sources with citations so you can understand complex topics deeply.',
+  items: ['Reliable information with proper citations', 'Answers to specific, complex questions fast']
 }, {
-  title: 'Exploring Topics In Depth',
-  desc: 'Pro Search provides guided exploration with detailed insights from experts, enabling you to discover connections and gain expertise on any subject.',
-  items: ['Multi-step research flows', 'Expert-grade analysis'],
-  gradient: 'from-violet-500/10 to-purple-500/10',
-  iconBg: 'from-violet-500/20 to-purple-500/20',
-  iconColor: 'text-violet-500'
+  title: 'Exploring topics in depth',
+  desc: 'Pro Search provides guided exploration with detailed insights, enabling you to discover connections and gain expertise on any subject.',
+  items: ['Multi-step research flows', 'Expert-grade analysis']
 }, {
-  title: 'Organizing Your Library',
-  desc: 'Create Threads to collect related topics, build collections, and easily access your curated content — your personal knowledge base.',
-  items: ['Save important info for quick reference', 'Organize research by topics'],
-  gradient: 'from-emerald-500/10 to-teal-500/10',
-  iconBg: 'from-emerald-500/20 to-teal-500/20',
-  iconColor: 'text-emerald-500'
+  title: 'Organizing your library',
+  desc: 'Create Threads to collect related topics, build collections, and easily access your curated content as a personal knowledge base.',
+  items: ['Save important info for quick reference', 'Organize research by topics']
 }, {
-  title: 'Interacting With Your Data',
+  title: 'Interacting with your data',
   desc: 'Ask questions about PDFs, CSVs, and documents. Yantra processes content, understands structure, and provides insights from your files.',
-  items: ['Extract insights from complex docs', 'Analyze data without coding'],
-  gradient: 'from-amber-500/10 to-orange-500/10',
-  iconBg: 'from-amber-500/20 to-orange-500/20',
-  iconColor: 'text-amber-500'
+  items: ['Extract insights from complex docs', 'Analyze data without coding']
 }];
 const TIPS = [{
-  title: 'Be Specific With Prompts',
-  desc: 'The more context you provide, the better Yantra can tailor its response. Include details about format, depth, and audience.',
-  gradient: 'from-cyan-500 to-blue-500'
+  title: 'Be specific with prompts',
+  desc: 'The more context you provide, the better Yantra can tailor its response. Include details about format, depth, and audience.'
 }, {
-  title: 'Use Spaces for Organization',
-  desc: 'Create dedicated Spaces for different projects or topics. Invite collaborators and build shared knowledge bases.',
-  gradient: 'from-violet-500 to-purple-500'
+  title: 'Use Spaces for organization',
+  desc: 'Create dedicated Spaces for different projects or topics. Invite collaborators and build shared knowledge bases.'
 }, {
   title: 'Leverage Pro Search',
-  desc: 'For complex research, switch to Pro Search mode. It asks clarifying questions and performs multi-step analysis.',
-  gradient: 'from-pink-500 to-rose-500'
+  desc: 'For complex research, switch to Pro Search mode. It asks clarifying questions and performs multi-step analysis.'
 }];
-const GetStartedPage = () => {
+function GetStartedPage() {
   return jsxs("div", {
     className: "min-h-screen bg-background",
-    children: [jsxs("div", {
-      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 left-[5%] top-[-10%] h-[500px] w-[500px] rounded-full opacity-20 blur-[120px]",
-            style: {
-              background: 'radial-gradient(circle, #06b6d4, transparent 70%)',
-              animation: 'gsFloat1 8s ease-in-out infinite'
-            }
-          }), jsx("div", {
-            className: "absolute right-[10%] top-[20%] h-[400px] w-[400px] rounded-full opacity-15 blur-[120px]",
-            style: {
-              background: 'radial-gradient(circle, #8b5cf6, transparent 70%)',
-              animation: 'gsFloat2 10s ease-in-out infinite'
-            }
-          }), jsx("div", {
-            className: "absolute bottom-0 left-[30%] h-[350px] w-[350px] rounded-full opacity-10 blur-[100px]",
-            style: {
-              background: 'radial-gradient(circle, #ec4899, transparent 70%)',
-              animation: 'gsFloat3 12s ease-in-out infinite'
-            }
-          })]
-        }), jsx("div", {
-          className: "absolute inset-0 opacity-[0.03]",
-          style: {
-            backgroundImage: 'radial-gradient(rgba(255,255,255,0.8) 1px, transparent 1px)',
-            backgroundSize: '24px 24px'
-          }
-        })]
-      }), jsx("style", {
-        dangerouslySetInnerHTML: {
-          __html: `
-                    @keyframes gsFloat1 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(20px,-20px); } }
-                    @keyframes gsFloat2 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(-15px,15px); } }
-                    @keyframes gsFloat3 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(18px,-10px); } }
-                    @keyframes gsShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
-                    @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
-                    @keyframes pulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }
-                `
-        }
-      }), jsxs("div", {
-        className: "relative z-10 mx-auto flex min-h-[480px] max-w-7xl flex-col items-center justify-center px-6 pb-16 pt-24 text-center lg:px-16",
-        children: [jsxs("div", {
-          className: "mb-6 inline-flex items-center gap-2 rounded-full border border-cyan-500/20 bg-cyan-500/[0.08] px-4 py-1.5 text-[12px] font-medium text-cyan-400 backdrop-blur-md",
-          children: [jsx("span", {
-            className: "text-[14px]",
-            children: "\uD83D\uDE80"
-          }), " Your journey starts here"]
-        }), jsxs("h1", {
-          className: "mb-5 text-4xl font-extrabold leading-[1.08] tracking-tight text-white sm:text-5xl lg:text-[60px]",
-          children: ["Get Started with", ' ', jsx("span", {
-            className: "bg-clip-text text-transparent",
-            style: {
-              backgroundImage: 'linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6)',
-              backgroundSize: '200% auto',
-              animation: 'gsShimmer 4s linear infinite'
-            },
-            children: "Yantra AI"
-          })]
-        }), jsx("p", {
-          className: "mx-auto max-w-2xl text-base leading-relaxed text-white/45 lg:text-[17px]",
-          children: "Everything you need to unlock the power of AI employees. From first login to full deployment \u2014 we'll guide you every step of the way."
-        }), jsxs("div", {
-          className: "mt-8 flex flex-wrap items-center justify-center gap-3",
-          children: [jsxs("a", {
-            href: "#steps",
-            className: "inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 text-sm font-semibold text-gray-900 shadow-lg transition-all hover:-translate-y-0.5 hover:shadow-xl",
-            children: [jsx(Icons.ArrowRightIcon, {
-              className: "h-4 w-4"
-            }), "Start the Guide"]
-          }), jsx(Link, {
-            to: "/help-center",
-            className: "inline-flex items-center gap-2 rounded-xl border border-white/20 bg-white/[0.06] px-6 py-3 text-sm font-semibold text-white/80 backdrop-blur-sm transition-all hover:-translate-y-0.5 hover:bg-white/10",
-            children: "Browse Help Center"
-          })]
-        })]
-      }), 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-16 bg-gradient-to-b from-[#060b18] to-background"
-        })]
-      })]
+    children: [jsx(PageHero, {
+      eyebrow: "Onboarding",
+      title: "Get started with Yantra",
+      description: "Everything you need to unlock AI employees, from first login to full deployment. Built for the people who run it on day one and on day 1,000.",
+      icon: jsx(Icons.HiOutlineSparklesIcon, {
+        className: "h-7 w-7"
+      })
     }), jsx("section", {
       id: "steps",
-      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-5xl px-6 lg:px-16",
         children: [jsxs("div", {
-          className: "mb-12 text-center",
-          children: [jsxs("div", {
-            className: "mb-3 flex items-center justify-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: "Quick Start"
-            }), jsx("div", {
-              className: "h-1 w-8 rounded-full bg-gradient-to-r from-blue-500 to-cyan-500"
-            })]
+          className: "mb-12 max-w-2xl",
+          children: [jsx("p", {
+            className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary",
+            children: "Quick start"
           }), jsx("h2", {
-            className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-            children: "Up and running in 4 steps"
+            className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+            children: "Up and running in four steps."
           }), jsx("p", {
-            className: "mx-auto mt-2 max-w-lg text-sm text-muted-foreground",
-            children: "Follow these steps to go from zero to fully operational AI workforce"
+            className: "mt-3 max-w-prose text-base text-muted-foreground",
+            children: "Follow these to go from zero to a fully operational AI workforce."
           })]
-        }), jsx("div", {
-          className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-          children: STEPS.map(step => jsxs("div", {
-            className: "group relative overflow-hidden rounded-2xl border border-border/60 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg",
-            children: [jsx("div", {
-              className: "absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-current to-transparent opacity-0 transition-opacity group-hover:opacity-100",
-              style: {
-                color: 'rgb(6,182,212)'
-              }
-            }), jsx("div", {
-              className: "mb-4 text-3xl",
-              children: step.icon
-            }), jsxs("div", {
-              className: `mb-3 inline-flex rounded-full bg-gradient-to-r ${step.color} px-2.5 py-0.5 text-[11px] font-bold text-white`,
-              children: ["Step ", step.num]
+        }), jsx("ol", {
+          className: "grid grid-cols-1 gap-px overflow-hidden rounded-themed-lg border border-border bg-border md:grid-cols-2 lg:grid-cols-4",
+          children: STEPS.map(step => jsxs("li", {
+            className: "flex flex-col gap-3 bg-card p-6 transition-colors hover:bg-accent/30",
+            children: [jsx("span", {
+              className: "font-mono text-xs font-semibold tracking-widest text-primary",
+              children: step.num
             }), jsx("h3", {
-              className: "mb-2 text-[15px] font-semibold text-foreground",
+              className: "text-base font-semibold text-foreground",
               children: step.title
             }), jsx("p", {
-              className: "text-[13px] leading-relaxed text-muted-foreground",
+              className: "text-sm leading-relaxed text-muted-foreground",
               children: step.desc
             })]
           }, step.num))
         })]
       })
     }), jsx("section", {
-      className: "border-t border-border/30 py-16",
-      children: jsx("div", {
-        className: "container mx-auto max-w-4xl px-6 lg:px-16",
-        children: jsxs("div", {
-          className: "relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#0c1222] to-[#111827] p-10 text-center lg:p-14",
-          children: [jsx("div", {
-            className: "absolute left-0 top-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: [jsxs("div", {
-              className: "mb-4 inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/[0.04] px-4 py-1.5 text-[12px] font-medium text-white/50",
-              children: [jsx(Icons.HiOutlineSparklesIcon, {
-                className: "h-3.5 w-3.5 text-cyan-400"
-              }), "About Yantra"]
-            }), jsx("h2", {
-              className: "mb-4 text-2xl font-extrabold text-white lg:text-3xl",
-              children: "What is Yantra?"
-            }), jsx("p", {
-              className: "mx-auto max-w-2xl text-base leading-relaxed text-white/50",
-              children: "Yantra is a powerful AI platform that combines cutting-edge language models with deep enterprise integrations. It's not just about answering questions \u2014 it's about deploying AI employees that handle real work: sales outreach, code reviews, customer support, content creation, and more."
-            }), jsxs("div", {
-              className: "mx-auto mt-8 grid max-w-lg grid-cols-3 gap-4",
-              children: [jsxs("div", {
-                className: "rounded-xl border border-white/[0.06] bg-white/[0.03] p-4 text-center",
-                children: [jsx("div", {
-                  className: "text-xl font-bold text-white",
-                  children: "10K+"
-                }), jsx("div", {
-                  className: "mt-0.5 text-[11px] text-white/30",
-                  children: "Teams"
-                })]
-              }), jsxs("div", {
-                className: "rounded-xl border border-white/[0.06] bg-white/[0.03] p-4 text-center",
-                children: [jsx("div", {
-                  className: "text-xl font-bold text-white",
-                  children: "50M+"
-                }), jsx("div", {
-                  className: "mt-0.5 text-[11px] text-white/30",
-                  children: "Tasks Automated"
-                })]
-              }), jsxs("div", {
-                className: "rounded-xl border border-white/[0.06] bg-white/[0.03] p-4 text-center",
-                children: [jsx("div", {
-                  className: "text-xl font-bold text-white",
-                  children: "99.9%"
-                }), jsx("div", {
-                  className: "mt-0.5 text-[11px] text-white/30",
-                  children: "Uptime"
-                })]
-              })]
-            })]
-          })]
-        })
+      className: "border-b border-border bg-muted/30 py-20",
+      children: jsxs("div", {
+        className: "mx-auto max-w-3xl px-6 lg:px-16",
+        children: [jsx("p", {
+          className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary",
+          children: "About"
+        }), jsx("h2", {
+          className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+          children: "What is Yantra?"
+        }), jsx("p", {
+          className: "mt-4 max-w-prose text-base leading-relaxed text-foreground/90",
+          children: "Yantra is a platform that combines language models with deep enterprise integrations. It is not about answering questions. It is about deploying AI employees that handle real work: sales outreach, code reviews, customer support, content creation, and more."
+        })]
       })
     }), jsx("section", {
-      className: "border-t border-border/30 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-5xl px-6 lg:px-16",
         children: [jsxs("div", {
-          className: "mb-12 text-center",
-          children: [jsxs("div", {
-            className: "mb-3 flex items-center justify-center gap-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: "Use Cases"
-            }), jsx("div", {
-              className: "h-1 w-8 rounded-full bg-gradient-to-r from-purple-500 to-violet-500"
-            })]
+          className: "mb-12 max-w-2xl",
+          children: [jsx("p", {
+            className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary",
+            children: "Use cases"
           }), jsx("h2", {
-            className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-            children: "What can you do with Yantra?"
-          }), jsx("p", {
-            className: "mx-auto mt-2 max-w-lg text-sm text-muted-foreground",
-            children: "Discover the powerful ways Yantra transforms your workflow"
+            className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+            children: "What you can do with Yantra."
           })]
         }), jsx("div", {
-          className: "grid gap-4 md:grid-cols-2",
+          className: "grid gap-px overflow-hidden rounded-themed-lg border border-border bg-border md:grid-cols-2",
           children: USE_CASES.map(uc => jsxs("div", {
-            className: "group relative overflow-hidden rounded-2xl border border-border/60 bg-card p-7 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg",
-            children: [jsx("div", {
-              className: `pointer-events-none absolute inset-0 bg-gradient-to-br ${uc.gradient} opacity-0 transition-opacity group-hover:opacity-100`
-            }), jsxs("div", {
-              className: "relative z-10",
-              children: [jsx("div", {
-                className: `mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br ${uc.iconBg} ${uc.iconColor}`,
-                children: jsx(Icons.HiOutlineSparklesIcon, {
-                  className: "h-5 w-5"
-                })
-              }), jsx("h3", {
-                className: "mb-2 text-lg font-semibold text-foreground",
-                children: uc.title
-              }), jsx("p", {
-                className: "mb-4 text-[13px] leading-relaxed text-muted-foreground",
-                children: uc.desc
-              }), jsx("ul", {
-                className: "space-y-1.5",
-                children: uc.items.map(item => jsxs("li", {
-                  className: "flex items-center gap-2 text-[12px] text-muted-foreground",
-                  children: [jsx(Icons.MdCheckIcon, {
-                    className: `h-3.5 w-3.5 shrink-0 ${uc.iconColor}`
-                  }), item]
-                }, item))
-              })]
+            className: "bg-card p-6 transition-colors hover:bg-accent/20",
+            children: [jsx("h3", {
+              className: "text-lg font-semibold text-foreground",
+              children: uc.title
+            }), jsx("p", {
+              className: "mt-2 max-w-prose text-sm leading-relaxed text-muted-foreground",
+              children: uc.desc
+            }), jsx("ul", {
+              className: "mt-4 space-y-2",
+              children: uc.items.map(item => jsxs("li", {
+                className: "flex items-start gap-2.5 text-sm text-foreground/90",
+                children: [jsx(Icons.MdCheckIcon, {
+                  className: "mt-0.5 h-4 w-4 shrink-0 text-primary"
+                }), item]
+              }, item))
             })]
           }, uc.title))
         })]
       })
     }), jsx("section", {
-      className: "border-t border-border/30 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-5xl px-6 lg:px-16",
         children: [jsxs("div", {
-          className: "mb-12 text-center",
-          children: [jsxs("div", {
-            className: "mb-3 flex items-center justify-center gap-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: "Pro Tips"
-            }), jsx("div", {
-              className: "h-1 w-8 rounded-full bg-gradient-to-r from-orange-500 to-amber-500"
-            })]
+          className: "mb-12 max-w-2xl",
+          children: [jsx("p", {
+            className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary",
+            children: "Pro tips"
           }), jsx("h2", {
-            className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
-            children: "Tips for Success"
+            className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
+            children: "Tips for success."
           })]
-        }), jsx("div", {
-          className: "grid gap-4 md:grid-cols-3",
-          children: TIPS.map(tip => jsxs("div", {
-            className: "group relative overflow-hidden rounded-2xl border border-border/60 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg",
-            children: [jsx("div", {
-              className: `absolute left-0 right-0 top-0 h-1 bg-gradient-to-r ${tip.gradient}`
-            }), jsxs("div", {
-              className: "relative z-10 pt-2",
-              children: [jsx("h3", {
-                className: "mb-2 text-[15px] font-semibold text-foreground",
-                children: tip.title
-              }), jsx("p", {
-                className: "text-[13px] leading-relaxed text-muted-foreground",
-                children: tip.desc
-              })]
+        }), jsx("ul", {
+          className: "grid gap-6 md:grid-cols-3",
+          children: TIPS.map(tip => jsxs("li", {
+            className: "themed-card border-l-2 border-l-primary p-6 interactive-hover",
+            children: [jsx("h3", {
+              className: "text-base font-semibold text-foreground",
+              children: tip.title
+            }), jsx("p", {
+              className: "mt-2 text-sm leading-relaxed text-muted-foreground",
+              children: tip.desc
             })]
           }, tip.title))
         })]
       })
     }), jsx("section", {
-      className: "border-t border-border/30 py-16",
-      children: jsx("div", {
-        className: "container mx-auto max-w-4xl px-6 lg:px-16",
-        children: jsxs("div", {
-          className: "relative overflow-hidden rounded-3xl bg-gradient-to-r from-cyan-500 via-blue-600 to-violet-600 p-10 text-center lg:p-14",
-          children: [jsxs("div", {
-            className: "pointer-events-none absolute inset-0",
-            children: [jsx("div", {
-              className: "absolute left-[15%] top-4 h-2 w-2 rounded-full bg-white/20"
-            }), jsx("div", {
-              className: "absolute bottom-8 right-[20%] h-1.5 w-1.5 rounded-full bg-white/15"
-            })]
-          }), jsxs("div", {
-            className: "relative z-10",
-            children: [jsx("h2", {
-              className: "text-2xl font-extrabold text-white lg:text-3xl",
-              children: "Ready to transform your workflow?"
-            }), jsx("p", {
-              className: "mx-auto mt-3 max-w-md text-base text-white/70",
-              children: "Join thousands of teams building with Yantra AI employees."
-            }), jsxs("div", {
-              className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row",
-              children: [jsx(Link, {
-                to: "/help-center",
-                className: "inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 text-sm font-semibold text-gray-900 shadow-lg transition-all hover:-translate-y-0.5 hover:shadow-xl",
-                children: "Explore Help Center"
-              }), jsx("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:-translate-y-0.5 hover:bg-white/20",
-                children: "Contact Sales"
-              })]
+      className: "bg-primary py-20 text-primary-foreground",
+      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 sm:text-4xl",
+          children: "Ready when you are."
+        }), jsx("p", {
+          className: "mx-auto mt-3 max-w-prose text-base text-primary-foreground/80",
+          children: "Join teams building with Yantra AI employees."
+        }), jsxs("div", {
+          className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row",
+          children: [jsxs(Link, {
+            to: "/help-center",
+            className: "inline-flex items-center gap-2 rounded-themed bg-card px-5 py-2.5 text-sm font-semibold text-card-foreground shadow-themed-md transition-transform duration-200 hover:-translate-y-0.5 focus-themed",
+            children: ["Explore help center", jsx(Icons.ArrowRightIcon, {
+              className: "h-3.5 w-3.5"
             })]
+          }), jsx(Link, {
+            to: "/contact",
+            className: "inline-flex items-center gap-2 rounded-themed border border-primary-foreground/30 px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary-foreground/10 focus-themed",
+            children: "Contact sales"
           })]
-        })
+        })]
       })
     })]
   });
-};export{GetStartedPage as default};//# sourceMappingURL=index.js.map
+}export{GetStartedPage as default};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/GetStarted/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/GetStarted/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"+KAKA,MAAM,KAAK,GAAG,CAAA;AACV,EAAA,GAAA,EAAA,IAAA;AACI,EAAA,KAAA,EAAA,qBAAS;AACT,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,GAAA,EAAA,IAAA;AACD,EAAA,KAAA,EAAA,uBAAA;AACI,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,IAAA;AACH,EAAA,KAAA,EAAA,qBAAA;AACD,EAAA,IAAA,EAAA;AACI,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,IAAA;AACA,EAAA,KAAA,EAAA,oBAAoG;AACvG,EAAA,IAAA,EAAA;AACD,CAAA,CAAA;AACI,MAAA,SAAS,GAAA,CAAA;AACT,EAAA,KAAA,EAAA,6BAA2B;AAC3B,EAAA,IAAA,EAAA,yIAAqG;AACxG,EAAA,KAAA,EAAA,CAAA,4CAAA,EAAA,6CAAA;CACJ,EAAC;AAEF,EAAA,kCAAkB;AACd,EAAA,IAAA,EAAA,wIAAA;AACI,EAAA,KAAA,EAAA,CAAA,2BAAoC,EAAA,uBAAA;AACpC,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,yBAAoD;AACvD,EAAA,IAAA,EAAA,mIAAA;AACD,EAAA,KAAA,EAAA,CAAA,yCAAA,EAAA,6BAAA;AACI,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,4BAA8I;AAC9I,EAAA,IAAA,EAAA,wIAA6D;AAChE,EAAA,KAAA,EAAA,CAAA,oCAAA,EAAA,6BAAA;AACD,CAAA,CAAA;AACI,MAAA,IAAA,GAAK;AACL,EAAA,KAAA,EAAA,0BAAyI;AACzI,EAAA,IAAA,EAAA;AACH,CAAA,EAAA;AACD,EAAA,KAAA,EAAA,6BAAA;AACI,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,qBAA4C;AAC/C,EAAA,IAAA,EAAA;CACJ,CAAC;AAEF,uBAAa,GAAA;AACT,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAK,EAAE,4BAA0B;AACjC,IAAA,QAAI,EAAE,CAA6HC,GAAA,CAAA,QAAA,EAAA;AACtI,MAAA,OAAA,EAAA,YAAA;AACD,MAAA,KAAA,EAAA,yBAAA;AACI,MAAA,WAAoC,EAAA,+IAAA;AACpC,MAAA,IAAA,EAAIA,GAAoH,CAAA,KAAA,CAAA,qBAAA,EAAA;AAC3H,QAAA,SAAA,EAAA;AACD,OAAA;AACI,KAAA,CAAA,EAAAA,GAAA,CAAK,SAAuB,EAAA;AAC5B,MAAA,EAAA,EAAA,OAAuH;AAC1H,MAAA,SAAA,EAAA,8BAAA;MACH,QAAA,EAAAD,IAAA,CAAA,KAAA,EAAA;AAEF,QAAA,SAAuB,EAAA,iCAAA;QACZ,qBACW,EAAA;AA+HtB,UAAC,SAAA,EAAA,iBAAA;AAED,UAAA,kBAA6B,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/BookStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookStack.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/BookStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EA0C7B,CAAC"}
+{"version":3,"file":"BookStack.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/BookStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAkC7B,CAAC"}

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAqGD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuH5D,CAAC"}
+{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0F5D,CAAC"}