@goldlabelapps/theme 3.2.0 → 3.5.6

package/README.md

@@ -43,13 +43,13 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 - **Hero & Canvas**: `HeroSection`, `ParticleCanvas`, `VideoModal`
 - **Navigation & Footer**: `Header`, `Footer`, `DropdownMenu`, `MobileMenu`, `ShareMenu`, `BrandLogo`, `LogoContextMenu`
 - **Showcase Blocks**: `FeatureExplorer`, `SolutionsSection`, `StatementSection`, `UseCaseSlider`, `VideoSection`, `BlogSection`
-- **Lead Capture & Guides**: `DownloadBanner`, `GuideLayout`, `MarkdownContent`, `VideoLayout`
+- **Lead Capture & Guides**: `DownloadBanner`, `Standard`, `MarkdownContent`, `VideoLayout`
 - **Context & Config**: `ConfigProvider`, `useSiteConfig`, `ThemeProvider`, `useTheme`
 - **Utilities & Types**: `cn`, `detectUserOS`, full TypeScript definitions (`SiteConfig`, `BrandConfig`, etc.)
 
 ## Reference Implementation
 
-The [`apps/template`](../../apps/template) application serves as the complete reference implementation demonstrating how to build a fully config-driven Next.js app using `@goldlabelapps/theme`.
+The [`apps/goldlabel`](../../apps/goldlabel) application serves as the complete reference implementation demonstrating how to build a fully config-driven Next.js app using `@goldlabelapps/theme`.
 
 ## License
 

package/dist/components/RenderMarkdown.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type I_RenderMarkdown = {
+    children: React.ReactNode;
+    config?: Record<string, unknown>;
+    slug?: string;
+};
+export default function RenderMarkdown({ children, config, }: I_RenderMarkdown): React.JSX.Element;

package/dist/components/RenderMarkdown.js

@@ -0,0 +1,123 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import ReactMarkdown from 'react-markdown';
+import { CleverTextShortcode, FlashMovieShortcode } from '@goldlabelapps/flash';
+import PageLinkShortcode from './shortcodes/PageLinkShortcode';
+export default function RenderMarkdown({ children = '', config, }) {
+    // --- Normalize children to array to prevent map errors ---
+    const normalizeChildren = (children) => Array.isArray(children) ? children : [children];
+    const isBlockLikeNode = (node) => {
+        if (!React.isValidElement(node))
+            return false;
+        if (node.type === React.Fragment)
+            return false;
+        if (typeof node.type !== 'string')
+            return true;
+        const inlineTags = new Set([
+            'a',
+            'abbr',
+            'b',
+            'bdi',
+            'bdo',
+            'br',
+            'cite',
+            'code',
+            'data',
+            'dfn',
+            'em',
+            'i',
+            'img',
+            'kbd',
+            'label',
+            'mark',
+            'q',
+            'ruby',
+            's',
+            'samp',
+            'small',
+            'span',
+            'strong',
+            'sub',
+            'sup',
+            'time',
+            'u',
+            'var',
+            'wbr',
+        ]);
+        return !inlineTags.has(node.type);
+    };
+    const renderChildrenWithShortcodes = (children) => normalizeChildren(children).map((child, index) => {
+        const renderedChild = typeof child === 'string' ? renderShortcode(child) : child;
+        if (React.isValidElement(renderedChild)) {
+            return React.cloneElement(renderedChild, {
+                key: renderedChild.key ?? `md-${index}`,
+            });
+        }
+        return renderedChild;
+    });
+    // --- Shortcode parser ---
+    const renderShortcode = (text) => {
+        const parseShortcode = (regex, Component, extraProps = {}) => {
+            const match = text.match(regex);
+            if (!match)
+                return null;
+            const attrs = match[1];
+            const props = {};
+            const attrRegex = /(\w+)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
+            let attrMatch;
+            while ((attrMatch = attrRegex.exec(attrs)) !== null) {
+                let val = attrMatch[2] ?? attrMatch[3];
+                if (!isNaN(Number(val))) {
+                    val = Number(val);
+                }
+                else if (val === 'true' || val === 'false') {
+                    val = val === 'true';
+                }
+                props[attrMatch[1]] = val;
+            }
+            return _jsx(Component, { ...props, ...extraProps, config: config });
+        };
+        // CleverText
+        const cleverText = parseShortcode(/\[CleverText\s+(.*?)\]/, CleverTextShortcode);
+        if (cleverText)
+            return cleverText;
+        // FlashMovie
+        const flashMovie = parseShortcode(/\[FlashMovie\s+(.*?)\]/, FlashMovieShortcode);
+        if (flashMovie)
+            return flashMovie;
+        // PageLink
+        const pageLink = parseShortcode(/\[PageLink\s+([\s\S]*?)\]/, PageLinkShortcode);
+        if (pageLink)
+            return pageLink;
+        // fallback: simply return text
+        return text;
+    };
+    return (_jsx("div", { children: _jsx(ReactMarkdown, { components: {
+                h1: ({ children }) => _jsx("h1", { children: children }),
+                h2: ({ children }) => _jsx("h2", { children: children }),
+                h3: ({ children }) => _jsx("h3", { children: children }),
+                p: ({ children }) => {
+                    const renderedChildren = renderChildrenWithShortcodes(children);
+                    const hasBlockChild = renderedChildren.some(isBlockLikeNode);
+                    if (hasBlockChild) {
+                        return _jsx("div", { children: renderedChildren });
+                    }
+                    return _jsx("p", { children: renderedChildren });
+                },
+                li: ({ children }) => {
+                    const renderedChildren = renderChildrenWithShortcodes(children);
+                    const hasBlockChild = renderedChildren.some(isBlockLikeNode);
+                    if (hasBlockChild) {
+                        return _jsx("li", { children: renderedChildren });
+                    }
+                    return _jsx("li", { children: _jsx("span", { children: renderedChildren }) });
+                },
+                strong: ({ children }) => _jsx("span", { children: children }),
+                em: ({ children }) => _jsx("em", { children: children }),
+                a: ({ href = '', children }) => {
+                    const isExternal = /^https?:\/\//.test(href);
+                    return (_jsx("a", { href: href, target: isExternal ? '_blank' : '_self', rel: isExternal ? 'noopener noreferrer' : undefined, children: children }));
+                },
+            }, children: children }) }));
+}

package/dist/components/download/DownloadBanner.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import confetti from "canvas-confetti";
 import { useSiteConfig } from "../../context/ConfigContext";
 import { Button } from "../ui/Button";
 import { Terminal, Copy, Check, Mail, CheckCircle2, } from "lucide-react";
@@ -15,12 +14,6 @@ export function DownloadBanner({ config }) {
         e.preventDefault();
         if (!email)
             return;
-        confetti({
-            particleCount: 80,
-            spread: 70,
-            origin: { y: 0.85 },
-            colors: ["#012867", "#64748B", "#38BDF8", "#01358d", "#0F172A"],
-        });
         setSubmitted(true);
     };
     const handleCopyCommand = async () => {
@@ -33,5 +26,5 @@ export function DownloadBanner({ config }) {
             // ignore
         }
     };
-    return (_jsxs("section", { id: "download", className: "py-24 sm:py-36 relative bg-white overflow-hidden transition-colors duration-200", children: [_jsx("a", { id: "signup", "aria-hidden": "true", className: "sr-only", children: "Sign up" }), _jsx("div", { className: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] sm:w-[1000px] h-[500px] bg-gradient-to-tr from-[#012867]/15 via-slate-500/10 to-slate-400/10 rounded-full blur-3xl opacity-75" }), _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: _jsxs("div", { className: "rounded-3xl sm:rounded-[40px] bg-gradient-to-b from-slate-50 via-white to-slate-50 border border-slate-200 p-8 sm:p-14 lg:p-20 shadow-2xl relative overflow-hidden text-center", children: [_jsx("div", { className: "inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-6 backdrop-blur-md", children: _jsx("span", { children: authCta.badge }) }), _jsx("h2", { className: "text-3xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 tracking-tight max-w-3xl mx-auto leading-tight mb-4", children: authCta.title }), _jsx("p", { className: "text-base sm:text-lg text-slate-600 max-w-2xl mx-auto leading-relaxed mb-10", children: authCta.subtitle }), !submitted ? (_jsxs("form", { onSubmit: handleEmailSubmit, className: "max-w-md mx-auto mb-8 flex flex-col sm:flex-row gap-3", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Mail, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" }), _jsx("input", { type: "email", required: true, value: email, onChange: (e) => setEmail(e.target.value), placeholder: "Enter your business email", className: "w-full pl-11 pr-4 py-3 rounded-full bg-white border border-slate-300 text-slate-900 text-sm focus:outline-none focus:ring-2 focus:ring-[#012867] shadow-inner" })] }), _jsx(Button, { type: "submit", variant: "primary", size: "md", children: "Get Started" })] })) : (_jsxs("div", { className: "max-w-md mx-auto mb-8 p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 text-sm font-semibold flex items-center justify-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-emerald-600" }), _jsxs("span", { children: ["Setup guide & download dispatched to ", email] })] })), _jsxs("div", { className: "flex flex-wrap items-center justify-center gap-4 mb-8", children: [_jsx(Button, { href: authCta.primaryCta.href, variant: "primary", size: "lg", children: authCta.primaryCta.label }), _jsx(Button, { href: authCta.secondaryCta.href, variant: "secondary", size: "lg", children: authCta.secondaryCta.label })] }), authCta.cliQuickInstall && (_jsxs("div", { className: "inline-flex items-center gap-3 px-4 py-2 rounded-2xl bg-slate-900 text-slate-200 text-xs font-mono border border-slate-800 shadow-md", children: [_jsx(Terminal, { className: "h-4 w-4 text-emerald-400" }), _jsx("span", { children: authCta.cliQuickInstall.command }), _jsx("button", { type: "button", onClick: handleCopyCommand, className: "p-1 text-slate-400 hover:text-white transition-colors cursor-pointer", children: copied ? _jsx(Check, { className: "h-3.5 w-3.5 text-emerald-400" }) : _jsx(Copy, { className: "h-3.5 w-3.5" }) })] }))] }) })] }));
+    return (_jsxs("section", { id: "download", className: "py-24 sm:py-36 relative bg-white overflow-hidden transition-colors duration-200", children: [_jsx("a", { id: "signup", "aria-hidden": "true", className: "sr-only", children: "Sign up" }), _jsx("div", { className: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] sm:w-[1000px] h-[500px] bg-gradient-to-tr from-[#012867]/15 via-slate-500/10 to-slate-400/10 rounded-full blur-3xl opacity-75" }), _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: _jsxs("div", { className: "rounded-3xl sm:rounded-[40px] bg-gradient-to-b from-slate-50 via-white to-slate-50 border border-slate-200 p-8 sm:p-14 lg:p-20 shadow-2xl relative overflow-hidden text-center", children: [_jsx("div", { className: "inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-6 backdrop-blur-md", children: _jsx("span", { children: authCta.badge }) }), _jsx("h2", { className: "text-3xl sm:text-5xl lg:text-6xl font-normal text-slate-900 tracking-tight max-w-3xl mx-auto leading-tight mb-4", children: authCta.title }), _jsx("p", { className: "text-base sm:text-lg text-slate-600 max-w-2xl mx-auto leading-relaxed mb-10", children: authCta.subtitle }), !submitted ? (_jsxs("form", { onSubmit: handleEmailSubmit, className: "max-w-md mx-auto mb-8 flex flex-col sm:flex-row gap-3", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Mail, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" }), _jsx("input", { type: "email", required: true, value: email, onChange: (e) => setEmail(e.target.value), placeholder: "Enter your business email", className: "w-full pl-11 pr-4 py-3 rounded-full bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-slate-100 text-sm focus:outline-none focus:ring-2 focus:ring-[#012867] dark:focus:ring-blue-400 shadow-inner" })] }), _jsx(Button, { type: "submit", variant: "primary", size: "md", children: "Get Started" })] })) : (_jsxs("div", { className: "max-w-md mx-auto mb-8 p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 text-sm font-semibold flex items-center justify-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-emerald-600" }), _jsxs("span", { children: ["Setup guide & download dispatched to ", email] })] })), _jsxs("div", { className: "flex flex-wrap items-center justify-center gap-4 mb-8", children: [_jsx(Button, { href: authCta.primaryCta.href, variant: "primary", size: "lg", children: authCta.primaryCta.label }), _jsx(Button, { href: authCta.secondaryCta.href, variant: "secondary", size: "lg", children: authCta.secondaryCta.label })] }), authCta.cliQuickInstall && (_jsxs("div", { className: "inline-flex items-center gap-3 px-4 py-2 rounded-2xl bg-slate-900 text-slate-200 text-xs font-mono border border-slate-800 shadow-md", children: [_jsx(Terminal, { className: "h-4 w-4 text-emerald-400" }), _jsx("span", { children: authCta.cliQuickInstall.command }), _jsx("button", { type: "button", onClick: handleCopyCommand, className: "p-1 text-slate-400 hover:text-white transition-colors cursor-pointer", children: copied ? _jsx(Check, { className: "h-3.5 w-3.5 text-emerald-400" }) : _jsx(Copy, { className: "h-3.5 w-3.5" }) })] }))] }) })] }));
 }

package/dist/components/footer/Footer.js

@@ -1,10 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import { AppRouterLink as Link } from "@goldlabelapps/uberedux";
 import { useSiteConfig } from "../../context/ConfigContext";
 import { BrandLogo } from "../navigation/LogoContextMenu";
-import { ExternalLink } from "lucide-react";
+import { NXLiveApps } from "./NXLiveApps";
+import { NXTagsColumn } from "./NXTagsColumn";
+import { NXSocialColumn } from "./NXSocialColumn";
+import { NXContactColumn } from "./NXContactColumn";
 export function Footer() {
     const siteConfig = useSiteConfig();
-    return (_jsx("footer", { className: "bg-slate-50 border-t border-slate-200 text-slate-500 text-xs sm:text-sm transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center justify-between gap-6 pb-12 border-b border-slate-200", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BrandLogo, {}), _jsx("span", { className: "text-slate-300 font-mono text-xs", children: "\u2022" }), _jsx("span", { className: "text-slate-700 font-medium", children: siteConfig.footer.tagline })] }), _jsx("div", { className: "text-xs text-slate-500", children: siteConfig.footer.address || "Goldlabel Apps" })] }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 py-12", children: siteConfig.footer.columns.map((col, idx) => (_jsxs("div", { className: "space-y-4", children: [_jsx("h4", { className: "text-xs font-bold text-slate-900 uppercase tracking-wider", children: col.title }), _jsx("ul", { className: "space-y-2.5", children: col.links.map((link, lIdx) => (_jsx("li", { children: link.external ? (_jsxs("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-slate-600 hover:text-[#012867] transition-colors", children: [_jsx("span", { children: link.label }), _jsx(ExternalLink, { className: "h-3 w-3 text-slate-400" })] })) : (_jsx(Link, { href: link.href, className: "text-slate-600 hover:text-[#012867] transition-colors", children: link.label })) }, lIdx))) })] }, idx))) }), _jsxs("div", { className: "pt-8 border-t border-slate-200 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-slate-500", children: [_jsx("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: siteConfig.footer.bottomLinks.map((item, idx) => (_jsx("a", { href: item.href, className: "hover:text-[#012867] transition-colors", children: item.label }, idx))) }), _jsx("div", { children: siteConfig.footer.copyright })] })] }) }));
+    return (_jsx("footer", { className: "bg-slate-50 dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800 text-slate-500 dark:text-slate-400 text-xs sm:text-sm transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center justify-between gap-6 pb-12 border-b border-slate-200 dark:border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BrandLogo, {}), _jsx("span", { className: "text-slate-300 dark:text-slate-600 font-mono text-xs", children: "\u2022" }), _jsx("span", { className: "text-slate-700 dark:text-slate-200 font-medium", children: siteConfig.footer.tagline })] }), _jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: siteConfig.footer.address || "Goldlabel Apps" })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 py-12", children: [_jsx(NXLiveApps, {}), _jsx(NXTagsColumn, {}), _jsx(NXSocialColumn, { links: siteConfig.footer.socialLinks }), _jsx(NXContactColumn, {})] }), _jsxs("div", { className: "pt-8 border-t border-slate-200 dark:border-slate-800 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-slate-500 dark:text-slate-400", children: [_jsx("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: siteConfig.footer.bottomLinks.map((item, idx) => (_jsx(Link, { href: item.href, className: "hover:text-[#012867] dark:hover:text-white transition-colors", children: item.label }, idx))) }), _jsx("div", { children: siteConfig.footer.copyright })] })] }) }));
 }

package/dist/components/footer/FooterWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface FooterWrapperProps {
+    children: React.ReactNode;
+    hidePrefixes?: string[];
+    hideMatcher?: (pathname: string | null) => boolean;
+}
+export declare function FooterWrapper({ children, hidePrefixes, hideMatcher, }: FooterWrapperProps): React.JSX.Element | null;

package/dist/components/footer/FooterWrapper.js

@@ -0,0 +1,15 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+export function FooterWrapper({ children, hidePrefixes = ["/godmode"], hideMatcher, }) {
+    const pathname = usePathname();
+    if (pathname) {
+        if (hidePrefixes.some((prefix) => pathname.startsWith(prefix))) {
+            return null;
+        }
+        if (hideMatcher && hideMatcher(pathname)) {
+            return null;
+        }
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/components/footer/NXContactColumn.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface ContactLinkItem {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+export declare const DEFAULT_CONTACT_LINKS: ContactLinkItem[];
+export interface NXContactColumnProps {
+    links?: ContactLinkItem[];
+    title?: string;
+    className?: string;
+}
+export declare function NXContactColumn({ links, title, className, }: NXContactColumnProps): React.JSX.Element;

package/dist/components/footer/NXContactColumn.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppRouterLink as Link, setUbereduxKey, useDispatch } from "@goldlabelapps/uberedux";
+export const DEFAULT_CONTACT_LINKS = [
+    { label: "goldlabel.apps@gmail.com", href: "mailto:goldlabel.apps@gmail.com", external: true },
+    { label: "+44 07745 763 122", href: "https://wa.me/447745763122", external: true },
+    { label: "Get in touch", href: "/#contact" },
+];
+export function NXContactColumn({ links = DEFAULT_CONTACT_LINKS, title = "Contact", className = "", }) {
+    let dispatch = null;
+    try {
+        dispatch = useDispatch();
+    }
+    catch {
+        // Redux context not available
+    }
+    const handleLinkClick = (e) => {
+        if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+            return;
+        }
+        if (dispatch) {
+            dispatch(setUbereduxKey({ key: "waiting", value: true }));
+            dispatch(setUbereduxKey({ key: "loadingOverlay", value: true }));
+            dispatch(setUbereduxKey({ key: "navigation.isNavigating", value: true }));
+        }
+    };
+    const contactItems = links && links.length > 0 ? links : DEFAULT_CONTACT_LINKS;
+    return (_jsxs("div", { className: `space-y-3 ${className}`, children: [_jsx("h4", { className: "text-xs font-bold text-slate-900 dark:text-slate-200 uppercase tracking-wider", children: title }), _jsx("ul", { className: "space-y-2 text-xs sm:text-sm", children: contactItems.map((item, idx) => {
+                    const isExternal = item.external || item.href.startsWith("http") || item.href.startsWith("mailto");
+                    return (_jsx("li", { children: isExternal ? (_jsx("a", { href: item.href, target: item.href.startsWith("http") ? "_blank" : undefined, rel: item.href.startsWith("http") ? "noopener noreferrer" : undefined, className: "inline-flex items-center gap-1 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors", children: _jsx("span", { children: item.label }) })) : (_jsx(Link, { href: item.href, target: "_self", onClick: handleLinkClick, className: "inline-flex items-center gap-1 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors", children: _jsx("span", { children: item.label }) })) }, idx));
+                }) })] }));
+}

package/dist/components/footer/NXLiveApps.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export interface LiveApp {
+    name?: string;
+    label?: string;
+    href?: string;
+    description?: string;
+    dev?: {
+        url: string;
+    };
+    prod?: {
+        url: string;
+    };
+}
+export declare const DEFAULT_LIVE_APPS: LiveApp[];
+export interface NXLiveAppsProps {
+    apps?: LiveApp[];
+    title?: string;
+    className?: string;
+}
+export declare function isDevEnvironment(hostname?: string): boolean;
+export declare function isCurrentApp(app: LiveApp, currentOrigin?: string): boolean;
+export declare function NXLiveApps({ apps, title, className, }: NXLiveAppsProps): React.JSX.Element;

package/dist/components/footer/NXLiveApps.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AppRouterLink as Link, setUbereduxKey, useDispatch } from "@goldlabelapps/uberedux";
+export const DEFAULT_LIVE_APPS = [
+    {
+        label: "NX°",
+        dev: { url: "http://localhost:4525" },
+        prod: { url: "https://nx.goldlabel.pro" },
+    },
+    {
+        label: "Goldlabel",
+        dev: { url: "http://localhost:4505" },
+        prod: { url: "https://goldlabel.pro" },
+    },
+    {
+        label: "NHTFS",
+        dev: { url: "http://localhost:4510" },
+        prod: { url: "https://notheretofuckspiders.art" },
+    },
+    {
+        label: "GpxRoute°",
+        dev: { url: "http://localhost:4520" },
+        prod: { url: "https://gpxroute.pro" },
+    },
+    {
+        label: "Ed Tech",
+        dev: { url: "http://localhost:4515" },
+        prod: { url: "https://ed-tech.co" },
+    },
+    {
+        label: "Listingslab",
+        dev: { url: "http://localhost:4530" },
+        prod: { url: "https://listingslab.com" },
+    },
+];
+export function isDevEnvironment(hostname) {
+    if (typeof window !== "undefined") {
+        const host = hostname ?? window.location.hostname;
+        return host === "localhost" || host === "127.0.0.1" || host.endsWith(".local");
+    }
+    return process.env.NODE_ENV === "development";
+}
+export function isCurrentApp(app, currentOrigin) {
+    if (!currentOrigin)
+        return false;
+    const normOrigin = currentOrigin.replace(/\/$/, "").toLowerCase();
+    const urls = [app.dev?.url, app.prod?.url, app.href].filter(Boolean);
+    return urls.some((u) => u.replace(/\/$/, "").toLowerCase() === normOrigin);
+}
+export function NXLiveApps({ apps = DEFAULT_LIVE_APPS, title = "Apps", className = "", }) {
+    let dispatch = null;
+    try {
+        dispatch = useDispatch();
+    }
+    catch {
+        // Redux context not available
+    }
+    const [isDev, setIsDev] = useState(() => isDevEnvironment());
+    const [currentOrigin, setCurrentOrigin] = useState("");
+    useEffect(() => {
+        setIsDev(isDevEnvironment());
+        if (typeof window !== "undefined") {
+            setCurrentOrigin(window.location.origin);
+        }
+    }, []);
+    const handleLinkClick = (e) => {
+        if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+            return;
+        }
+        if (dispatch) {
+            dispatch(setUbereduxKey({ key: "waiting", value: true }));
+            dispatch(setUbereduxKey({ key: "loadingOverlay", value: true }));
+            dispatch(setUbereduxKey({ key: "navigation.isNavigating", value: true }));
+        }
+    };
+    const visibleApps = apps.filter((app) => !isCurrentApp(app, currentOrigin));
+    return (_jsxs("div", { className: `space-y-3 ${className}`, children: [_jsx("h4", { className: "text-xs font-bold text-slate-900 dark:text-slate-200 uppercase tracking-wider", children: title }), _jsx("ul", { className: "space-y-2 text-xs sm:text-sm", children: visibleApps.map((app, idx) => {
+                    const appName = app.label || app.name || "";
+                    const targetUrl = (isDev ? app.dev?.url : app.prod?.url) ||
+                        app.href ||
+                        app.prod?.url ||
+                        app.dev?.url ||
+                        "#";
+                    return (_jsx("li", { children: _jsx(Link, { href: targetUrl, target: "_self", onClick: handleLinkClick, className: "inline-flex items-center gap-1 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors", children: _jsx("span", { children: appName }) }) }, idx));
+                }) })] }));
+}

package/dist/components/footer/NXSocialColumn.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface SocialLinkItem {
+    platform?: string;
+    label?: string;
+    href: string;
+    external?: boolean;
+}
+export declare const DEFAULT_SOCIAL_LINKS: SocialLinkItem[];
+export interface NXSocialColumnProps {
+    links?: SocialLinkItem[];
+    title?: string;
+    className?: string;
+}
+export declare function NXSocialColumn({ links, title, className, }: NXSocialColumnProps): React.JSX.Element;

package/dist/components/footer/NXSocialColumn.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+export const DEFAULT_SOCIAL_LINKS = [
+    { label: "GitHub", href: "https://github.com/goldlabelapps", external: true },
+    { label: "LinkedIn", href: "https://www.linkedin.com/in/chris-dorward", external: true },
+    { label: "Twitter / X", href: "https://x.com/goldlabelapps", external: true },
+    { label: "YouTube", href: "https://www.youtube.com/@milkylackstoes", external: true },
+];
+export function NXSocialColumn({ links = DEFAULT_SOCIAL_LINKS, title = "Social", className = "", }) {
+    const socialItems = links && links.length > 0 ? links : DEFAULT_SOCIAL_LINKS;
+    return (_jsxs("div", { className: `space-y-3 ${className}`, children: [_jsx("h4", { className: "text-xs font-bold text-slate-900 dark:text-slate-200 uppercase tracking-wider", children: title }), _jsx("ul", { className: "space-y-2 text-xs sm:text-sm", children: socialItems.map((item, idx) => {
+                    const itemLabel = item.label || item.platform || "Social Link";
+                    const isExternal = item.external !== false;
+                    return (_jsx("li", { children: _jsxs("a", { href: item.href, target: isExternal ? "_blank" : "_self", rel: isExternal ? "noopener noreferrer" : undefined, className: "inline-flex items-center gap-1 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors", children: [_jsx("span", { children: itemLabel }), isExternal && _jsx(ExternalLink, { className: "h-3 w-3 text-slate-400 dark:text-slate-500" })] }) }, idx));
+                }) })] }));
+}

package/dist/components/footer/NXTagsColumn.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface TagItem {
+    label: string;
+    slug: string;
+    count?: number;
+}
+export declare const DEFAULT_TOP_TAGS: TagItem[];
+export interface NXTagsColumnProps {
+    tags?: TagItem[];
+    totalCount?: number;
+    title?: string;
+    className?: string;
+}
+export declare function NXTagsColumn({ tags, title, className, }: NXTagsColumnProps): React.JSX.Element;

package/dist/components/footer/NXTagsColumn.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppRouterLink as Link, setUbereduxKey, useDispatch } from "@goldlabelapps/uberedux";
+export const DEFAULT_TOP_TAGS = [
+    { label: "AI", slug: "ai", count: 18 },
+    { label: "Next.js", slug: "nextjs", count: 14 },
+    { label: "TypeScript", slug: "typescript", count: 12 },
+    { label: "React", slug: "react", count: 10 },
+    { label: "Node.js", slug: "nodejs", count: 8 },
+];
+export function NXTagsColumn({ tags = DEFAULT_TOP_TAGS, title = "Top 5 tags", className = "", }) {
+    let dispatch = null;
+    try {
+        dispatch = useDispatch();
+    }
+    catch {
+        // Redux context not available
+    }
+    const handleLinkClick = (e) => {
+        if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+            return;
+        }
+        if (dispatch) {
+            dispatch(setUbereduxKey({ key: "waiting", value: true }));
+            dispatch(setUbereduxKey({ key: "loadingOverlay", value: true }));
+            dispatch(setUbereduxKey({ key: "navigation.isNavigating", value: true }));
+        }
+    };
+    const topFive = tags.slice(0, 5);
+    return (_jsxs("div", { className: `space-y-3 ${className}`, children: [_jsx("h4", { className: "text-xs font-bold text-slate-900 dark:text-slate-200 uppercase tracking-wider", children: title }), _jsx("ul", { className: "space-y-2 text-xs sm:text-sm", children: topFive.map((t, idx) => (_jsx("li", { children: _jsx(Link, { href: `/tag/${t.slug}`, target: "_self", onClick: handleLinkClick, className: "inline-flex items-center gap-1 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors", children: _jsxs("span", { children: [t.label, t.count !== undefined ? ` (${t.count})` : ""] }) }) }, idx))) })] }));
+}

package/dist/components/footer/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Footer";
+export * from "./FooterWrapper";
+export * from "./NXLiveApps";
+export * from "./NXTagsColumn";
+export * from "./NXSocialColumn";
+export * from "./NXContactColumn";

package/dist/components/footer/index.js

@@ -0,0 +1,6 @@
+export * from "./Footer";
+export * from "./FooterWrapper";
+export * from "./NXLiveApps";
+export * from "./NXTagsColumn";
+export * from "./NXSocialColumn";
+export * from "./NXContactColumn";

package/dist/components/hero/HeroSection.js

@@ -8,5 +8,5 @@ export function HeroSection({ config, badgeLabel }) {
     const siteConfig = useSiteConfig();
     const hero = config ? { ...siteConfig.hero, ...config } : siteConfig.hero;
     const pillBadge = badgeLabel || siteConfig.statement.badge || "Modular Application Template";
-    return (_jsxs("section", { className: "relative min-h-[90vh] flex flex-col items-center justify-center pt-28 sm:pt-36 pb-16 overflow-hidden", children: [_jsx(ParticleCanvas, { config: hero.particleField }), _jsx("div", { className: "pointer-events-none absolute top-1/4 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] sm:w-[900px] h-[400px] bg-gradient-to-tr from-[#012867]/15 via-slate-500/10 to-transparent rounded-full blur-3xl opacity-75" }), _jsxs("div", { className: "relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-semibold text-[#012867] backdrop-blur-md mb-8 hover:bg-[#012867]/10 transition-colors cursor-default shadow-sm", children: [_jsx(Rocket, { className: "h-3.5 w-3.5 text-[#012867]" }), _jsx("span", { children: pillBadge })] }), _jsx("h1", { className: "text-5xl sm:text-7xl lg:text-8xl font-medium tracking-tight text-slate-900 max-w-4xl mx-auto leading-[1.05]", children: _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-[#012867] via-[#01358d] to-[#011f52]", children: hero.headline }) }), _jsx("p", { className: "mt-6 text-base sm:text-lg lg:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed font-normal", children: hero.subheadline }), _jsxs("div", { className: "mt-8 sm:mt-10 flex flex-wrap items-center justify-center gap-3 sm:gap-4", children: [_jsx(Button, { href: hero.primaryCta.href, variant: "primary", size: "lg", className: "shadow-lg shadow-[#012867]/20 font-bold bg-[#012867] hover:bg-[#011f52] text-white", children: _jsx("span", { children: hero.primaryCta.label }) }), _jsx(Button, { href: hero.secondaryCta.href, variant: "secondary", size: "lg", className: "font-bold border-slate-300 hover:border-slate-400 text-slate-800 bg-slate-50 hover:bg-slate-100", children: _jsx("span", { children: hero.secondaryCta.label }) })] })] })] }));
+    return (_jsxs("section", { className: "relative min-h-[45vh] flex flex-col items-center justify-center pt-14 sm:pt-18 pb-8 overflow-hidden", children: [_jsx(ParticleCanvas, { config: hero.particleField }), _jsx("div", { className: "pointer-events-none absolute top-1/4 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] sm:w-[900px] h-[400px] bg-gradient-to-tr from-[#012867]/15 via-slate-500/10 to-transparent rounded-full blur-3xl opacity-75" }), _jsxs("div", { className: "relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-semibold text-[#012867] backdrop-blur-md mb-8 hover:bg-[#012867]/10 transition-colors cursor-default shadow-sm", children: [_jsx(Rocket, { className: "h-3.5 w-3.5 text-[#012867]" }), _jsx("span", { children: pillBadge })] }), _jsx("h1", { className: "text-5xl sm:text-7xl lg:text-8xl font-normal tracking-tight text-slate-900 max-w-4xl mx-auto leading-[1.05]", children: _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-[#012867] via-[#01358d] to-[#011f52]", children: hero.headline }) }), _jsx("p", { className: "mt-6 text-base sm:text-lg lg:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed font-normal", children: hero.subheadline }), _jsxs("div", { className: "mt-8 sm:mt-10 flex flex-wrap items-center justify-center gap-3 sm:gap-4", children: [_jsx(Button, { href: hero.primaryCta.href, variant: "primary", size: "lg", className: "shadow-lg shadow-[#012867]/20 font-bold bg-[#012867] hover:bg-[#011f52] text-white", children: _jsx("span", { children: hero.primaryCta.label }) }), _jsx(Button, { href: hero.secondaryCta.href, variant: "secondary", size: "lg", className: "font-bold border-slate-300 hover:border-slate-400 text-slate-800 bg-slate-50 hover:bg-slate-100", children: _jsx("span", { children: hero.secondaryCta.label }) })] })] })] }));
 }

package/dist/components/hero/VideoModal.js

@@ -27,7 +27,6 @@ export function VideoModal({ isOpen, onClose, videoUrl, title = "Video Preview",
         aspectRatio === "9/16" ||
         aspectRatio === "portrait" ||
         videoUrl.toLowerCase().includes("portrait") ||
-        videoUrl.toLowerCase().includes("echopay.mp4") ||
         videoUrl.toLowerCase().includes("two.mp4") ||
         videoUrl.toLowerCase().includes("builders-merchant");
     const isLocalMp4 = videoUrl.endsWith(".mp4") ||
@@ -35,7 +34,7 @@ export function VideoModal({ isOpen, onClose, videoUrl, title = "Video Preview",
         (!videoUrl.startsWith("http://") && !videoUrl.startsWith("https://") && !videoUrl.includes("embed"));
     const modalContent = (_jsxs("div", { "data-testid": "video-modal-overlay", className: "fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-6 md:p-8 animate-in fade-in duration-200", children: [_jsx("div", { className: "fixed inset-0 bg-black/85 backdrop-blur-xl transition-opacity", onClick: onClose, "aria-hidden": "true", "data-testid": "video-modal-backdrop" }), _jsxs("div", { className: `relative z-10 w-full overflow-hidden rounded-3xl bg-[#111317] border border-white/15 shadow-2xl animate-in zoom-in-95 duration-200 flex flex-col ${isPortrait
                     ? "max-w-[340px] sm:max-w-[380px] max-h-[90vh]"
-                    : "max-w-4xl sm:max-w-5xl"}`, children: [_jsxs("div", { className: "flex items-center justify-between px-4 sm:px-6 py-3.5 border-b border-white/10 bg-[#16181e]/90 backdrop-blur-md shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 pr-2", children: [_jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-slate-400 animate-pulse shrink-0" }), _jsxs("div", { className: "flex items-center gap-2 truncate", children: [isPortrait ? (_jsx(Smartphone, { className: "h-3.5 w-3.5 text-slate-400 shrink-0" })) : (_jsx(Monitor, { className: "h-3.5 w-3.5 text-[#38BDF8] shrink-0" })), _jsx("h3", { className: "text-xs sm:text-sm font-semibold text-neutral-200 truncate", children: title })] }), badge && (_jsx("span", { className: "hidden sm:inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-white/10 text-slate-300 border border-white/10 shrink-0", children: badge }))] }), _jsx("button", { onClick: onClose, className: "rounded-full p-1.5 text-neutral-400 hover:text-white hover:bg-white/10 transition-colors shrink-0 cursor-pointer", "aria-label": "Close modal", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("div", { className: `relative w-full bg-black flex items-center justify-center overflow-hidden ${isPortrait ? "aspect-[9/16] max-h-[75vh]" : "aspect-video"}`, children: isLocalMp4 ? (_jsx("video", { src: videoUrl, title: title, controls: true, autoPlay: true, playsInline: true, className: "w-full h-full object-contain bg-black", "data-testid": "local-video-player" })) : (_jsx("iframe", { src: videoUrl, title: title, className: "absolute inset-0 h-full w-full border-0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", allowFullScreen: true })) })] })] }));
+                    : "max-w-4xl sm:max-w-5xl"}`, children: [_jsxs("div", { className: "flex items-center justify-between px-4 sm:px-6 py-3.5 border-b border-white/10 bg-[#16181e]/90 backdrop-blur-md shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 pr-2", children: [_jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-slate-400 animate-pulse shrink-0" }), _jsxs("div", { className: "flex items-center gap-2 truncate", children: [isPortrait ? (_jsx(Smartphone, { className: "h-3.5 w-3.5 text-slate-400 shrink-0" })) : (_jsx(Monitor, { className: "h-3.5 w-3.5 text-[#38BDF8] shrink-0" })), _jsx("h3", { className: "text-xs sm:text-sm font-normal text-neutral-200 truncate", children: title })] }), badge && (_jsx("span", { className: "hidden sm:inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-white/10 text-slate-300 border border-white/10 shrink-0", children: badge }))] }), _jsx("button", { onClick: onClose, className: "rounded-full p-1.5 text-neutral-400 hover:text-white hover:bg-white/10 transition-colors shrink-0 cursor-pointer", "aria-label": "Close modal", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("div", { className: `relative w-full bg-black flex items-center justify-center overflow-hidden ${isPortrait ? "aspect-[9/16] max-h-[75vh]" : "aspect-video"}`, children: isLocalMp4 ? (_jsx("video", { src: videoUrl, title: title, controls: true, autoPlay: true, playsInline: true, className: "w-full h-full object-contain bg-black", "data-testid": "local-video-player" })) : (_jsx("iframe", { src: videoUrl, title: title, className: "absolute inset-0 h-full w-full border-0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", allowFullScreen: true })) })] })] }));
     return mounted && typeof document !== "undefined"
         ? createPortal(modalContent, document.body)
         : modalContent;

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export * from "./ui/Button";
 export * from "./ui/Card";
 export * from "./ui/CustomCursor";
 export * from "./ui/ThemeToggle";
+export * from "./ui/Bash";
 export * from "./hero/ParticleCanvas";
 export * from "./hero/VideoModal";
 export * from "./hero/HeroSection";
@@ -10,14 +11,21 @@ export * from "./navigation/MobileMenu";
 export * from "./navigation/ShareMenu";
 export * from "./navigation/LogoContextMenu";
 export * from "./navigation/Header";
-export * from "./footer/Footer";
+export * from "./navigation/LayoutActions";
+export * from "./navigation/Waiting";
+export * from "./navigation/MarkdownMenu";
+export * from "./footer";
 export * from "./showcase/FeatureExplorer";
 export * from "./showcase/SolutionsSection";
 export * from "./showcase/StatementSection";
 export * from "./showcase/UseCaseSlider";
 export * from "./showcase/VideoSection";
 export * from "./showcase/BlogSection";
+export * from "./showcase/FeaturedCard";
 export * from "./download/DownloadBanner";
-export * from "./guide/MarkdownContent";
-export * from "./guide/GuideLayout";
+export * from "./layouts/MarkdownContent";
+export * from "./layouts/Standard";
+export * from "./layouts/GuideBreadcrumbs";
 export * from "./video/VideoLayout";
+export * from "./shortcodes/PageLinkShortcode";
+export * from "./search";

package/dist/components/index.js

@@ -2,6 +2,7 @@ export * from "./ui/Button";
 export * from "./ui/Card";
 export * from "./ui/CustomCursor";
 export * from "./ui/ThemeToggle";
+export * from "./ui/Bash";
 export * from "./hero/ParticleCanvas";
 export * from "./hero/VideoModal";
 export * from "./hero/HeroSection";
@@ -10,14 +11,21 @@ export * from "./navigation/MobileMenu";
 export * from "./navigation/ShareMenu";
 export * from "./navigation/LogoContextMenu";
 export * from "./navigation/Header";
-export * from "./footer/Footer";
+export * from "./navigation/LayoutActions";
+export * from "./navigation/Waiting";
+export * from "./navigation/MarkdownMenu";
+export * from "./footer";
 export * from "./showcase/FeatureExplorer";
 export * from "./showcase/SolutionsSection";
 export * from "./showcase/StatementSection";
 export * from "./showcase/UseCaseSlider";
 export * from "./showcase/VideoSection";
 export * from "./showcase/BlogSection";
+export * from "./showcase/FeaturedCard";
 export * from "./download/DownloadBanner";
-export * from "./guide/MarkdownContent";
-export * from "./guide/GuideLayout";
+export * from "./layouts/MarkdownContent";
+export * from "./layouts/Standard";
+export * from "./layouts/GuideBreadcrumbs";
 export * from "./video/VideoLayout";
+export * from "./shortcodes/PageLinkShortcode";
+export * from "./search";

package/dist/components/layouts/GuideBreadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface GuideBreadcrumbItem {
+    label: string;
+    href: string;
+    isLast?: boolean;
+}
+export interface GuideBreadcrumbsProps {
+    items: GuideBreadcrumbItem[];
+    homeHref?: string;
+    homeLabel?: string;
+    className?: string;
+}
+export declare function GuideBreadcrumbs({ items, homeHref, homeLabel, className, }: GuideBreadcrumbsProps): React.JSX.Element | null;
+export { GuideBreadcrumbs as GuideBreadcrumb };