@cdmbase/wiki-browser 12.0.18-alpha.5

package/lib/pages/Help/HelpIndex.js

@@ -0,0 +1,44 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {getAllCategoriesMetadata}from'../../utils/markdownLoader.js';import {cn}from'../../utils/index.js';const HelpIndexPage = () => {
+  const categories = getAllCategoriesMetadata();
+  return jsxs("div", {
+    children: [jsxs("div", {
+      className: "mb-8",
+      children: [jsx("h1", {
+        className: "text-4xl font-bold text-gray-900 dark:text-white mb-4",
+        children: "Help Center"
+      }), jsx("p", {
+        className: "text-xl text-gray-600 dark:text-gray-400",
+        children: "Welcome to the CDEBase Wiki help center. Find documentation, guides, and answers to your questions."
+      })]
+    }), jsx("div", {
+      className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8",
+      children: categories.map(category => jsxs(Link, {
+        to: `/help/${category.id}`,
+        className: cn('group rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6', 'hover:border-blue-500 dark:hover:border-blue-400 hover:bg-gray-50 dark:hover:bg-gray-700', 'transition-all cursor-pointer'),
+        children: [jsx("h3", {
+          className: "text-lg font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors mb-2",
+          children: category.title
+        }), jsx("p", {
+          className: "text-sm text-gray-600 dark:text-gray-400 mb-4",
+          children: category.description
+        }), jsxs("div", {
+          className: "flex items-center text-sm text-gray-500 dark:text-gray-500",
+          children: [jsxs("span", {
+            children: [category.articles.length, " articles"]
+          }), jsx("svg", {
+            className: "ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        })]
+      }, category.id))
+    })]
+  });
+};export{HelpIndexPage as default};//# sourceMappingURL=HelpIndex.js.map

package/lib/pages/Help/HelpIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpIndex.js","sources":["../../../src/pages/Help/HelpIndex.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"wLAKM,MAAA,aAAa,GAAa,MAAK;AACjC,EAAA,MAAA,UAAgB,GAAA,wBAA2B,EAAA;AAE3C,EAAA,OAAAA,IACI,CAAA,KAAA,EAAA;AAwCR,IAAE,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AAEF,MAAA,SAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/Help/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const HelpLayout: React.FC<React.PropsWithChildren>;
+export default HelpLayout;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/Help/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/Help/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA4QjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/pages/Help/index.js

@@ -0,0 +1,226 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/help/SidebarSearch.js';import {getDocsNavigation}from'../../utils/docsNavigation.js';import {cn}from'../../utils/index.js';import HelpIndexPage from'./HelpIndex.js';const HelpLayout = ({
+  children
+}) => {
+  const location = useLocation();
+  const [navItems] = useState(getDocsNavigation());
+  const [expandedItems, setExpandedItems] = useState(new Set());
+  const [headings, setHeadings] = useState([]);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  // Auto-expand items that contain the active path
+  useEffect(() => {
+    const activePath = location.pathname;
+    const newExpanded = new Set();
+    function checkAndExpand(items, pathPrefix = '') {
+      items.forEach(item => {
+        const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+        if (item.path && activePath.startsWith(item.path)) {
+          newExpanded.add(itemPath);
+          if (item.children && item.children.length > 0) {
+            checkAndExpand(item.children, itemPath);
+          }
+        } else if (item.children && item.children.length > 0) {
+          // Check if any child is active
+          const hasActiveChild = item.children.some(child => child.path && activePath.startsWith(child.path));
+          if (hasActiveChild) {
+            newExpanded.add(itemPath);
+            checkAndExpand(item.children, itemPath);
+          }
+        }
+      });
+    }
+    checkAndExpand(navItems);
+    setExpandedItems(newExpanded);
+  }, [location.pathname, navItems]);
+  // Toggle item expansion
+  const toggleItem = itemPath => {
+    setExpandedItems(prev => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemPath)) {
+        newSet.delete(itemPath);
+      } else {
+        newSet.add(itemPath);
+      }
+      return newSet;
+    });
+  };
+  // Extract headings from the current page content
+  useEffect(() => {
+    // Wait for content to load, then extract headings
+    const extractHeadings = () => {
+      const contentArea = document.querySelector('[data-content-area]');
+      if (contentArea) {
+        const headingElements = contentArea.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        const extractedHeadings = [];
+        headingElements.forEach(heading => {
+          const id = heading.id || heading.textContent?.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]/g, '') || '';
+          if (id) {
+            extractedHeadings.push({
+              id,
+              text: heading.textContent || '',
+              level: parseInt(heading.tagName.charAt(1))
+            });
+          }
+        });
+        setHeadings(extractedHeadings);
+      }
+    };
+    // Extract immediately
+    extractHeadings();
+    // Also extract after a short delay to catch dynamically loaded content
+    const timeoutId = setTimeout(extractHeadings, 100);
+    // Use MutationObserver to watch for content changes
+    const observer = new MutationObserver(extractHeadings);
+    const contentArea = document.querySelector('[data-content-area]');
+    if (contentArea) {
+      observer.observe(contentArea, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      clearTimeout(timeoutId);
+      observer.disconnect();
+    };
+  }, [location.pathname]);
+  // Scroll spy for table of contents
+  useEffect(() => {
+    if (headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          setActiveHeadingId(entry.target.id);
+        }
+      });
+    }, {
+      rootMargin: '-20% 0px -70% 0px',
+      threshold: 0
+    });
+    // Observe all headings
+    headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, [headings]);
+  // Determine active section based on current path
+  const isActivePath = path => {
+    if (!path) return false;
+    return location.pathname === path || location.pathname.startsWith(path + '/');
+  };
+  // Recursive component to render navigation items
+  const renderNavItem = (item, level = 0, pathPrefix = '') => {
+    const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+    const hasChildren = item.children && item.children.length > 0;
+    const isExpanded = expandedItems.has(itemPath);
+    const isActive = item.path ? isActivePath(item.path) : false;
+    const indentLevel = level * 16; // 16px per level
+    return jsxs("li", {
+      className: "w-full",
+      children: [jsx("div", {
+        className: "flex items-center w-full",
+        children: hasChildren ? jsxs("button", {
+          onClick: e => {
+            e.preventDefault();
+            toggleItem(itemPath);
+          },
+          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-md transition-colors text-left', isActive ? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: [jsx("span", {
+            className: "flex-1",
+            children: item.title
+          }), jsx("svg", {
+            className: cn('w-4 h-4 transition-transform flex-shrink-0 ml-2', isExpanded ? 'rotate-90' : ''),
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        }) : jsx(Link, {
+          to: item.path || '#',
+          className: cn('block px-3 py-2 text-sm rounded-md transition-colors', isActive ? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: item.title
+        })
+      }), hasChildren && isExpanded && jsx("ul", {
+        className: "mt-1 space-y-1",
+        children: item.children.map(child => renderNavItem(child, level + 1, itemPath))
+      })]
+    }, itemPath);
+  };
+  return jsxs("div", {
+    className: "min-h-screen bg-white dark:bg-gray-900 mt-20",
+    children: [jsx("aside", {
+      className: "hidden lg:block fixed left-0 top-20 h-screen w-64 z-10",
+      children: jsxs("div", {
+        className: "flex flex-col h-[calc(100vh-64px)] w-64 border-r border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900",
+        children: [jsxs("nav", {
+          className: "flex-1 overflow-y-auto p-4 min-h-0",
+          children: [jsx("div", {
+            className: "mb-5 mt-5",
+            children: jsx(SidebarSearch, {
+              placeholder: "Search..."
+            })
+          }), jsx("ul", {
+            className: "space-y-1",
+            children: navItems.map(item => renderNavItem(item))
+          })]
+        }), jsx("div", {
+          className: "p-4 border-t border-gray-200 dark:border-gray-800 flex-shrink-0",
+          children: jsxs("button", {
+            onClick: () => {
+              document.documentElement.classList.toggle('dark');
+            },
+            className: "flex items-center justify-center w-full px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md transition-colors",
+            children: [jsx("svg", {
+              className: "w-5 h-5 mr-2",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+              })
+            }), "Toggle Theme"]
+          })
+        })]
+      })
+    }), jsx("main", {
+      className: "lg:pl-64 flex flex-col min-h-screen",
+      children: jsx("div", {
+        className: "flex-1 flex",
+        children: jsx("div", {
+          className: "flex-1 min-w-0",
+          children: jsx("div", {
+            className: "max-w-6xl mx-auto px-6 py-8",
+            "data-content-area": true,
+            children: children ? children : location.pathname === '/help' || location.pathname.endsWith('/help') ? jsx(HelpIndexPage, {}) : jsx(Outlet, {})
+          })
+        })
+      })
+    })]
+  });
+};export{HelpLayout as default};//# sourceMappingURL=index.js.map

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

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

package/lib/pages/Landing/index.d.ts

@@ -0,0 +1,3 @@
+declare const LandingPage: () => import("react/jsx-runtime").JSX.Element;
+export default LandingPage;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/Landing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/Landing/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,+CA6QhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/pages/Landing/index.js

@@ -0,0 +1,281 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import FeatureCard from'../../components/landing/FeatureCard.js';import {SearchInput}from'../../components/landing/SearchInput.js';import QuickLinkCard from'../../components/landing/QuickLinkCard.js';const LandingPage = () => {
+  return jsxs("div", {
+    className: "min-h-screen bg-gradient-to-br from-blue-50 via-white to-indigo-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 relative overflow-hidden",
+    children: [jsxs("div", {
+      className: "absolute inset-0 overflow-hidden pointer-events-none",
+      children: [jsx("div", {
+        className: "absolute top-20 left-10 w-72 h-72 bg-blue-300 dark:bg-blue-900 rounded-full mix-blend-multiply dark:mix-blend-soft-light filter blur-xl opacity-20 animate-blob"
+      }), jsx("div", {
+        className: "absolute top-40 right-10 w-72 h-72 bg-purple-300 dark:bg-purple-900 rounded-full mix-blend-multiply dark:mix-blend-soft-light filter blur-xl opacity-20 animate-blob animation-delay-2000"
+      }), jsx("div", {
+        className: "absolute -bottom-8 left-1/2 w-72 h-72 bg-indigo-300 dark:bg-indigo-900 rounded-full mix-blend-multiply dark:mix-blend-soft-light filter blur-xl opacity-20 animate-blob animation-delay-4000"
+      }), jsx("div", {
+        className: "absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"
+      })]
+    }), jsx("div", {
+      className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-16",
+      children: jsxs("div", {
+        className: "text-center",
+        children: [jsxs("h1", {
+          className: "text-5xl md:text-7xl font-bold text-gray-900 dark:text-white mb-6 animate-fade-in-up",
+          children: ["Welcome to", ' ', jsx("span", {
+            className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400",
+            children: "CDEBase Wiki"
+          })]
+        }), jsx("p", {
+          className: "text-xl md:text-2xl text-gray-600 dark:text-gray-300 mb-8 max-w-3xl mx-auto leading-relaxed animate-fade-in-up animation-delay-200",
+          children: "Your comprehensive guide to CDEBase tutorials, documentation, and best practices. Everything you need to build amazing applications."
+        }), jsx("div", {
+          className: "mb-10 animate-fade-in-up animation-delay-400",
+          children: jsx(SearchInput, {})
+        }), jsxs("div", {
+          className: "flex flex-col sm:flex-row gap-4 justify-center animate-fade-in-up animation-delay-600",
+          children: [jsxs(Link, {
+            to: "/help",
+            className: "group relative px-8 py-4 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-semibold rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:scale-105 hover:-translate-y-1 overflow-hidden",
+            children: [jsxs("span", {
+              className: "relative z-10 flex items-center",
+              children: ["Get Started", jsx("svg", {
+                className: "w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+                })
+              })]
+            }), jsx("div", {
+              className: "absolute inset-0 bg-gradient-to-r from-blue-700 to-indigo-700 opacity-0 group-hover:opacity-100 transition-opacity"
+            })]
+          }), jsx(Link, {
+            to: "/",
+            className: "group px-8 py-4 bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-semibold rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 border-2 border-gray-200 dark:border-gray-600 hover:border-blue-500 dark:hover:border-blue-400 transform hover:scale-105 hover:-translate-y-1",
+            children: jsxs("span", {
+              className: "flex items-center",
+              children: ["Read Blog", jsx("svg", {
+                className: "w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+                })
+              })]
+            })
+          })]
+        }), jsxs("div", {
+          className: "mt-16 grid grid-cols-1 md:grid-cols-3 gap-8 max-w-3xl mx-auto animate-fade-in-up animation-delay-800",
+          children: [jsxs("div", {
+            className: "text-center",
+            children: [jsx("div", {
+              className: "text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2",
+              children: "100+"
+            }), jsx("div", {
+              className: "text-gray-600 dark:text-gray-400",
+              children: "Documentation Pages"
+            })]
+          }), jsxs("div", {
+            className: "text-center",
+            children: [jsx("div", {
+              className: "text-4xl font-bold text-indigo-600 dark:text-indigo-400 mb-2",
+              children: "50+"
+            }), jsx("div", {
+              className: "text-gray-600 dark:text-gray-400",
+              children: "Tutorial Articles"
+            })]
+          }), jsxs("div", {
+            className: "text-center",
+            children: [jsx("div", {
+              className: "text-4xl font-bold text-purple-600 dark:text-purple-400 mb-2",
+              children: "24/7"
+            }), jsx("div", {
+              className: "text-gray-600 dark:text-gray-400",
+              children: "Support Available"
+            })]
+          })]
+        })]
+      })
+    }), jsxs("div", {
+      className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20",
+      children: [jsxs("div", {
+        className: "text-center mb-12",
+        children: [jsx("h2", {
+          className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4",
+          children: "Everything You Need"
+        }), jsx("p", {
+          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Explore our comprehensive resources designed to help you succeed"
+        })]
+      }), jsxs("div", {
+        className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",
+        children: [jsx("div", {
+          className: "animate-fade-in-up animation-delay-200",
+          children: jsx(FeatureCard, {
+            title: "Documentation",
+            description: "Comprehensive guides covering everything from getting started to advanced topics. Learn about features, APIs, and best practices.",
+            href: "/docs/intro",
+            variant: "blue",
+            linkText: "Explore Docs",
+            icon: jsx("svg", {
+              className: "w-6 h-6",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+              })
+            })
+          })
+        }), jsx("div", {
+          className: "animate-fade-in-up animation-delay-400",
+          children: jsx(FeatureCard, {
+            title: "Blog",
+            description: "Stay updated with the latest articles, tutorials, and insights from the CDEBase community. Learn from real-world examples and use cases.",
+            href: "/help",
+            variant: "indigo",
+            linkText: "Read Articles",
+            icon: jsx("svg", {
+              className: "w-6 h-6",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+              })
+            })
+          })
+        }), jsx("div", {
+          className: "animate-fade-in-up animation-delay-600",
+          children: jsx(FeatureCard, {
+            title: "Help & Support",
+            description: "Find answers to common questions, troubleshooting guides, and get help when you need it. Our help center has you covered.",
+            href: "/help",
+            variant: "green",
+            linkText: "Get Help",
+            icon: jsx("svg", {
+              className: "w-6 h-6",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              })
+            })
+          })
+        })]
+      })]
+    }), jsx("div", {
+      className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20",
+      children: jsxs("div", {
+        className: "bg-white/80 dark:bg-gray-800/80 backdrop-blur-xl rounded-3xl shadow-2xl p-8 md:p-12 border border-gray-200/50 dark:border-gray-700/50 relative overflow-hidden",
+        children: [jsx("div", {
+          className: "absolute top-0 right-0 w-96 h-96 bg-gradient-to-br from-blue-400/20 to-purple-400/20 rounded-full blur-3xl"
+        }), jsx("div", {
+          className: "absolute bottom-0 left-0 w-96 h-96 bg-gradient-to-tr from-indigo-400/20 to-blue-400/20 rounded-full blur-3xl"
+        }), jsxs("div", {
+          className: "relative z-10",
+          children: [jsx("h2", {
+            className: "text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4 text-center",
+            children: "Quick Links"
+          }), jsx("p", {
+            className: "text-center text-gray-600 dark:text-gray-400 mb-8",
+            children: "Jump to the most popular resources"
+          }), jsxs("div", {
+            className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",
+            children: [jsx(QuickLinkCard, {
+              title: "How to Contribute",
+              href: "/help/contributing/contributing-adding-package"
+            }), jsx(QuickLinkCard, {
+              title: "Project Setup",
+              href: "/help/adminide-modules/adminide-modules-file-upload-setup"
+            }), jsx(QuickLinkCard, {
+              title: "Feature API",
+              href: "/help/feature-api/feature-api-feature-browser-feature"
+            }), jsx(QuickLinkCard, {
+              title: "Coding Guidelines",
+              href: "/help/contributing/contributing-coding-guidelines"
+            })]
+          })]
+        })]
+      })
+    }), jsx("style", {
+      children: `
+                @keyframes blob {
+                    0%, 100% {
+                        transform: translate(0, 0) scale(1);
+                    }
+                    33% {
+                        transform: translate(30px, -50px) scale(1.1);
+                    }
+                    66% {
+                        transform: translate(-20px, 20px) scale(0.9);
+                    }
+                }
+                @keyframes fade-in {
+                    from {
+                        opacity: 0;
+                    }
+                    to {
+                        opacity: 1;
+                    }
+                }
+                @keyframes fade-in-up {
+                    from {
+                        opacity: 0;
+                        transform: translateY(20px);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translateY(0);
+                    }
+                }
+                .animate-blob {
+                    animation: blob 7s infinite;
+                }
+                .animation-delay-2000 {
+                    animation-delay: 2s;
+                }
+                .animation-delay-4000 {
+                    animation-delay: 4s;
+                }
+                .animate-fade-in {
+                    animation: fade-in 0.6s ease-out;
+                }
+                .animate-fade-in-up {
+                    animation: fade-in-up 0.8s ease-out forwards;
+                }
+                .animation-delay-200 {
+                    animation-delay: 0.2s;
+                    opacity: 0;
+                }
+                .animation-delay-400 {
+                    animation-delay: 0.4s;
+                    opacity: 0;
+                }
+                .animation-delay-600 {
+                    animation-delay: 0.6s;
+                    opacity: 0;
+                }
+                .animation-delay-800 {
+                    animation-delay: 0.8s;
+                    opacity: 0;
+                }
+            `
+    })]
+  });
+};export{LandingPage as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/Landing/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"qRAIM,MAAA,WAAW,GAAG,MAAK;AACrB,EAAA,OAAAA,IACI,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAwQc,QAEhB,EAAAC,GAAA,CAAA,MAAA,EAAA;AACN,kBAAE,aAAA,EAAA,OAAA;AAEF,gCAA2B,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}