@kuckit/landing-module 4.0.4 → 5.0.0

package/dist/client/components/LandingPage.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/components/LandingPage.d.ts
+declare function LandingPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LandingPage };

package/dist/client/components/LandingPage.js

@@ -0,0 +1,206 @@
+import { Hero } from "./hero.js";
+import { Features } from "./features.js";
+import { Pricing } from "./pricing.js";
+import { FAQ } from "./faq.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/LandingPage.tsx
+function LandingPage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-h-screen bg-background text-foreground overflow-x-hidden",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "fixed inset-0 pointer-events-none",
+				style: {
+					backgroundImage: `
+						linear-gradient(to right, hsl(var(--border) / 0.15) 1px, transparent 1px),
+						linear-gradient(to bottom, hsl(var(--border) / 0.15) 1px, transparent 1px)
+					`,
+					backgroundSize: "60px 60px"
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "fixed top-0 right-0 w-[1px] h-[200vh] bg-gradient-to-b from-primary via-primary/50 to-transparent pointer-events-none origin-top-right",
+				style: { transform: "rotate(-35deg) translateX(300px)" }
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "fixed top-0 right-0 w-[500px] h-[500px] pointer-events-none",
+				children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-primary/8 blur-[100px] rounded-full -translate-y-1/2 translate-x-1/2" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative z-10",
+				children: [
+					/* @__PURE__ */ jsx(Hero, {}),
+					/* @__PURE__ */ jsx(Features, {}),
+					/* @__PURE__ */ jsx(Pricing, {}),
+					/* @__PURE__ */ jsx(FAQ, {})
+				]
+			}),
+			/* @__PURE__ */ jsx("footer", {
+				className: "relative z-10 border-t border-border",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-7xl mx-auto",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-1 md:grid-cols-12 border-b border-border",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "md:col-span-4 p-8 md:p-12 border-b md:border-b-0 md:border-r border-border",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-4 mb-6",
+								children: [/* @__PURE__ */ jsxs("svg", {
+									className: "w-10 h-10",
+									viewBox: "0 0 512 512",
+									fill: "none",
+									xmlns: "http://www.w3.org/2000/svg",
+									children: [
+										/* @__PURE__ */ jsx("polygon", {
+											points: "256,64 384,144 384,304 256,224",
+											fill: "#3D3A39"
+										}),
+										/* @__PURE__ */ jsx("polygon", {
+											points: "256,64 128,144 128,304 256,224",
+											fill: "#5C5855"
+										}),
+										/* @__PURE__ */ jsx("polygon", {
+											points: "128,144 256,224 384,144 256,64",
+											fill: "#A49D9A"
+										}),
+										/* @__PURE__ */ jsx("polygon", {
+											points: "256,224 352,280 352,392 256,336",
+											fill: "#D15010"
+										}),
+										/* @__PURE__ */ jsx("polygon", {
+											points: "256,224 160,280 160,392 256,336",
+											fill: "#EE6018"
+										}),
+										/* @__PURE__ */ jsx("polygon", {
+											points: "160,280 256,336 352,280 256,224",
+											fill: "#EF6F2E"
+										})
+									]
+								}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+									className: "text-foreground font-medium tracking-tight",
+									children: "Kuckit"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground text-xs tracking-[0.15em] uppercase",
+									children: "Framework"
+								})] })]
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm leading-relaxed max-w-xs",
+								children: "The TypeScript module ecosystem where developers build once and sell forever."
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "md:col-span-8 grid grid-cols-3",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "p-8 border-r border-border",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6",
+										children: "Resources"
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "space-y-4",
+										children: [
+											/* @__PURE__ */ jsx("a", {
+												href: "/docs",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "Documentation"
+											}),
+											/* @__PURE__ */ jsx("a", {
+												href: "/docs/getting-started",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "Quick Start"
+											}),
+											/* @__PURE__ */ jsx("a", {
+												href: "/docs/api",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "API Reference"
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "p-8 border-r border-border",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6",
+										children: "Community"
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "space-y-4",
+										children: [/* @__PURE__ */ jsx("a", {
+											href: "/discord",
+											className: "block text-foreground hover:text-primary transition-colors text-sm",
+											children: "Discord"
+										}), /* @__PURE__ */ jsx("a", {
+											href: "https://twitter.com/kuckit",
+											className: "block text-foreground hover:text-primary transition-colors text-sm",
+											children: "Twitter"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "p-8",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6",
+										children: "Legal"
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "space-y-4",
+										children: [
+											/* @__PURE__ */ jsx("a", {
+												href: "/privacy",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "Privacy"
+											}),
+											/* @__PURE__ */ jsx("a", {
+												href: "/terms",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "Terms"
+											}),
+											/* @__PURE__ */ jsx("a", {
+												href: "/license",
+												className: "block text-foreground hover:text-primary transition-colors text-sm",
+												children: "License"
+											})
+										]
+									})]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col md:flex-row items-center justify-between gap-4 px-8 md:px-12 py-6",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-6 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ jsxs("span", { children: [
+									"© ",
+									(/* @__PURE__ */ new Date()).getFullYear(),
+									" Kuckit"
+								] }),
+								/* @__PURE__ */ jsx("span", {
+									className: "hidden md:inline text-border",
+									children: "|"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "hidden md:inline",
+									children: "MIT License"
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2 px-3 py-1.5 bg-muted border border-border",
+								children: [/* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-[hsl(var(--status-success))] animate-pulse" }), /* @__PURE__ */ jsx("span", {
+									className: "text-xs text-muted-foreground tracking-wide",
+									children: "All systems operational"
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "text-xs text-muted-foreground font-mono",
+								children: "v1.0.0"
+							})]
+						})]
+					})]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { LandingPage };

package/dist/client/components/ModulesPage.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/components/ModulesPage.d.ts
+declare function ModulesPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ModulesPage };

package/dist/client/components/ModulesPage.js

@@ -0,0 +1,326 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/ModulesPage.tsx
+const modules = [
+	{
+		name: "Payments",
+		slug: "payments",
+		package: "@kuckit/polar-payments-module",
+		desc: "Accept payments in minutes. Subscriptions, one-time purchases, customer portal.",
+		status: "stable",
+		features: [
+			"Stripe integration",
+			"Polar integration",
+			"Subscription management",
+			"Customer portal"
+		]
+	},
+	{
+		name: "User Accounts",
+		slug: "users",
+		package: "@kuckit/users-module",
+		desc: "User registration, profiles, and account management ready to go.",
+		status: "stable",
+		features: [
+			"OAuth providers",
+			"Profile management",
+			"Settings UI",
+			"Account deletion"
+		]
+	},
+	{
+		name: "Documentation",
+		slug: "docs",
+		package: "@kuckit/docs-module",
+		desc: "Beautiful docs for your users. Write in plain text, get a polished help center.",
+		status: "stable",
+		features: [
+			"MDX support",
+			"Search built-in",
+			"Auto-navigation",
+			"Code highlighting"
+		]
+	},
+	{
+		name: "AI Chat",
+		slug: "ai",
+		package: "@kuckit/ai-module",
+		desc: "Add AI chat to your app. Streaming responses, conversation history included.",
+		status: "stable",
+		features: [
+			"OpenAI integration",
+			"Streaming responses",
+			"Chat history",
+			"Context management"
+		]
+	},
+	{
+		name: "CLI Login",
+		slug: "cli-auth",
+		package: "@kuckit/cli-auth-module",
+		desc: "Let users log in from command line tools with a simple device code.",
+		status: "stable",
+		features: [
+			"Device code flow",
+			"Token management",
+			"CLI SDK",
+			"Secure auth"
+		]
+	},
+	{
+		name: "More Coming",
+		slug: "coming-soon",
+		package: "Email, storage, analytics",
+		desc: "We're building more modules every week. Tell us what you need.",
+		status: "soon",
+		features: [
+			"Email service",
+			"File storage",
+			"Analytics",
+			"And more..."
+		]
+	}
+];
+function ModulesPage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-h-screen bg-background text-foreground",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "fixed inset-0 pointer-events-none",
+				style: {
+					backgroundImage: `
+						linear-gradient(to right, hsl(var(--border) / 0.15) 1px, transparent 1px),
+						linear-gradient(to bottom, hsl(var(--border) / 0.15) 1px, transparent 1px)
+					`,
+					backgroundSize: "60px 60px"
+				}
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				className: "relative z-20 border-b border-border",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-7xl mx-auto flex items-center justify-between h-16 px-8",
+					children: [
+						/* @__PURE__ */ jsxs("a", {
+							href: "/",
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ jsxs("svg", {
+								className: "w-8 h-8",
+								viewBox: "0 0 512 512",
+								fill: "none",
+								xmlns: "http://www.w3.org/2000/svg",
+								children: [
+									/* @__PURE__ */ jsx("polygon", {
+										points: "256,64 384,144 384,304 256,224",
+										fill: "#3D3A39"
+									}),
+									/* @__PURE__ */ jsx("polygon", {
+										points: "256,64 128,144 128,304 256,224",
+										fill: "#5C5855"
+									}),
+									/* @__PURE__ */ jsx("polygon", {
+										points: "128,144 256,224 384,144 256,64",
+										fill: "#A49D9A"
+									}),
+									/* @__PURE__ */ jsx("polygon", {
+										points: "256,224 352,280 352,392 256,336",
+										fill: "#D15010"
+									}),
+									/* @__PURE__ */ jsx("polygon", {
+										points: "256,224 160,280 160,392 256,336",
+										fill: "#EE6018"
+									}),
+									/* @__PURE__ */ jsx("polygon", {
+										points: "160,280 256,336 352,280 256,224",
+										fill: "#EF6F2E"
+									})
+								]
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-foreground font-medium tracking-tight",
+								children: "Kuckit"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "hidden md:flex items-center gap-8",
+							children: [
+								/* @__PURE__ */ jsx("a", {
+									href: "/docs",
+									className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+									children: "Docs"
+								}),
+								/* @__PURE__ */ jsx("a", {
+									href: "/modules",
+									className: "text-sm text-foreground font-medium",
+									children: "Modules"
+								}),
+								/* @__PURE__ */ jsx("a", {
+									href: "/#pricing",
+									className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+									children: "Pricing"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ jsx("a", {
+								href: "/login",
+								className: "text-sm text-muted-foreground hover:text-foreground transition-colors px-4 py-2",
+								children: "Sign in"
+							}), /* @__PURE__ */ jsx("a", {
+								href: "/docs/getting-started",
+								className: "text-sm bg-primary text-primary-foreground px-4 py-2 hover:bg-primary/90 transition-colors",
+								children: "Get Started"
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative z-10 border-b border-border",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-7xl mx-auto px-8 py-20",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-4 mb-6",
+							children: [
+								/* @__PURE__ */ jsx("a", {
+									href: "/",
+									className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+									children: "Home"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground",
+									children: "/"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-xs text-primary tracking-[0.15em] uppercase",
+									children: "Modules"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("h1", {
+							className: "text-5xl md:text-6xl font-light text-foreground tracking-[-0.03em] mb-6",
+							children: "Module Ecosystem"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-xl text-muted-foreground max-w-2xl",
+							children: "Production-ready modules that integrate seamlessly. Skip weeks of development and focus on what makes your product unique."
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative z-10 max-w-7xl mx-auto",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "grid lg:grid-cols-2",
+					children: modules.map((mod, index) => /* @__PURE__ */ jsxs("div", {
+						className: `group relative p-10 transition-colors hover:bg-card border-b border-border ${index % 2 === 0 ? "lg:border-r" : ""}`,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "absolute top-8 right-8",
+								children: /* @__PURE__ */ jsx("span", {
+									className: `px-3 py-1.5 text-[10px] tracking-[0.15em] uppercase ${mod.status === "stable" ? "bg-[hsl(var(--status-success)/0.1)] text-[hsl(var(--status-success))] border border-[hsl(var(--status-success)/0.2)]" : mod.status === "beta" ? "bg-primary/10 text-primary border border-primary/20" : "bg-muted text-muted-foreground border border-border"}`,
+									children: mod.status
+								})
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "pr-24",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "text-sm text-primary font-mono block mb-3",
+										children: mod.package
+									}),
+									/* @__PURE__ */ jsx("h2", {
+										className: "text-2xl font-medium text-foreground mb-3 tracking-tight group-hover:text-primary transition-colors",
+										children: mod.name
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mb-6",
+										children: mod.desc
+									}),
+									/* @__PURE__ */ jsx("div", {
+										className: "flex flex-wrap gap-2",
+										children: mod.features.map((feature) => /* @__PURE__ */ jsx("span", {
+											className: "px-3 py-1 text-xs text-muted-foreground bg-muted border border-border",
+											children: feature
+										}, feature))
+									})
+								]
+							}),
+							mod.status !== "soon" && /* @__PURE__ */ jsx("a", {
+								href: `/docs/modules/${mod.slug}`,
+								className: "absolute bottom-8 right-8 opacity-0 group-hover:opacity-100 transition-opacity",
+								children: /* @__PURE__ */ jsx("svg", {
+									className: "w-6 h-6 text-primary",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 1.5,
+										d: "M17 8l4 4m0 0l-4 4m4-4H3"
+									})
+								})
+							})
+						]
+					}, mod.slug))
+				}), /* @__PURE__ */ jsx("div", {
+					className: "border-t border-border",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "px-8 py-12 flex flex-col md:flex-row md:items-center justify-between gap-6",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-xl font-medium text-foreground mb-2",
+							children: "Need a custom module?"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground",
+							children: "We can help you build it, or tell us what you need and we'll add it to our roadmap."
+						})] }), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-4",
+							children: [/* @__PURE__ */ jsxs("a", {
+								href: "/docs/module-development",
+								className: "group inline-flex items-center gap-3 px-6 py-3 border border-border text-foreground hover:border-primary/50 hover:bg-card transition-all",
+								children: [/* @__PURE__ */ jsx("span", { children: "Build Your Own" }), /* @__PURE__ */ jsx("svg", {
+									className: "w-4 h-4 group-hover:translate-x-1 transition-transform",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M17 8l4 4m0 0l-4 4m4-4H3"
+									})
+								})]
+							}), /* @__PURE__ */ jsx("a", {
+								href: "/discord",
+								className: "group inline-flex items-center gap-3 px-6 py-3 bg-primary text-primary-foreground hover:bg-primary/90 transition-all",
+								children: /* @__PURE__ */ jsx("span", { children: "Request Module" })
+							})]
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("footer", {
+				className: "relative z-10 border-t border-border mt-20",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-7xl mx-auto px-8 py-8 flex items-center justify-between",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							"© ",
+							(/* @__PURE__ */ new Date()).getFullYear(),
+							" Kuckit"
+						]
+					}), /* @__PURE__ */ jsx("a", {
+						href: "/",
+						className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+						children: "← Back to Home"
+					})]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { ModulesPage };