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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC"}
+{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC"}

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

@@ -1,29 +1,49 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {cn}from'../../../utils/index.js';const ArticleCard = ({
+import {jsxs,jsx}from'react/jsx-runtime';const RANK_COLORS = ['from-amber-400 to-orange-500', 'from-slate-300 to-slate-400', 'from-amber-600 to-amber-700'];
+const ArticleCard = ({
+  index,
   title,
   description,
-  ctaText = 'READ MORE',
-  className,
+  readTime,
   onClick
 }) => {
+  const gradient = RANK_COLORS[index - 1] || 'from-muted-foreground/60 to-muted-foreground/40';
   return jsxs("div", {
-    className: cn("group flex h-full flex-col space-y-4 rounded-lg p-6 transition-colors hover:bg-primary/5", className),
-    children: [jsx("h3", {
-      className: "text-xl font-medium leading-tight text-foreground",
-      children: title
-    }), jsx("p", {
-      className: "flex-grow text-sm leading-relaxed text-muted-foreground",
-      children: description
-    }), jsx("div", {
-      className: "pt-2",
-      children: jsxs(Button, {
-        variant: "link",
-        className: "h-auto p-0 text-sm font-medium uppercase tracking-wide text-primary hover:text-primary/80",
-        onClick: onClick,
-        children: [ctaText, " ", jsx("span", {
-          className: "ml-1 transition-transform duration-200 group-hover:translate-x-1",
-          children: "\u2192"
+    className: "group relative cursor-pointer overflow-hidden rounded-2xl border border-border/60 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-amber-500/30 hover:shadow-lg hover:shadow-amber-500/[0.04]",
+    onClick: onClick,
+    children: [jsx("div", {
+      className: "absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-amber-500/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"
+    }), jsxs("div", {
+      className: "relative z-10",
+      children: [jsxs("div", {
+        className: "mb-4 flex items-center justify-between",
+        children: [jsx("div", {
+          className: `flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} text-[12px] font-bold text-white shadow-sm`,
+          children: index
+        }), readTime && jsx("span", {
+          className: "rounded-full bg-muted px-2.5 py-0.5 text-[11px] font-medium text-muted-foreground",
+          children: readTime
         })]
-      })
+      }), jsx("h3", {
+        className: "mb-2 text-[15px] font-semibold leading-snug text-foreground transition-colors group-hover:text-amber-500",
+        children: title
+      }), jsx("p", {
+        className: "text-[13px] leading-relaxed text-muted-foreground",
+        children: description
+      }), jsxs("div", {
+        className: "mt-4 flex items-center gap-1 text-[13px] font-medium text-amber-500 opacity-0 transition-all duration-300 group-hover:opacity-100",
+        children: ["Read article", ' ', jsx("svg", {
+          className: "h-3.5 w-3.5 transition-transform group-hover:translate-x-1",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M17 8l4 4m0 0l-4 4m4-4H3"
+          })
+        })]
+      })]
     })]
   });
 };export{ArticleCard};//# sourceMappingURL=ArticleCard.js.map

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":"mJAYa,MAAA,WAAW,GAA+B,CAAC;OAO/C;AAeT,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArticleCard.js","sources":["../../../../src/pages/LandingPage/components/ArticleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAUA,MAAM,WAAW,GAAG,CAAC,8BAA8B,EAAE,6BAA6B,EAAE,6BAA6B,CAAC;AAErG,MAAA,WAAW,GAA+B,CAAC;OAC9C;OAEC;AA2CX,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Assets.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/Assets.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAalB,CAAC"}
+{"version":3,"file":"Assets.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/Assets.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAKlB,CAAC"}

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

@@ -5,11 +5,12 @@ interface Category {
     description: string;
     icon?: React.ReactNode;
     href: string;
+    badge?: string;
 }
 interface CategoriesSectionProps {
     title: string;
     categories: Category[];
-    onCategoryClick?: (categoryId: string) => void;
+    onCategoryClick?: (href: string) => void;
 }
 export declare const CategoriesSection: React.FC<CategoriesSectionProps>;
 export {};

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;IAChB,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;CACd;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+B9D,CAAC"}
+{"version":3,"file":"CategoriesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.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,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,CAiC9D,CAAC"}

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

@@ -1,31 +1,41 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js';import {Images}from'./Assets.js';const CategoriesSection = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {CategoryCard}from'./CategoryCard.js';const CategoriesSection = ({
   title,
   categories,
   onCategoryClick
 }) => {
-  return jsxs("section", {
-    className: "relative py-20 bg-background",
-    children: [jsx("div", {
-      className: "absolute inset-0 z-0 opacity-5",
-      children: jsx("img", {
-        src: Images.categories.background,
-        alt: "Background texture",
-        className: "h-full w-full object-cover"
-      })
-    }), jsxs("div", {
-      className: "container relative z-10 mx-auto px-16",
-      children: [jsx("h2", {
-        className: "mb-10 text-3xl font-bold tracking-tight text-foreground",
-        children: title
+  return jsx("section", {
+    className: "py-16",
+    children: jsxs("div", {
+      className: "container mx-auto max-w-7xl px-6 lg:px-16",
+      children: [jsx("div", {
+        className: "mb-10 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+        children: jsxs("div", {
+          children: [jsxs("div", {
+            className: "mb-2 flex items-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: "Browse"
+            })]
+          }), jsx("h2", {
+            className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
+            children: title
+          }), jsx("p", {
+            className: "mt-1.5 text-sm text-muted-foreground",
+            children: "Jump into the topic that matters most to you"
+          })]
+        })
       }), jsx("div", {
-        className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
-        children: categories.map(category => jsx(CategoryCard, {
-          title: category.title,
-          description: category.description,
-          icon: category.icon,
-          onClick: () => onCategoryClick?.(category.href)
-        }, category.id))
+        className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+        children: categories.map(cat => jsx(CategoryCard, {
+          title: cat.title,
+          description: cat.description,
+          icon: cat.icon,
+          badge: cat.badge,
+          onClick: () => onCategoryClick?.(cat.href)
+        }, cat.id))
       })]
-    })]
+    })
   });
 };export{CategoriesSection};//# sourceMappingURL=CategoriesSection.js.map

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":"uHAkBO,MAAM,iBAAiB,GAAqC,CAAC;OAK3D;AA0BT,EAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoriesSection.js","sources":["../../../../src/pages/LandingPage/components/CategoriesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"sFAkBO,MAAM,iBAAiB,GAAqC,CAAC;OACzD;AAgCX,EAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ interface CategoryCardProps {
     title: string;
     description: string;
     icon?: React.ReactNode;
-    className?: string;
+    badge?: string;
     onClick?: () => void;
 }
 export declare const CategoryCard: React.FC<CategoryCardProps>;

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;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0BpD,CAAC"}
+{"version":3,"file":"CategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkDpD,CAAC"}

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

@@ -1,24 +1,55 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';const CategoryCard = ({
+import {jsxs,jsx}from'react/jsx-runtime';const BADGE_COLORS = {
+  Popular: 'border-amber-500/30 bg-amber-500/10 text-amber-400',
+  New: 'border-emerald-500/30 bg-emerald-500/10 text-emerald-400'
+};
+const CategoryCard = ({
   title,
   description,
   icon,
-  className,
+  badge,
   onClick
 }) => {
   return jsxs("div", {
-    className: cn("flex cursor-pointer items-start gap-5 rounded-lg bg-card p-6 shadow-sm transition-all hover:bg-primary/5 hover:shadow-md", className),
+    className: "group relative cursor-pointer overflow-hidden rounded-2xl border border-border/60 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-cyan-500/30 hover:shadow-lg hover:shadow-cyan-500/[0.04]",
     onClick: onClick,
-    children: [icon && jsx("div", {
-      className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary",
-      children: icon
+    children: [jsx("div", {
+      className: "pointer-events-none absolute inset-0 rounded-2xl opacity-0 transition-opacity duration-500 group-hover:opacity-100",
+      style: {
+        background: 'radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 30%), rgba(6,182,212,0.04), transparent 40%)'
+      }
+    }), jsx("div", {
+      className: "absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-cyan-500/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"
     }), jsxs("div", {
-      className: "flex flex-col",
-      children: [jsx("h3", {
-        className: "text-lg font-medium text-foreground",
-        children: title
-      }), jsx("p", {
-        className: "mt-1 text-sm leading-relaxed text-muted-foreground",
-        children: description
+      className: "relative z-10 flex items-start gap-4",
+      children: [icon && jsx("div", {
+        className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-500/10 to-blue-500/10 text-cyan-500 transition-all duration-300 group-hover:from-cyan-500/20 group-hover:to-blue-500/20 group-hover:shadow-md group-hover:shadow-cyan-500/10",
+        children: icon
+      }), jsxs("div", {
+        className: "flex-1 min-w-0",
+        children: [jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [jsx("h3", {
+            className: "text-[15px] font-semibold text-foreground transition-colors group-hover:text-cyan-500",
+            children: title
+          }), badge && jsx("span", {
+            className: `inline-flex rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider ${BADGE_COLORS[badge] || 'border-border text-muted-foreground'}`,
+            children: badge
+          })]
+        }), jsx("p", {
+          className: "mt-1.5 text-[13px] leading-relaxed text-muted-foreground",
+          children: description
+        })]
+      }), jsx("svg", {
+        className: "mt-1 h-4 w-4 shrink-0 text-muted-foreground/40 transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-cyan-500",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        children: jsx("path", {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5l7 7-7 7"
+        })
       })]
     })]
   });

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":"kFAWa,MAAA,YAAY,GAAgC,CAAC;OAOjD;AAmBT,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryCard.js","sources":["../../../../src/pages/LandingPage/components/CategoryCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAUA,MAAM,YAAY,GAA2B;AACzC,EAAA,OAAA,EAAO,oDAAsD;AAC7D,EAAA,GAAA,EAAG;CACN;AAEY,MAAA,YAAY,GAAgC,CAAC;AACtD,EAAA,KAAA;AASgB,EAAA,WAAA;;AAwCpB,EAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,11 +4,12 @@ interface Article {
     title: string;
     description: string;
     href: string;
+    readTime?: string;
 }
 interface FeaturedSectionProps {
     title: string;
     articles: Article[];
-    onArticleClick?: (articleId: string) => void;
+    onArticleClick?: (href: string) => void;
 }
 export declare const FeaturedSection: React.FC<FeaturedSectionProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"FeaturedSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuB1D,CAAC"}
+{"version":3,"file":"FeaturedSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}

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

@@ -4,19 +4,34 @@ import {jsx,jsxs}from'react/jsx-runtime';import {ArticleCard}from'./ArticleCard.
   onArticleClick
 }) => {
   return jsx("section", {
-    className: "border-y border-gray-100 bg-background py-16",
+    className: "border-t border-border/30 py-16",
     children: jsxs("div", {
-      className: "container mx-auto px-16",
-      children: [jsx("h2", {
-        className: "mb-10 text-3xl font-bold tracking-tight text-foreground",
-        children: title
+      className: "container mx-auto max-w-7xl px-6 lg:px-16",
+      children: [jsxs("div", {
+        className: "mb-10",
+        children: [jsxs("div", {
+          className: "mb-2 flex items-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: "Featured"
+          })]
+        }), jsx("h2", {
+          className: "text-2xl font-extrabold tracking-tight text-foreground lg:text-3xl",
+          children: title
+        }), jsx("p", {
+          className: "mt-1.5 text-sm text-muted-foreground",
+          children: "Handpicked guides to get you up to speed fast"
+        })]
       }), jsx("div", {
-        className: "grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-3",
-        children: articles.map(article => jsx(ArticleCard, {
+        className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+        children: articles.map((article, idx) => jsx(ArticleCard, {
+          index: idx + 1,
           title: article.title,
           description: article.description,
-          onClick: () => onArticleClick?.(article.href),
-          className: "rounded-lg border border-gray-100 bg-background p-6 shadow-sm transition-shadow hover:shadow-md"
+          readTime: article.readTime,
+          onClick: () => onArticleClick?.(article.href)
         }, article.id))
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"file":"FeaturedSection.js","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"oFAgBO,MAAM,eAAe,GAAmC,CAAC;AAK9D,EAAA,KAAA;AAkBF,EAAE,QAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedSection.js","sources":["../../../../src/pages/LandingPage/components/FeaturedSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"oFAiBO,MAAM,eAAe,GAAmC,CAAC;OACrD;AA8BX,EAAE,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,3 @@
 import React from 'react';
-interface HeroSectionProps {
-    title: string;
-    subtitle?: string;
-}
-export declare const HeroSection: React.FC<HeroSectionProps>;
-export {};
+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;AAI1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC"}
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAyH/B,CAAC"}

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

@@ -1,43 +1,119 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {SearchBar}from'../../../components/SearchBar.js';import {Images}from'./Assets.js';const HeroSection = ({
-  title,
-  subtitle
-}) => {
-  return jsx("section", {
-    className: "relative w-full bg-[#057d78] py-20",
-    children: jsx("div", {
-      className: "container mx-auto px-16 pt-20",
+import {jsxs,jsx}from'react/jsx-runtime';import {SearchBar}from'../../../components/SearchBar.js';const HeroSection = () => {
+  return 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-[10%] top-[-20%] h-[600px] w-[600px] rounded-full opacity-20 blur-[120px]",
+          style: {
+            background: 'radial-gradient(circle, #06b6d4, transparent 70%)',
+            animation: 'float1 8s ease-in-out infinite'
+          }
+        }), jsx("div", {
+          className: "absolute right-[5%] top-[10%] h-[500px] w-[500px] rounded-full opacity-15 blur-[120px]",
+          style: {
+            background: 'radial-gradient(circle, #8b5cf6, transparent 70%)',
+            animation: 'float2 10s ease-in-out infinite'
+          }
+        }), jsx("div", {
+          className: "absolute bottom-[-10%] left-[40%] h-[400px] w-[400px] rounded-full opacity-10 blur-[100px]",
+          style: {
+            background: 'radial-gradient(circle, #ec4899, transparent 70%)',
+            animation: 'float3 12s ease-in-out infinite'
+          }
+        })]
+      }), jsx("div", {
+        className: "absolute inset-0 opacity-[0.03]",
+        style: {
+          backgroundImage: 'radial-gradient(rgba(255,255,255,0.8) 1px, transparent 1px)',
+          backgroundSize: '24px 24px'
+        }
+      }), jsx("div", {
+        className: "absolute left-[15%] top-20 h-3 w-3 rounded-full border border-cyan-500/30",
+        style: {
+          animation: 'floatShape 6s ease-in-out infinite'
+        }
+      }), jsx("div", {
+        className: "absolute right-[20%] top-40 h-2 w-2 rotate-45 bg-violet-500/40",
+        style: {
+          animation: 'floatShape 8s ease-in-out infinite 1s'
+        }
+      }), jsx("div", {
+        className: "absolute bottom-32 left-[25%] h-4 w-4 rounded-full border border-pink-500/20",
+        style: {
+          animation: 'floatShape 7s ease-in-out infinite 2s'
+        }
+      }), jsx("div", {
+        className: "absolute right-[35%] top-32 h-2.5 w-2.5 rotate-12 rounded-sm bg-cyan-500/30",
+        style: {
+          animation: 'floatShape 9s ease-in-out infinite 0.5s'
+        }
+      })]
+    }), jsx("style", {
+      dangerouslySetInnerHTML: {
+        __html: `
+                @keyframes float1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, -30px); } }
+                @keyframes float2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-20px, 20px); } }
+                @keyframes float3 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(25px, -15px); } }
+                @keyframes floatShape { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; } 50% { transform: translateY(-12px) rotate(180deg); opacity: 0.7; } }
+                @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
+            `
+      }
+    }), jsx("div", {
+      className: "relative z-10 mx-auto flex min-h-[520px] max-w-7xl flex-col items-center justify-center px-6 pb-16 pt-24 text-center lg:px-16",
       children: jsxs("div", {
-        className: "flex flex-col items-start justify-between gap-12 md:flex-row",
+        className: "w-full max-w-4xl",
+        style: {
+          overflow: 'visible'
+        },
         children: [jsxs("div", {
-          className: "max-w-3xl",
-          children: [jsx("h1", {
-            className: "mb-4 mt-8 text-left text-[5rem] font-[300] leading-[1.1] tracking-tight text-white",
-            children: title
-          }), subtitle && jsx("p", {
-            className: "mb-4 text-xl font-normal text-white/90",
-            children: subtitle
-          }), jsx("div", {
-            className: "pt-6",
-            children: jsx(SearchBar, {})
+          className: "mb-6 flex flex-wrap items-center justify-center gap-3",
+          children: [jsxs("div", {
+            className: "inline-flex items-center gap-2 rounded-full border border-emerald-500/20 bg-emerald-500/[0.08] px-3.5 py-1.5 text-[12px] font-medium text-emerald-400 backdrop-blur-md",
+            children: [jsxs("span", {
+              className: "relative flex h-1.5 w-1.5",
+              children: [jsx("span", {
+                className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75"
+              }), jsx("span", {
+                className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-500"
+              })]
+            }), "All systems operational"]
+          }), jsxs("div", {
+            className: "inline-flex items-center gap-1.5 rounded-full border border-white/[0.06] bg-white/[0.03] px-3.5 py-1.5 text-[12px] font-medium text-white/40 backdrop-blur-md",
+            children: [jsx("svg", {
+              className: "h-3.5 w-3.5 text-amber-500",
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
+              })
+            }), "Trusted by 10,000+ teams"]
           })]
-        }), jsx("div", {
-          className: "hidden h-80 w-96 md:block",
-          children: jsxs("div", {
-            className: "relative h-full w-full",
-            children: [jsx("img", {
-              src: Images.hero.books,
-              alt: "Stack of books",
-              className: "absolute h-full w-full rounded-lg object-cover shadow-xl"
-            }), jsx("div", {
-              className: "absolute -right-8 -top-8 h-full w-full rounded-lg bg-teal-600/20 shadow-xl"
-            }), jsx("div", {
-              className: "absolute -right-4 -top-4 h-full w-full rounded-lg bg-teal-600/20 shadow-xl"
-            }), jsx("div", {
-              className: "absolute right-0 top-0 h-full w-full rounded-lg bg-teal-500/30 shadow-xl"
-            })]
-          })
-        })]
+        }), jsxs("h1", {
+          className: "mb-5 text-4xl font-extrabold leading-[1.08] tracking-tight text-white sm:text-5xl lg:text-[64px]",
+          children: ["Everything you need to", ' ', jsx("span", {
+            className: "bg-clip-text text-transparent",
+            style: {
+              backgroundImage: 'linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6, #ec4899)',
+              backgroundSize: '200% auto',
+              animation: 'shimmer 4s linear infinite'
+            },
+            children: "succeed"
+          })]
+        }), jsx("p", {
+          className: "mx-auto mb-10 max-w-xl text-base font-normal leading-relaxed text-white/45 lg:text-[17px]",
+          children: "Guides, tutorials, and answers for every part of the Yantra AI platform. Get up and running in minutes, not hours."
+        }), jsx(SearchBar, {})]
       })
-    })
+    }), jsxs("div", {
+      className: "relative z-10",
+      children: [jsx("div", {
+        className: "h-px bg-gradient-to-r from-transparent via-cyan-500/20 to-transparent"
+      }), jsx("div", {
+        className: "h-20 bg-gradient-to-b from-[#060b18] to-background"
+      })]
+    })]
   });
 };export{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":[],"mappings":"mIASa,MAAA,WAAW,GAA+B,CAAC;OAC7C;AA8BX,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroSection.js","sources":["../../../../src/pages/LandingPage/components/HeroSection.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kGAGO,MAAM,WAAW,GAAa,MAAK;SAC/BA;AASiB,IAAA,SAAA,EAAA,iCAAY;AACZ,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACH,MAAA,SAAA,EAAA,+BAGD;AAEI,MAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,QAAA,SAAA,EAAA,kBAAA;AACH,QAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAKG,UAAA,SAAA,EAAA,yFAA+D;AAC/D,UAAA,KAAA,EAAA;2EAOmC;AAEvC,YAAA,SAAA,EAAA;AACA;AACH,SAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAyBD,UAAA,SAAA,EAAA,wFAAQ;;;;;;AAMf,UAAA,SAAA,EAAA,4FAAA;AACI,UAAA,KAAA,EAAA;AA4Be,YAAA,UAAA,EAAA,mDAA8E;AAC9E,YAAA,SAAA,EAAA;AACA;AACH,SAAA,CAAA;AAsB7B,OAAE,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,6 @@ export declare const Icons: {
     ProductFeatures: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     Troubleshooting: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     Api: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Enterprise: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     Security: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     Feedback: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     Contact: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,KAAK;4BACQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;+BAO1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAMvC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAMrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAO7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAOzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAOtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAO/B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAM7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAK9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAM/C,CAAC"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,KAAK;4BACU,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;+BAgB1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAevC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAerB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAc7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAgBzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAexB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAc7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAc9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAejD,CAAC"}