@adminide-stack/yantra-help-browser 12.0.19-alpha.6 → 12.0.191-alpha.2

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

@@ -0,0 +1,433 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useRef,useEffect}from'react';/**
+ * HeroFluidCanvas
+ * ---------------
+ * GPU-driven fluid for Yantra hero/footer surfaces. Domain-warped flow noise in
+ * the Yantra palette (deep ink → indigo → teal → gold), gently reactive to the
+ * pointer.
+ *
+ * Render path, best-effort with graceful fallback:
+ *   1. WebGPU (WGSL)   — modern Chrome/Edge, Safari TP
+ *   2. WebGL2 (GLSL)   — everywhere else
+ *   3. CSS gradient    — the static layer underneath, if both fail
+ *
+ * Honors prefers-reduced-motion: a single static frame, no rAF, no pointer drift.
+ */
+const WGSL = /* wgsl */`
+struct Uniforms {
+  resolution: vec2f,
+  time: f32,
+  reduced: f32,
+  pointer: vec2f,
+  intensity: f32,
+  _pad: f32,
+};
+
+@group(0) @binding(0) var<uniform> u: Uniforms;
+
+@vertex
+fn vs(@builtin(vertex_index) vi: u32) -> @builtin(position) vec4f {
+  var pos = array<vec2f, 3>(vec2f(-1.0, -1.0), vec2f(3.0, -1.0), vec2f(-1.0, 3.0));
+  return vec4f(pos[vi], 0.0, 1.0);
+}
+
+fn hash(p: vec2f) -> f32 {
+  var q = fract(p * vec2f(123.34, 456.21));
+  q += dot(q, q + 45.32);
+  return fract(q.x * q.y);
+}
+
+fn vnoise(p: vec2f) -> f32 {
+  let i = floor(p);
+  let f = fract(p);
+  let a = hash(i);
+  let b = hash(i + vec2f(1.0, 0.0));
+  let c = hash(i + vec2f(0.0, 1.0));
+  let d = hash(i + vec2f(1.0, 1.0));
+  let w = f * f * (3.0 - 2.0 * f);
+  return mix(mix(a, b, w.x), mix(c, d, w.x), w.y);
+}
+
+fn fbm(p0: vec2f) -> f32 {
+  var p = p0;
+  var v = 0.0;
+  var amp = 0.5;
+  for (var i = 0; i < 5; i++) {
+    v += amp * vnoise(p);
+    p *= 2.0;
+    amp *= 0.5;
+  }
+  return v;
+}
+
+// Yantra ramp: deep ink -> indigo -> teal -> gold.
+fn ramp(x0: f32) -> vec3f {
+  let x = clamp(x0, 0.0, 1.0);
+  let c0 = vec3f(0.045, 0.050, 0.078);
+  let c1 = vec3f(0.18, 0.12, 0.42);
+  let c2 = vec3f(0.20, 0.78, 0.74);
+  let c3 = vec3f(0.96, 0.78, 0.32);
+  if (x < 0.46) { return mix(c0, c1, smoothstep(0.0, 0.46, x)); }
+  if (x < 0.74) { return mix(c1, c2, smoothstep(0.46, 0.74, x)); }
+  return mix(c2, c3, smoothstep(0.74, 1.0, x));
+}
+
+@fragment
+fn fs(@builtin(position) frag: vec4f) -> @location(0) vec4f {
+  let uv = frag.xy / u.resolution;
+  var p = uv - vec2f(0.5);
+  p.x *= u.resolution.x / u.resolution.y;
+
+  let t = select(u.time * 0.05, 4.2, u.reduced > 0.5);
+
+  let q = vec2f(fbm(p * 1.6 + t), fbm(p * 1.6 + vec2f(5.2, 1.3) - t));
+  let r = vec2f(
+    fbm(p * 1.6 + 1.7 * q + vec2f(1.7, 9.2) + 0.15 * t),
+    fbm(p * 1.6 + 1.7 * q + vec2f(8.3, 2.8) - 0.12 * t),
+  );
+  let f = fbm(p * 1.6 + 2.0 * r);
+
+  let pd = length(p - u.pointer);
+  let warm = smoothstep(0.85, -0.55, p.x + p.y);
+  var shade = pow(clamp(f * 0.98 + 0.14 * r.x + 0.10 * warm, 0.0, 1.0), 1.04);
+  shade += 0.10 * u.intensity * exp(-pd * pd * 5.0);
+
+  var col = ramp(shade);
+  col += vec3f(0.03, 0.04, 0.08) * warm * smoothstep(0.3, 0.72, shade);
+  let gold = vec3f(0.96, 0.78, 0.32);
+  col += gold * 0.14 * exp(-pd * pd * 3.0) * u.intensity;
+
+  let vig = 1.0 - smoothstep(0.5, 1.45, length(p));
+  col *= mix(0.5, 1.0, vig);
+  col *= 0.93;
+  col += (hash(uv * u.resolution * 0.5 + t) - 0.5) * 0.02;
+
+  return vec4f(col, 1.0);
+}
+`;
+const GLSL_VERT = `#version 300 es
+precision highp float;
+void main() {
+  vec2 pos = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2)) * 2.0 - 1.0;
+  gl_Position = vec4(pos, 0.0, 1.0);
+}
+`;
+const GLSL_FRAG = `#version 300 es
+precision highp float;
+out vec4 outColor;
+
+uniform vec2 u_resolution;
+uniform float u_time;
+uniform float u_reduced;
+uniform vec2 u_pointer;
+uniform float u_intensity;
+
+float hash(vec2 p) {
+  vec2 q = fract(p * vec2(123.34, 456.21));
+  q += dot(q, q + 45.32);
+  return fract(q.x * q.y);
+}
+
+float vnoise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  float a = hash(i);
+  float b = hash(i + vec2(1.0, 0.0));
+  float c = hash(i + vec2(0.0, 1.0));
+  float d = hash(i + vec2(1.0, 1.0));
+  vec2 w = f * f * (3.0 - 2.0 * f);
+  return mix(mix(a, b, w.x), mix(c, d, w.x), w.y);
+}
+
+float fbm(vec2 p) {
+  float v = 0.0;
+  float amp = 0.5;
+  for (int i = 0; i < 5; i++) {
+    v += amp * vnoise(p);
+    p *= 2.0;
+    amp *= 0.5;
+  }
+  return v;
+}
+
+// Yantra ramp: deep ink -> indigo -> teal -> gold.
+vec3 ramp(float x) {
+  x = clamp(x, 0.0, 1.0);
+  vec3 c0 = vec3(0.045, 0.050, 0.078);
+  vec3 c1 = vec3(0.18, 0.12, 0.42);
+  vec3 c2 = vec3(0.20, 0.78, 0.74);
+  vec3 c3 = vec3(0.96, 0.78, 0.32);
+  if (x < 0.46) return mix(c0, c1, smoothstep(0.0, 0.46, x));
+  if (x < 0.74) return mix(c1, c2, smoothstep(0.46, 0.74, x));
+  return mix(c2, c3, smoothstep(0.74, 1.0, x));
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / u_resolution;
+  vec2 p = uv - vec2(0.5);
+  p.x *= u_resolution.x / u_resolution.y;
+
+  float t = u_reduced > 0.5 ? 4.2 : u_time * 0.05;
+
+  vec2 q = vec2(fbm(p * 1.6 + t), fbm(p * 1.6 + vec2(5.2, 1.3) - t));
+  vec2 r = vec2(
+    fbm(p * 1.6 + 1.7 * q + vec2(1.7, 9.2) + 0.15 * t),
+    fbm(p * 1.6 + 1.7 * q + vec2(8.3, 2.8) - 0.12 * t)
+  );
+  float f = fbm(p * 1.6 + 2.0 * r);
+
+  float pd = length(p - u_pointer);
+  float warm = smoothstep(0.85, -0.55, p.x + p.y);
+  float shade = pow(clamp(f * 0.98 + 0.14 * r.x + 0.10 * warm, 0.0, 1.0), 1.04);
+  shade += 0.10 * u_intensity * exp(-pd * pd * 5.0);
+
+  vec3 col = ramp(shade);
+  col += vec3(0.03, 0.04, 0.08) * warm * smoothstep(0.3, 0.72, shade);
+  vec3 gold = vec3(0.96, 0.78, 0.32);
+  col += gold * 0.14 * exp(-pd * pd * 3.0) * u_intensity;
+
+  float vig = 1.0 - smoothstep(0.5, 1.45, length(p));
+  col *= mix(0.5, 1.0, vig);
+  col *= 0.93;
+  col += (hash(uv * u_resolution * 0.5 + t) - 0.5) * 0.02;
+
+  outColor = vec4(col, 1.0);
+}
+`;
+function HeroFluidCanvas({
+  reducedMotion,
+  className
+}) {
+  const canvasRef = useRef(null);
+  const rafRef = useRef(0);
+  const startRef = useRef(0);
+  const pointerTarget = useRef([0, 0]);
+  const pointer = useRef([0, 0]);
+  const intensityTarget = useRef(0);
+  const intensity = useRef(0);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return undefined;
+    let disposed = false;
+    const dprCap = () => Math.min(window.devicePixelRatio || 1, 1.75);
+    const sizeCanvas = () => {
+      const host = canvas.parentElement;
+      if (!host) return;
+      const dpr = dprCap();
+      const w = Math.max(1, Math.floor(host.clientWidth * dpr));
+      const h = Math.max(1, Math.floor(host.clientHeight * dpr));
+      if (canvas.width !== w || canvas.height !== h) {
+        canvas.width = w;
+        canvas.height = h;
+      }
+      canvas.style.width = '100%';
+      canvas.style.height = '100%';
+    };
+    const onMove = e => {
+      const rect = canvas.getBoundingClientRect();
+      if (!rect.width || !rect.height) return;
+      const nx = (e.clientX - rect.left) / rect.width - 0.5;
+      const ny = (e.clientY - rect.top) / rect.height - 0.5;
+      pointerTarget.current = [nx * (rect.width / rect.height), ny];
+      intensityTarget.current = 1;
+    };
+    const onLeave = () => {
+      intensityTarget.current = 0;
+    };
+    if (!reducedMotion) {
+      window.addEventListener('pointermove', onMove, {
+        passive: true
+      });
+      window.addEventListener('pointerout', onLeave, {
+        passive: true
+      });
+    }
+    const advance = () => {
+      const k = 0.06;
+      pointer.current[0] += (pointerTarget.current[0] - pointer.current[0]) * k;
+      pointer.current[1] += (pointerTarget.current[1] - pointer.current[1]) * k;
+      intensity.current += (intensityTarget.current - intensity.current) * 0.05;
+    };
+    let stopWebgl = null;
+    let stopWebgpu = null;
+    const runWebGL2 = () => {
+      const gl = canvas.getContext('webgl2', {
+        antialias: false,
+        alpha: false,
+        premultipliedAlpha: false,
+        powerPreference: 'low-power'
+      });
+      if (!gl) return false;
+      const compile = (type, src) => {
+        const sh = gl.createShader(type);
+        gl.shaderSource(sh, src);
+        gl.compileShader(sh);
+        if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) {
+          gl.deleteShader(sh);
+          return null;
+        }
+        return sh;
+      };
+      const vs = compile(gl.VERTEX_SHADER, GLSL_VERT);
+      const fs = compile(gl.FRAGMENT_SHADER, GLSL_FRAG);
+      if (!vs || !fs) return false;
+      const prog = gl.createProgram();
+      gl.attachShader(prog, vs);
+      gl.attachShader(prog, fs);
+      gl.linkProgram(prog);
+      if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) return false;
+      gl.useProgram(prog);
+      const uRes = gl.getUniformLocation(prog, 'u_resolution');
+      const uTime = gl.getUniformLocation(prog, 'u_time');
+      const uReduced = gl.getUniformLocation(prog, 'u_reduced');
+      const uPointer = gl.getUniformLocation(prog, 'u_pointer');
+      const uIntensity = gl.getUniformLocation(prog, 'u_intensity');
+      const frame = now => {
+        if (disposed) return;
+        if (!startRef.current) startRef.current = now;
+        advance();
+        sizeCanvas();
+        gl.viewport(0, 0, canvas.width, canvas.height);
+        gl.uniform2f(uRes, canvas.width, canvas.height);
+        gl.uniform1f(uTime, (now - startRef.current) / 1000);
+        gl.uniform1f(uReduced, reducedMotion ? 1 : 0);
+        gl.uniform2f(uPointer, pointer.current[0], pointer.current[1]);
+        gl.uniform1f(uIntensity, intensity.current);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        if (!reducedMotion) rafRef.current = requestAnimationFrame(frame);
+      };
+      sizeCanvas();
+      if (reducedMotion) frame(performance.now());else rafRef.current = requestAnimationFrame(frame);
+      stopWebgl = () => {
+        cancelAnimationFrame(rafRef.current);
+        const ext = gl.getExtension('WEBGL_lose_context');
+        ext?.loseContext();
+      };
+      return true;
+    };
+    const runWebGPU = async () => {
+      const gpu = navigator.gpu;
+      if (!gpu) return false;
+      try {
+        const adapter = await gpu.requestAdapter({
+          powerPreference: 'low-power'
+        });
+        if (!adapter || disposed) return false;
+        const device = await adapter.requestDevice();
+        if (disposed) {
+          device.destroy();
+          return false;
+        }
+        const ctx = canvas.getContext('webgpu');
+        if (!ctx) return false;
+        const format = gpu.getPreferredCanvasFormat?.() ?? 'bgra8unorm';
+        ctx.configure({
+          device,
+          format,
+          alphaMode: 'opaque'
+        });
+        const module = device.createShaderModule({
+          code: WGSL
+        });
+        const pipeline = device.createRenderPipeline({
+          layout: 'auto',
+          vertex: {
+            module,
+            entryPoint: 'vs'
+          },
+          fragment: {
+            module,
+            entryPoint: 'fs',
+            targets: [{
+              format
+            }]
+          },
+          primitive: {
+            topology: 'triangle-list'
+          }
+        });
+        const uniformBuffer = device.createBuffer({
+          size: 32,
+          usage: 0x40 | 0x8
+        });
+        const bindGroup = device.createBindGroup({
+          layout: pipeline.getBindGroupLayout(0),
+          entries: [{
+            binding: 0,
+            resource: {
+              buffer: uniformBuffer
+            }
+          }]
+        });
+        const draw = now => {
+          if (disposed) return;
+          if (!startRef.current) startRef.current = now;
+          advance();
+          sizeCanvas();
+          const data = new Float32Array([canvas.width, canvas.height, (now - startRef.current) / 1000, reducedMotion ? 1 : 0, pointer.current[0], pointer.current[1], intensity.current, 0]);
+          device.queue.writeBuffer(uniformBuffer, 0, data);
+          const encoder = device.createCommandEncoder();
+          const pass = encoder.beginRenderPass({
+            colorAttachments: [{
+              view: ctx.getCurrentTexture().createView(),
+              clearValue: {
+                r: 0.045,
+                g: 0.05,
+                b: 0.078,
+                a: 1
+              },
+              loadOp: 'clear',
+              storeOp: 'store'
+            }]
+          });
+          pass.setPipeline(pipeline);
+          pass.setBindGroup(0, bindGroup);
+          pass.draw(3);
+          pass.end();
+          device.queue.submit([encoder.finish()]);
+          if (!reducedMotion) rafRef.current = requestAnimationFrame(draw);
+        };
+        sizeCanvas();
+        if (reducedMotion) draw(performance.now());else rafRef.current = requestAnimationFrame(draw);
+        stopWebgpu = () => {
+          cancelAnimationFrame(rafRef.current);
+          device.destroy();
+        };
+        return true;
+      } catch {
+        return false;
+      }
+    };
+    (async () => {
+      const okGpu = await runWebGPU();
+      if (disposed) return;
+      if (!okGpu) {
+        const okGl = runWebGL2();
+        if (!okGl) canvas.style.display = 'none';
+      }
+    })();
+    const ro = new ResizeObserver(() => sizeCanvas());
+    if (canvas.parentElement) ro.observe(canvas.parentElement);
+    return () => {
+      disposed = true;
+      cancelAnimationFrame(rafRef.current);
+      ro.disconnect();
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerout', onLeave);
+      stopWebgl?.();
+      stopWebgpu?.();
+    };
+  }, [reducedMotion]);
+  return jsxs(Fragment, {
+    children: [jsx("div", {
+      className: "pointer-events-none absolute inset-0",
+      style: {
+        background: 'radial-gradient(1100px 760px at 22% 18%, rgba(107, 82, 242, 0.20), transparent 58%), radial-gradient(900px 680px at 82% 30%, rgba(51, 199, 189, 0.16), transparent 56%), radial-gradient(820px 620px at 60% 92%, rgba(245, 199, 82, 0.14), transparent 60%), #070810'
+      },
+      "aria-hidden": true
+    }), jsx("canvas", {
+      ref: canvasRef,
+      className: ['pointer-events-none absolute inset-0 z-[1] h-full w-full', className || ''].join(' '),
+      "aria-hidden": true
+    })]
+  });
+}export{HeroFluidCanvas};//# sourceMappingURL=HeroFluidCanvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroFluidCanvas.js","sources":["../../../../src/pages/LandingPage/components/HeroFluidCanvas.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import React from 'react';
 /**
- * Landing-page hero. Editorial typography, theme tokens only.
- * Apple/Arc scale, Linear/Vercel discipline. No orbs, no shimmer, no gradient text.
+ * 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.
  */
 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;AAK1B;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA+C/B,CAAC"}
+{"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"}

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

@@ -1,59 +1,66 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {SearchBar}from'../../../components/SearchBar.js';import {Icons}from'../../../components/Icons.js';/**
- * Landing-page hero. Editorial typography, theme tokens only.
- * Apple/Arc scale, Linear/Vercel discipline. No orbs, no shimmer, no gradient text.
+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';/**
+ * 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.
  */
 const HeroSection = () => {
-  return jsx("section", {
-    className: "relative w-full overflow-hidden border-b border-border bg-background",
-    children: jsxs("div", {
-      className: "relative 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",
+  return jsxs("section", {
+    className: "yh-hero-surface relative -mt-16 w-full overflow-hidden border-b border-white/10",
+    children: [jsx(HeroAnimatedBackground, {}), jsxs("div", {
+      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-border bg-card px-3 py-1 text-xs font-medium text-muted-foreground shadow-themed-sm",
+        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-success opacity-60"
+            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-success"
+            className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-400"
           })]
         }), jsx(Link, {
           to: "/release-notes",
-          className: "hover:text-foreground transition-colors focus-themed",
+          className: "transition-colors hover:text-white focus-themed",
           children: "Yantra 2.4 \u2014 Improved AI employee latency"
         }), 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-foreground sm:text-6xl lg:text-7xl",
+        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."
       }), jsx("p", {
-        className: "mt-6 max-w-prose text-lg leading-relaxed text-muted-foreground sm:text-xl",
+        className: "mt-6 max-w-prose text-lg leading-relaxed text-white/75 sm:text-xl",
         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",
         children: jsx(SearchBar, {})
       }), jsxs("div", {
-        className: "mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-muted-foreground",
+        className: "mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-white/60",
         children: [jsx(Link, {
           to: "/get-started",
-          className: "font-medium text-foreground underline-offset-4 hover:underline focus-themed",
+          className: "font-medium text-white underline-offset-4 hover:underline focus-themed",
           children: "Get started"
         }), jsx("span", {
-          className: "text-border",
+          className: "text-white/25",
           children: "/"
         }), jsx(Link, {
           to: "/help-center",
-          className: "hover:text-foreground transition-colors focus-themed",
+          className: "transition-colors hover:text-white focus-themed",
           children: "Browse all topics"
         }), jsx("span", {
-          className: "text-border",
+          className: "text-white/25",
           children: "/"
         }), jsx(Link, {
           to: "/help-center/scope-api",
-          className: "hover:text-foreground transition-colors focus-themed",
+          className: "transition-colors hover:text-white focus-themed",
           children: "API reference"
         })]
       })]
-    })
+    }), jsx("div", {
+      className: "pointer-events-none absolute inset-x-0 bottom-0 z-[3] h-16",
+      style: {
+        background: 'linear-gradient(to top, hsl(var(--background)), transparent)'
+      },
+      "aria-hidden": true
+    })]
   });
 };export{HeroSection};//# sourceMappingURL=HeroSection.js.map

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":["_jsx"],"mappings":"uLAKA;;;AAGG;AACI,MAAM,WAAW,GAAa,MAAK;AACtC,EAAA,OAAAA,GACI,CAAA,SAAA,EAAA;AA6CR,IAAE,SAAA,EAAA,sEAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,6 +4,7 @@ interface ResourceCardProps {
     description: string;
     icon?: React.ReactNode;
     ctaText?: string;
+    index?: number;
     onClick?: () => void;
 }
 export declare const ResourceCard: React.FC<ResourceCardProps>;

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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwBpD,CAAC"}
+{"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"}

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

@@ -3,12 +3,16 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Icons}from'../../../components/
   description,
   icon,
   ctaText,
+  index = 0,
   onClick
 }) => {
   return jsxs("button", {
     type: "button",
     onClick: onClick,
-    className: "themed-card group flex w-full flex-col items-start p-6 text-left interactive-hover focus-themed",
+    style: {
+      ['--i']: index
+    },
+    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",
     children: [icon && jsx("div", {
       className: "mb-5 flex h-10 w-10 items-center justify-center rounded-themed bg-muted text-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary",
       children: icon

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCard.js","sources":["../../../../src/pages/LandingPage/components/ResourceCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"0FAWa,MAAA,YAAY,GAAgC,CAAC;AACtD,EAAA,KAAA;AAuBJ,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ResourceCard.js","sources":["../../../../src/pages/LandingPage/components/ResourceCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"gGAYa,YAAY,GAAgC,CAAC;AAQtD,EAAA,KAAA;AAwBJ,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourcesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,qBAAqB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0B5D,CAAC"}
+{"version":3,"file":"ResourcesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.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,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,qBAAqB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsB5D,CAAC"}

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

@@ -1,34 +1,22 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {ResourceCard}from'./ResourceCard.js';const ResourcesSection = ({
+import {jsx}from'react/jsx-runtime';import {ResourceCard}from'./ResourceCard.js';import'react';import'clsx';import'tailwind-merge';import {EnterpriseSection}from'../../../components/enterprise/EnterpriseSection.js';const ResourcesSection = ({
   title,
   resources,
   onResourceClick
 }) => {
-  return jsx("section", {
-    className: "border-b border-border py-20",
-    children: jsxs("div", {
-      className: "mx-auto max-w-7xl px-6 lg:px-16",
-      children: [jsxs("div", {
-        className: "mb-12 max-w-prose",
-        children: [jsx("p", {
-          className: "text-xs font-bold uppercase tracking-[0.18em] text-primary",
-          children: "Resources"
-        }), jsx("h2", {
-          className: "mt-2 text-3xl font-bold tracking-tight text-foreground",
-          children: title
-        }), jsx("p", {
-          className: "mt-2 text-base text-muted-foreground",
-          children: "Posture, contact, feedback. The non-article surface area."
-        })]
-      }), jsx("div", {
-        className: "grid grid-cols-1 gap-3 md:grid-cols-3",
-        children: resources.map(r => jsx(ResourceCard, {
-          title: r.title,
-          description: r.description,
-          icon: r.icon,
-          ctaText: r.ctaText,
-          onClick: () => onResourceClick?.(r.href)
-        }, r.id))
-      })]
+  return jsx(EnterpriseSection, {
+    eyebrow: "Resources",
+    title: title,
+    description: "Posture, contact, feedback. The non-article surface area.",
+    children: jsx("div", {
+      className: "grid grid-cols-1 gap-3 md:grid-cols-3",
+      children: resources.map((r, index) => jsx(ResourceCard, {
+        index: index,
+        title: r.title,
+        description: r.description,
+        icon: r.icon,
+        ctaText: r.ctaText,
+        onClick: () => onResourceClick?.(r.href)
+      }, r.id))
     })
   });
 };export{ResourcesSection};//# sourceMappingURL=ResourcesSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourcesSection.js","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"sFAkBO,MAAM,gBAAgB,GAAoC,CAAC;OACvD;AAyBX,EAAE,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ResourcesSection.js","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"uNAmBO,MAAM,gBAAgB,GAAoC,CAAC;AAC9D,EAAA,KAAA;AAqBJ,EAAE,SAAA;;;;;;;;;;;;;;;;;;;"}