@adminide-stack/yantra-help-browser 12.0.191 → 12.0.192-alpha.1

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

@@ -1,34 +1,39 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';const ArticleCard = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';import {useSpotlight}from'../../../hooks/useSpotlight.js';const ArticleCard = ({
   index,
   title,
   description,
   readTime,
   onClick
 }) => {
+  const onMouseMove = useSpotlight();
   return jsxs("button", {
     type: "button",
     onClick: onClick,
-    className: "yh-glass-card yh-hover-lift yh-stagger-item themed-card group flex w-full flex-col items-start rounded-themed-lg p-6 text-left focus-themed",
+    onMouseMove: onMouseMove,
+    className: "yh-glass-card yh-hover-lift yh-stagger-item yh-spotlight themed-card group flex w-full flex-col items-start rounded-themed-lg p-6 text-left focus-themed",
     style: {
       ['--i']: index
     },
     children: [jsxs("div", {
-      className: "mb-5 flex w-full items-center justify-between",
+      className: "relative mb-5 flex w-full items-center justify-between",
       children: [jsx("span", {
-        className: "font-mono text-xs font-semibold tracking-widest text-muted-foreground",
-        children: String(index).padStart(2, '0')
+        className: "yh-icon-pop inline-flex h-8 w-8 items-center justify-center rounded-themed bg-muted font-mono text-xs font-semibold tracking-widest text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary",
+        children: String(index + 1).padStart(2, '0')
       }), readTime && jsx("span", {
         className: "rounded-themed bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground",
         children: readTime
       })]
     }), jsx("h3", {
-      className: "text-lg font-semibold leading-snug text-card-foreground transition-colors group-hover:text-primary",
-      children: title
+      className: "relative text-lg font-semibold leading-snug text-card-foreground transition-colors group-hover:text-primary",
+      children: jsx("span", {
+        className: "yh-underline",
+        children: title
+      })
     }), jsx("p", {
-      className: "mt-2 text-sm leading-relaxed text-muted-foreground",
+      className: "relative mt-2 text-sm leading-relaxed text-muted-foreground",
       children: description
     }), jsxs("div", {
-      className: "mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-primary",
+      className: "relative mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-primary",
       children: ["Read article", jsx(Icons.ArrowRightIcon, {
         className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:translate-x-0.5"
       })]

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

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

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

@@ -6,6 +6,7 @@ interface Category {
     icon?: React.ReactNode;
     href: string;
     badge?: string;
+    meta?: string;
 }
 interface CategoriesSectionProps {
     title: string;

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

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

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

@@ -4,6 +4,7 @@ import {jsx}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js'
   onCategoryClick
 }) => {
   return jsx(EnterpriseSection, {
+    className: "py-20",
     eyebrow: "Browse",
     title: title,
     description: "Pick a topic. Or search above; everything is indexed.",
@@ -15,6 +16,7 @@ import {jsx}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js'
         description: cat.description,
         icon: cat.icon,
         badge: cat.badge,
+        meta: cat.meta,
         onClick: () => onCategoryClick?.(cat.href)
       }, cat.id))
     })

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

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

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

@@ -4,6 +4,8 @@ interface CategoryCardProps {
     description: string;
     icon?: React.ReactNode;
     badge?: string;
+    /** Real signal shown as a pill, e.g. "51 articles". */
+    meta?: string;
     index?: number;
     onClick?: () => void;
 }

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

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

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';const BADGE_TONE = {
+import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/Icons.js';import {useSpotlight}from'../../../hooks/useSpotlight.js';const BADGE_TONE = {
   Popular: 'bg-warning/10 text-warning ring-warning/20',
   New: 'bg-success/10 text-success ring-success/20'
 };
@@ -7,26 +7,32 @@ const CategoryCard = ({
   description,
   icon,
   badge,
+  meta,
   index = 0,
   onClick
 }) => {
+  const onMouseMove = useSpotlight();
   return jsxs("button", {
     type: "button",
     onClick: onClick,
+    onMouseMove: onMouseMove,
     style: {
       ['--i']: index
     },
-    className: "yh-glass-card yh-hover-lift yh-stagger-item themed-card group relative flex w-full items-start gap-4 rounded-themed-lg p-5 text-left focus-themed",
+    className: "yh-glass-card yh-hover-lift yh-stagger-item yh-spotlight themed-card group relative flex w-full items-start gap-4 rounded-themed-lg p-5 text-left focus-themed",
     children: [icon && jsx("div", {
-      className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-themed bg-muted text-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary",
+      className: "yh-icon-pop relative flex h-10 w-10 shrink-0 items-center justify-center rounded-themed bg-muted text-foreground group-hover:bg-primary/10 group-hover:text-primary",
       children: icon
     }), jsxs("div", {
-      className: "min-w-0 flex-1",
+      className: "relative min-w-0 flex-1",
       children: [jsxs("div", {
-        className: "flex items-center gap-2",
+        className: "flex flex-wrap items-center gap-2",
         children: [jsx("h3", {
           className: "text-base font-semibold text-card-foreground transition-colors group-hover:text-primary",
-          children: title
+          children: jsx("span", {
+            className: "yh-underline",
+            children: title
+          })
         }), badge && jsx("span", {
           className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider ring-1 ${BADGE_TONE[badge] || 'bg-muted text-muted-foreground ring-border'}`,
           children: badge
@@ -34,9 +40,12 @@ const CategoryCard = ({
       }), jsx("p", {
         className: "mt-1.5 text-sm leading-relaxed text-muted-foreground",
         children: description
+      }), meta && jsx("span", {
+        className: "mt-3 inline-flex items-center rounded-themed bg-muted px-2 py-0.5 font-mono text-[11px] font-medium text-muted-foreground",
+        children: meta
       })]
     }), jsx(Icons.KeyboardArrowRightIcon, {
-      className: "mt-1 h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-hover:translate-x-0.5 group-hover:text-primary"
+      className: "relative mt-1 h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-hover:translate-x-0.5 group-hover:text-primary"
     })]
   });
 };export{CategoryCard};//# sourceMappingURL=CategoryCard.js.map

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

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

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

@@ -3,6 +3,9 @@ import React from 'react';
  * Landing-page hero with GPU fluid backdrop (same family as Clockbook hero/footer).
  * Pulls up under the site header (main has mt-16) so the fluid shows through the
  * transparent/glass header bar instead of a white strip.
+ *
+ * Motion: staged entrance (word by word for the headline), a gentle parallax on
+ * scroll, and "/" to focus search. All of it is off under prefers-reduced-motion.
  */
 export declare const HeroSection: React.FC;
 //# sourceMappingURL=HeroSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAwD/B,CAAC"}
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA8J/B,CAAC"}

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

@@ -1,40 +1,133 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {SearchBar}from'../../../components/SearchBar.js';import {Icons}from'../../../components/Icons.js';import {HeroAnimatedBackground}from'./HeroAnimatedBackground.js';/**
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {SearchBar}from'../../../components/SearchBar.js';import {Icons}from'../../../components/Icons.js';import {HeroAnimatedBackground}from'./HeroAnimatedBackground.js';import {usePrefersReducedMotion}from'../../../hooks/usePrefersReducedMotion.js';const HEADLINE = 'The manual for an automated platform.';
+/** Suggested searches. Each one drives the SearchBar through its custom event. */
+const SUGGESTIONS = ['calendar', 'credits', 'resume', 'connect Slack', 'computer'];
+/**
  * Landing-page hero with GPU fluid backdrop (same family as Clockbook hero/footer).
  * Pulls up under the site header (main has mt-16) so the fluid shows through the
  * transparent/glass header bar instead of a white strip.
+ *
+ * Motion: staged entrance (word by word for the headline), a gentle parallax on
+ * scroll, and "/" to focus search. All of it is off under prefers-reduced-motion.
  */
 const HeroSection = () => {
+  const reducedMotion = usePrefersReducedMotion();
+  const contentRef = useRef(null);
+  // Parallax: the hero content drifts up a little slower than the page.
+  useEffect(() => {
+    if (reducedMotion || typeof window === 'undefined') return undefined;
+    const el = contentRef.current;
+    if (!el) return undefined;
+    let raf = 0;
+    const update = () => {
+      raf = 0;
+      const y = window.scrollY || 0;
+      if (y > 900) return;
+      el.style.transform = `translate3d(0, ${Math.round(y * 0.18)}px, 0)`;
+      el.style.opacity = String(Math.max(0, 1 - y / 640));
+    };
+    const onScroll = () => {
+      if (!raf) raf = window.requestAnimationFrame(update);
+    };
+    window.addEventListener('scroll', onScroll, {
+      passive: true
+    });
+    update();
+    return () => {
+      window.removeEventListener('scroll', onScroll);
+      if (raf) window.cancelAnimationFrame(raf);
+      el.style.transform = '';
+      el.style.opacity = '';
+    };
+  }, [reducedMotion]);
+  // "/" focuses the search box, unless you are already typing somewhere.
+  useEffect(() => {
+    if (typeof window === 'undefined') return undefined;
+    const onKey = e => {
+      if (e.key !== '/' || e.metaKey || e.ctrlKey || e.altKey) return;
+      const target = e.target;
+      const tag = target?.tagName;
+      if (tag === 'INPUT' || tag === 'TEXTAREA' || target?.isContentEditable) return;
+      const input = document.querySelector('input[aria-label="Search the help center"]');
+      if (!input) return;
+      e.preventDefault();
+      input.focus();
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+  const suggest = query => {
+    window.dispatchEvent(new CustomEvent('helpcenter:search', {
+      detail: query
+    }));
+  };
+  const words = HEADLINE.split(' ');
   return jsxs("section", {
     className: "yh-hero-surface relative -mt-16 w-full overflow-hidden border-b border-white/10",
     children: [jsx(HeroAnimatedBackground, {}), jsxs("div", {
+      ref: contentRef,
       className: "relative z-10 mx-auto flex max-w-5xl flex-col items-center px-6 pt-28 pb-24 text-center lg:px-16 lg:pt-36 lg:pb-32",
-      children: [jsxs("div", {
-        className: "inline-flex items-center gap-2 rounded-themed border border-white/15 bg-white/10 px-3 py-1 text-xs font-medium text-white/70 shadow-themed-sm backdrop-blur-sm",
-        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-60"
-          }), jsx("span", {
-            className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-400"
-          })]
-        }), jsx(Link, {
-          to: "/release-notes",
-          className: "transition-colors hover:text-white focus-themed",
-          children: "Yantra 2.4 \u2014 Improved AI employee latency"
-        }), jsx(Icons.ArrowRightIcon, {
+      children: [jsxs(Link, {
+        to: "/blog/introducing-yantra-apps",
+        className: "yh-hero-in yh-chip inline-flex items-center gap-2 rounded-themed border border-white/15 bg-white/10 py-1 pl-1.5 pr-3 text-xs font-medium text-white/75 shadow-themed-sm backdrop-blur-sm hover:bg-white/15 hover:text-white focus-themed",
+        style: {
+          ['--d']: '0ms'
+        },
+        children: [jsx("span", {
+          className: "rounded-themed bg-white/15 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-white",
+          children: "New"
+        }), "Forty apps now open beside your chat", jsx(Icons.ArrowRightIcon, {
           className: "h-3 w-3"
         })]
       }), jsx("h1", {
         className: "mt-8 max-w-3xl text-balance text-5xl font-bold leading-[1.02] tracking-tight text-white sm:text-6xl lg:text-7xl",
-        children: "The manual for an automated platform."
+        "aria-label": HEADLINE,
+        children: words.map((word, i) => jsxs(React__default.Fragment, {
+          children: [jsx("span", {
+            className: "yh-word",
+            style: {
+              ['--d']: `${120 + i * 45}ms`
+            },
+            "aria-hidden": true,
+            children: word
+          }), i < words.length - 1 ? ' ' : null]
+        }, `${word}-${i}`))
       }), jsx("p", {
-        className: "mt-6 max-w-prose text-lg leading-relaxed text-white/75 sm:text-xl",
+        className: "yh-hero-in mt-6 max-w-prose text-lg leading-relaxed text-white/75 sm:text-xl",
+        style: {
+          ['--d']: '420ms'
+        },
         children: "Reference, guides, and operational notes for Yantra. Built for the people who run it: developers, operators, and the teams they work with."
       }), jsx("div", {
-        className: "mt-10 w-full max-w-2xl",
+        className: "yh-hero-in mt-10 w-full max-w-2xl",
+        style: {
+          ['--d']: '520ms'
+        },
         children: jsx(SearchBar, {})
       }), jsxs("div", {
-        className: "mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-white/60",
+        className: "yh-hero-in mt-4 flex flex-wrap items-center justify-center gap-2 text-xs text-white/60",
+        style: {
+          ['--d']: '620ms'
+        },
+        children: [jsx("span", {
+          className: "mr-1",
+          children: "Try"
+        }), SUGGESTIONS.map(s => jsx("button", {
+          type: "button",
+          onClick: () => suggest(s),
+          className: "yh-chip rounded-themed border border-white/15 bg-white/5 px-2.5 py-1 font-medium text-white/75 hover:border-white/30 hover:bg-white/15 hover:text-white focus-themed",
+          children: s
+        }, s)), jsxs("span", {
+          className: "ml-2 hidden items-center gap-1.5 sm:inline-flex",
+          children: [jsx("kbd", {
+            className: "rounded-themed border border-white/20 bg-white/10 px-1.5 py-0.5 font-mono text-[11px] text-white/80",
+            children: "/"
+          }), "to search"]
+        })]
+      }), jsxs("div", {
+        className: "yh-hero-in mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-white/60",
+        style: {
+          ['--d']: '700ms'
+        },
         children: [jsx(Link, {
           to: "/get-started",
           className: "font-medium text-white underline-offset-4 hover:underline focus-themed",
@@ -50,9 +143,9 @@ const HeroSection = () => {
           className: "text-white/25",
           children: "/"
         }), jsx(Link, {
-          to: "/help-center/scope-api",
+          to: "/help-center/apps",
           className: "transition-colors hover:text-white focus-themed",
-          children: "API reference"
+          children: "Apps"
         })]
       })]
     }), jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"HeroSection.js","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"wPAMA;;;;AAIG;AACI,MAAM,WAAW,GAAa,MAAK;AACtC,EAAA,OAAAA,IACI,CAAA,SAAA,EAAA;AAsDR,IAAE,SAAA,EAAA,iFAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroSection.js","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * A mock of the product doing its job: a chat turn on the left, the Travel app
+ * opening on the right. Everything animates from the section's reveal, driven
+ * by CSS delays, and sits fully rendered under reduced motion.
+ */
+export declare const ProductPreview: React.FC;
+//# sourceMappingURL=ProductPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPreview.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ProductPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgC1B;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAiKlC,CAAC"}

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

@@ -0,0 +1,214 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {Icons}from'../../../components/Icons.js';import {ScrollReveal}from'../../../components/enterprise/ScrollReveal.js';import'clsx';import'tailwind-merge';import {useTilt}from'../../../hooks/useTilt.js';const d = ms => ({
+  ['--d']: `${ms}ms`
+});
+const STEPS = [{
+  n: '01',
+  title: 'Ask',
+  text: 'Say what you need, with the details. "Hotels in Paris under $200 for March 3 to 7, two guests."'
+}, {
+  n: '02',
+  title: 'Watch it open',
+  text: 'Yantra routes the turn to the right app. It opens beside the chat with the work already started.'
+}, {
+  n: '03',
+  title: 'Approve',
+  text: 'Commands, purchases, sends and publishes wait for you. Allow one, allow all for the session, or skip.'
+}];
+const STAYS = [{
+  name: 'Hôtel Le Marais Vieux',
+  area: '4th arr.',
+  rating: '4.6',
+  price: '$184'
+}, {
+  name: 'Maison Saint-Germain',
+  area: '6th arr.',
+  rating: '4.5',
+  price: '$192'
+}, {
+  name: 'Canal Loft Studio',
+  area: '10th arr.',
+  rating: '4.4',
+  price: '$149'
+}];
+/**
+ * A mock of the product doing its job: a chat turn on the left, the Travel app
+ * opening on the right. Everything animates from the section's reveal, driven
+ * by CSS delays, and sits fully rendered under reduced motion.
+ */
+const ProductPreview = () => {
+  const tilt = useTilt(3);
+  return jsx(ScrollReveal, {
+    as: "section",
+    className: "border-b border-border py-24",
+    children: jsxs("div", {
+      className: "mx-auto grid max-w-7xl grid-cols-1 gap-12 px-6 lg:grid-cols-12 lg:items-center lg:gap-16 lg:px-16",
+      children: [jsxs("div", {
+        className: "lg:col-span-5",
+        children: [jsx("p", {
+          className: "yh-section-eyebrow",
+          children: "How it works"
+        }), jsx("h2", {
+          className: "mt-2 text-balance text-3xl font-bold tracking-tight text-foreground",
+          children: "One chat. Every app beside it."
+        }), jsx("p", {
+          className: "mt-3 max-w-prose text-base leading-relaxed text-muted-foreground",
+          children: "You talk to one conversation. When a request belongs to an app, the app opens next to it and the two share the same context, so a follow-up like \"the second one\" or \"move it to Thursday\" just works."
+        }), jsx("ol", {
+          className: "mt-8 space-y-5",
+          children: STEPS.map((s, i) => jsxs("li", {
+            className: "yh-stagger-item flex gap-4",
+            style: {
+              ['--i']: i
+            },
+            children: [jsx("span", {
+              className: "mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-themed bg-muted font-mono text-xs font-semibold text-muted-foreground",
+              children: s.n
+            }), jsxs("div", {
+              children: [jsx("h3", {
+                className: "text-base font-semibold text-foreground",
+                children: s.title
+              }), jsx("p", {
+                className: "mt-1 text-sm leading-relaxed text-muted-foreground",
+                children: s.text
+              })]
+            })]
+          }, s.n))
+        }), jsxs("div", {
+          className: "mt-8 flex flex-wrap gap-x-6 gap-y-2 text-sm",
+          children: [jsxs(Link, {
+            to: "/help-center/apps/apps-overview",
+            className: "inline-flex items-center gap-1.5 font-semibold text-primary focus-themed",
+            children: ["How apps open", jsx(Icons.ArrowRightIcon, {
+              className: "h-3.5 w-3.5"
+            })]
+          }), jsxs(Link, {
+            to: "/help-center/chat/approvals-and-agent-questions",
+            className: "inline-flex items-center gap-1.5 font-semibold text-primary focus-themed",
+            children: ["Approvals", jsx(Icons.ArrowRightIcon, {
+              className: "h-3.5 w-3.5"
+            })]
+          })]
+        })]
+      }), jsx("div", {
+        className: "lg:col-span-7",
+        children: jsxs("div", {
+          className: "themed-card overflow-hidden rounded-themed-xl border border-border shadow-themed-lg will-change-transform",
+          onMouseMove: tilt.onMouseMove,
+          onMouseLeave: tilt.onMouseLeave,
+          children: [jsxs("div", {
+            className: "flex items-center gap-2 border-b border-border bg-muted/60 px-4 py-2.5",
+            children: [jsx("span", {
+              className: "h-2.5 w-2.5 rounded-full bg-foreground/15"
+            }), jsx("span", {
+              className: "h-2.5 w-2.5 rounded-full bg-foreground/15"
+            }), jsx("span", {
+              className: "h-2.5 w-2.5 rounded-full bg-foreground/15"
+            }), jsx("span", {
+              className: "ml-3 truncate font-mono text-[11px] text-muted-foreground",
+              children: "yantra.app/c/new"
+            })]
+          }), jsxs("div", {
+            className: "grid min-h-[22rem] grid-cols-1 sm:grid-cols-12",
+            children: [jsxs("div", {
+              className: "flex flex-col gap-3 border-b border-border p-4 sm:col-span-5 sm:border-b-0 sm:border-r",
+              children: [jsx("div", {
+                className: "yh-pv-item self-end",
+                style: d(200),
+                children: jsx("div", {
+                  className: "max-w-[16rem] rounded-themed-lg bg-primary px-3.5 py-2.5 text-left text-sm leading-snug text-primary-foreground",
+                  children: "Hotels in Paris under $200 for March 3 to 7, two guests"
+                })
+              }), jsx("div", {
+                className: "yh-pv-typing self-start",
+                style: d(600),
+                "aria-hidden": true,
+                children: jsxs("div", {
+                  className: "inline-flex items-center gap-1 rounded-themed-lg bg-muted px-3 py-2.5",
+                  children: [jsx("span", {
+                    className: "h-1.5 w-1.5 rounded-full bg-muted-foreground/60"
+                  }), jsx("span", {
+                    className: "h-1.5 w-1.5 rounded-full bg-muted-foreground/60"
+                  }), jsx("span", {
+                    className: "h-1.5 w-1.5 rounded-full bg-muted-foreground/60"
+                  })]
+                })
+              }), jsx("div", {
+                className: "yh-pv-item self-start",
+                style: d(1750),
+                children: jsx("div", {
+                  className: "max-w-[17rem] rounded-themed-lg bg-muted px-3.5 py-2.5 text-sm leading-snug text-foreground",
+                  children: "Opening Travel. Three stays under $200 for two guests, March 3 to 7."
+                })
+              }), jsx("div", {
+                className: "yh-pv-item mt-auto",
+                style: d(2050),
+                children: jsxs("div", {
+                  className: "inline-flex items-center gap-2 rounded-themed border border-border bg-card px-2.5 py-1.5 font-mono text-[11px] text-muted-foreground",
+                  children: [jsx("span", {
+                    className: "h-1.5 w-1.5 rounded-full bg-success"
+                  }), "Travel \u00B7 hotel search \u00B7 0.8s"]
+                })
+              })]
+            }), jsxs("div", {
+              className: "yh-pv-panel p-4 sm:col-span-7",
+              style: d(1400),
+              children: [jsxs("div", {
+                className: "flex items-center justify-between",
+                children: [jsxs("div", {
+                  className: "flex items-center gap-2",
+                  children: [jsx("span", {
+                    className: "rounded-themed bg-primary/10 px-2 py-0.5 text-xs font-semibold text-primary",
+                    children: "Travel"
+                  }), jsx("span", {
+                    className: "text-xs text-muted-foreground",
+                    children: "Hotels"
+                  })]
+                }), jsx("span", {
+                  className: "rounded-themed bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground",
+                  children: "Compare"
+                })]
+              }), jsx("div", {
+                className: "mt-3 grid grid-cols-3 gap-2 text-[11px]",
+                children: ['Paris', 'Mar 3 to 7', '2 guests'].map(v => jsx("div", {
+                  className: "truncate rounded-themed border border-border bg-background px-2 py-1.5 font-medium text-foreground",
+                  children: v
+                }, v))
+              }), jsx("div", {
+                className: "mt-3 h-1 w-full overflow-hidden rounded-full bg-muted",
+                children: jsx("div", {
+                  className: "yh-pv-bar h-full w-full rounded-full bg-primary/70",
+                  style: d(1900)
+                })
+              }), jsx("ul", {
+                className: "mt-3 space-y-2",
+                children: STAYS.map((s, i) => jsxs("li", {
+                  className: "yh-pv-item flex items-center justify-between rounded-themed border border-border bg-card px-3 py-2.5",
+                  style: d(2200 + i * 160),
+                  children: [jsxs("div", {
+                    className: "min-w-0",
+                    children: [jsx("div", {
+                      className: "truncate text-sm font-semibold text-card-foreground",
+                      children: s.name
+                    }), jsxs("div", {
+                      className: "text-[11px] text-muted-foreground",
+                      children: [s.area, " \u00B7 ", s.rating, " rating"]
+                    })]
+                  }), jsxs("div", {
+                    className: "ml-3 text-right",
+                    children: [jsx("div", {
+                      className: "text-sm font-semibold text-foreground",
+                      children: s.price
+                    }), jsx("div", {
+                      className: "text-[10px] text-muted-foreground",
+                      children: "per night"
+                    })]
+                  })]
+                }, s.name))
+              })]
+            })]
+          })]
+        })
+      })]
+    })
+  });
+};export{ProductPreview};//# sourceMappingURL=ProductPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPreview.js","sources":["../../../../src/pages/LandingPage/components/ProductPreview.tsx"],"sourcesContent":[null],"names":[],"mappings":"4RAMA,MAAM,CAAC,GAAG,OAAe;AAEzB,EAAA,CAAA,QAAW,CAAG,EAAA,EAAA,CAAA,EAAA;AACV,CAAA,CAAA;AACI,MAAA,KAAG,GAAI,CAAA;AACP,EAAA,CAAA,EAAA,IAAA;AACA,EAAA,KAAA,EAAA,KAAM;AACT,EAAA,IAAA,EAAA;AACD,CAAA,EAAA;AACI,EAAA,CAAA,EAAA,IAAC;AACD,EAAA,KAAA,EAAA,eAAsB;AACtB,EAAA,IAAA,EAAA;AACH,CAAA,EAAA;AACD,EAAA,CAAA,EAAA,IAAA;AACI,EAAA,KAAA,EAAC,SAAM;AACP,EAAA,IAAA,EAAA;AACA,CAAA,CAAA;AACH,MAAA,KAAA,GAAA,CAAA;EACH,IAAA,EAAA,uBAAA;AAEF,EAAA,IAAM,YAAQ;AACV,EAAA,MAAM,EAAA,KAAyB;AAC/B,EAAA,KAAM,EAAA;AACN,CAAA,EAAA;EACF,IAAA,EAAA,sBAAA;AAEF,EAAA,IAAA,EAAA,UAAA;;;;AAIG,EAAA,IAAA,EAAA,mBAAA;AACH,EAAA,IAAM,EAAC,WAAoB;AACvB,EAAA,MAAA,EAAM,KAAO;AAEb,EAAA,KAAA,EAAA;AA8JJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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