@kuckit/landing-module 1.0.0

package/dist/client/index.js

@@ -0,0 +1,1548 @@
+import { defineKuckitClientModule, useRpc } from "@kuckit/sdk-react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { toast } from "sonner";
+
+//#region src/client/components/hero.tsx
+function Hero() {
+	const [copied, setCopied] = useState(false);
+	const copyCommand = () => {
+		navigator.clipboard.writeText("bunx create-kuckit-app my-app");
+		setCopied(true);
+		setTimeout(() => setCopied(false), 2e3);
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		className: "relative min-h-[90vh] flex flex-col items-center justify-center px-6 pt-20",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "absolute inset-0 overflow-hidden pointer-events-none",
+				children: [
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute top-[15%] left-[10%] animate-float",
+						label: "auth"
+					}),
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute top-[25%] right-[15%] animate-float-delayed",
+						label: "billing"
+					}),
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute bottom-[30%] left-[8%] animate-float-slow",
+						label: "analytics"
+					}),
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute bottom-[20%] right-[10%] animate-float",
+						label: "email"
+					}),
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute top-[40%] left-[20%] animate-float-delayed opacity-50",
+						label: "storage",
+						size: "sm"
+					}),
+					/* @__PURE__ */ jsx(ModuleBlock, {
+						className: "absolute bottom-[40%] right-[20%] animate-float-slow opacity-50",
+						label: "ai",
+						size: "sm"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative z-10 max-w-4xl mx-auto text-center",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 text-sm text-white/70 mb-8 backdrop-blur-sm",
+						children: [/* @__PURE__ */ jsx("span", { className: "w-2 h-2 rounded-full bg-emerald-400 animate-pulse" }), /* @__PURE__ */ jsx("span", { children: "Marketplace coming soon" })]
+					}),
+					/* @__PURE__ */ jsxs("h1", {
+						className: "text-5xl md:text-7xl font-bold tracking-tight mb-6",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "block text-white",
+								children: "Build Modules."
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "block bg-gradient-to-r from-emerald-400 via-teal-400 to-cyan-400 bg-clip-text text-transparent",
+								children: "Earn Revenue."
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "block text-white",
+								children: "Ship Faster."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xl md:text-2xl text-white/60 max-w-2xl mx-auto mb-12 leading-relaxed",
+						children: "The TypeScript ecosystem where developers build once and sell forever, while builders ship in hours instead of months."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col sm:flex-row items-center justify-center gap-4 mb-12",
+						children: [/* @__PURE__ */ jsxs("button", {
+							className: "group relative px-8 py-4 bg-gradient-to-r from-emerald-500 to-teal-500 rounded-xl font-semibold text-black transition-all hover:scale-105 hover:shadow-lg hover:shadow-emerald-500/25",
+							children: ["Get Started", /* @__PURE__ */ jsx("span", { className: "absolute inset-0 rounded-xl bg-gradient-to-r from-emerald-400 to-teal-400 opacity-0 group-hover:opacity-100 transition-opacity blur-xl -z-10" })]
+						}), /* @__PURE__ */ jsx("button", {
+							className: "px-8 py-4 rounded-xl font-semibold text-white border border-white/20 bg-white/5 backdrop-blur-sm hover:bg-white/10 hover:border-white/30 transition-all",
+							children: "Join Marketplace Waitlist"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						onClick: copyCommand,
+						className: "inline-flex items-center gap-3 px-5 py-3 rounded-xl bg-black/50 border border-white/10 cursor-pointer hover:border-emerald-500/50 transition-colors group",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "text-emerald-400 font-mono",
+								children: "$"
+							}),
+							/* @__PURE__ */ jsx("code", {
+								className: "text-white/80 font-mono text-sm",
+								children: "bunx create-kuckit-app my-app"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-white/40 group-hover:text-emerald-400 transition-colors",
+								children: copied ? /* @__PURE__ */ jsx("svg", {
+									className: "w-4 h-4",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M5 13l4 4L19 7"
+									})
+								}) : /* @__PURE__ */ jsx("svg", {
+									className: "w-4 h-4",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+									})
+								})
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "absolute bottom-8 left-1/2 -translate-x-1/2 animate-bounce",
+				children: /* @__PURE__ */ jsx("svg", {
+					className: "w-6 h-6 text-white/30",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ jsx("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M19 14l-7 7m0 0l-7-7m7 7V3"
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("style", { children: `
+				@keyframes float {
+					0%, 100% { transform: translateY(0px) rotate(0deg); }
+					50% { transform: translateY(-20px) rotate(3deg); }
+				}
+				@keyframes float-delayed {
+					0%, 100% { transform: translateY(0px) rotate(0deg); }
+					50% { transform: translateY(-15px) rotate(-2deg); }
+				}
+				@keyframes float-slow {
+					0%, 100% { transform: translateY(0px) rotate(0deg); }
+					50% { transform: translateY(-10px) rotate(1deg); }
+				}
+				.animate-float { animation: float 6s ease-in-out infinite; }
+				.animate-float-delayed { animation: float-delayed 7s ease-in-out infinite; animation-delay: 1s; }
+				.animate-float-slow { animation: float-slow 8s ease-in-out infinite; animation-delay: 2s; }
+			` })
+		]
+	});
+}
+function ModuleBlock({ className = "", label, size = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${size === "sm" ? "w-16 h-16 text-[10px]" : "w-24 h-24 text-xs"} ${className}`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full h-full rounded-2xl bg-gradient-to-br from-white/10 to-white/5 border border-white/10 backdrop-blur-sm flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "font-mono text-white/50",
+				children: label
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/client/components/value-props.tsx
+function ValueProps() {
+	const columns = [
+		{
+			title: "For Builders",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M13 10V3L4 14h7v7l9-11h-7z"
+				})
+			}),
+			color: "emerald",
+			items: [
+				{
+					label: "Ship in hours",
+					desc: "Not weeks or months"
+				},
+				{
+					label: "One command install",
+					desc: "kuckit add @vendor/module"
+				},
+				{
+					label: "Focus on your product",
+					desc: "Not boilerplate"
+				}
+			]
+		},
+		{
+			title: "For Sellers",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+				})
+			}),
+			color: "teal",
+			items: [
+				{
+					label: "Build once, sell forever",
+					desc: "Passive revenue stream"
+				},
+				{
+					label: "Growing marketplace",
+					desc: "Reach thousands of builders"
+				},
+				{
+					label: "Your code, your pricing",
+					desc: "Set your own terms"
+				}
+			]
+		},
+		{
+			title: "For Everyone",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+				})
+			}),
+			color: "cyan",
+			items: [
+				{
+					label: "Battle-tested code",
+					desc: "Community validated"
+				},
+				{
+					label: "Guardrailed quality",
+					desc: "Enforced standards"
+				},
+				{
+					label: "Type-safe modules",
+					desc: "End-to-end TypeScript"
+				}
+			]
+		}
+	];
+	const colorMap = {
+		emerald: {
+			bg: "bg-emerald-500/10",
+			border: "border-emerald-500/20",
+			text: "text-emerald-400",
+			glow: "group-hover:shadow-emerald-500/10"
+		},
+		teal: {
+			bg: "bg-teal-500/10",
+			border: "border-teal-500/20",
+			text: "text-teal-400",
+			glow: "group-hover:shadow-teal-500/10"
+		},
+		cyan: {
+			bg: "bg-cyan-500/10",
+			border: "border-cyan-500/20",
+			text: "text-cyan-400",
+			glow: "group-hover:shadow-cyan-500/10"
+		}
+	};
+	return /* @__PURE__ */ jsx("section", {
+		className: "py-24 px-6",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "max-w-6xl mx-auto",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "grid md:grid-cols-3 gap-6",
+				children: columns.map((col) => {
+					const colors = colorMap[col.color];
+					return /* @__PURE__ */ jsxs("div", {
+						className: `group relative rounded-2xl border ${colors.border} bg-white/[0.02] p-8 hover:bg-white/[0.04] transition-all hover:shadow-xl ${colors.glow}`,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 mb-8",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: `w-12 h-12 rounded-xl ${colors.bg} ${colors.text} flex items-center justify-center`,
+								children: col.icon
+							}), /* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold text-white",
+								children: col.title
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "space-y-6",
+							children: col.items.map((item) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+								className: "text-white font-medium mb-1",
+								children: item.label
+							}), /* @__PURE__ */ jsx("div", {
+								className: "text-white/50 text-sm",
+								children: item.desc
+							})] }, item.label))
+						})]
+					}, col.title);
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/client/components/code-quality.tsx
+function CodeQuality() {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "py-24 px-6 relative overflow-hidden",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-emerald-500/5 via-transparent to-transparent pointer-events-none" }), /* @__PURE__ */ jsxs("div", {
+			className: "max-w-6xl mx-auto relative",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "max-w-2xl mb-16",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-emerald-500/10 border border-emerald-500/20 text-xs text-emerald-400 font-medium mb-6",
+						children: [/* @__PURE__ */ jsx("svg", {
+							className: "w-3.5 h-3.5",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+							})
+						}), "Quality Guaranteed"]
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold text-white mb-6",
+						children: "Code That Stays Clean"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-xl text-white/60 leading-relaxed",
+						children: ["Codebases rot. AI generates spaghetti. Developers cut corners.", /* @__PURE__ */ jsx("span", {
+							className: "text-white",
+							children: " Kuckit enforces structure automatically."
+						})]
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "grid lg:grid-cols-2 gap-12 items-center",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "space-y-6",
+					children: [
+						{
+							icon: /* @__PURE__ */ jsx("svg", {
+								className: "w-5 h-5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 1.5,
+									d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+								})
+							}),
+							title: "AGENTS.md in Every Package",
+							desc: "AI and humans follow the same rules. Clear instructions ensure consistent, maintainable code."
+						},
+						{
+							icon: /* @__PURE__ */ jsx("svg", {
+								className: "w-5 h-5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 1.5,
+									d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+								})
+							}),
+							title: "Pre-commit Hooks",
+							desc: "Bad code can't even be committed. Husky runs checks before every commit."
+						},
+						{
+							icon: /* @__PURE__ */ jsx("svg", {
+								className: "w-5 h-5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 1.5,
+									d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+								})
+							}),
+							title: "CI/CD Validation",
+							desc: "Nothing merges without passing architecture checks. Every PR is verified."
+						},
+						{
+							icon: /* @__PURE__ */ jsx("svg", {
+								className: "w-5 h-5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 1.5,
+									d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+								})
+							}),
+							title: "Clean Architecture Layers",
+							desc: "Domain, Application, Infrastructure stay separated. Always."
+						}
+					].map((feature) => /* @__PURE__ */ jsxs("div", {
+						className: "group flex gap-4 p-4 rounded-xl hover:bg-white/[0.03] transition-colors",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "w-10 h-10 rounded-lg bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-emerald-400 shrink-0 group-hover:scale-110 transition-transform",
+							children: feature.icon
+						}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-white font-semibold mb-1",
+							children: feature.title
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-white/50 text-sm leading-relaxed",
+							children: feature.desc
+						})] })]
+					}, feature.title))
+				}), /* @__PURE__ */ jsx("div", {
+					className: "relative",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "relative aspect-square max-w-md mx-auto",
+						children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-emerald-500/20 to-teal-500/20 rounded-3xl blur-2xl" }), /* @__PURE__ */ jsxs("div", {
+							className: "relative h-full rounded-3xl border border-white/10 bg-black/50 backdrop-blur-sm p-8 flex flex-col items-center justify-center",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "w-24 h-24 mb-6 relative",
+									children: [/* @__PURE__ */ jsx("svg", {
+										className: "w-full h-full text-emerald-400",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ jsx("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 1,
+											d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+										})
+									}), /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-emerald-400/20 rounded-full blur-xl" })]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "text-center mb-6",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "text-3xl font-bold text-white mb-1",
+										children: "100%"
+									}), /* @__PURE__ */ jsx("div", {
+										className: "text-white/50 text-sm",
+										children: "Architecture Compliance"
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "w-full space-y-2",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20",
+											children: [/* @__PURE__ */ jsx("svg", {
+												className: "w-4 h-4 text-red-400",
+												fill: "none",
+												stroke: "currentColor",
+												viewBox: "0 0 24 24",
+												children: /* @__PURE__ */ jsx("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M6 18L18 6M6 6l12 12"
+												})
+											}), /* @__PURE__ */ jsx("span", {
+												className: "text-sm text-red-400/80 font-mono",
+												children: "Circular dependencies"
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20",
+											children: [/* @__PURE__ */ jsx("svg", {
+												className: "w-4 h-4 text-red-400",
+												fill: "none",
+												stroke: "currentColor",
+												viewBox: "0 0 24 24",
+												children: /* @__PURE__ */ jsx("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M6 18L18 6M6 6l12 12"
+												})
+											}), /* @__PURE__ */ jsx("span", {
+												className: "text-sm text-red-400/80 font-mono",
+												children: "Layer violations"
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20",
+											children: [/* @__PURE__ */ jsx("svg", {
+												className: "w-4 h-4 text-red-400",
+												fill: "none",
+												stroke: "currentColor",
+												viewBox: "0 0 24 24",
+												children: /* @__PURE__ */ jsx("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M6 18L18 6M6 6l12 12"
+												})
+											}), /* @__PURE__ */ jsx("span", {
+												className: "text-sm text-red-400/80 font-mono",
+												children: "Untyped exports"
+											})]
+										})
+									]
+								})
+							]
+						})]
+					})
+				})]
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/module-showcase.tsx
+function ModuleShowcase() {
+	const modules = [
+		{
+			name: "Auth",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"
+				})
+			}),
+			desc: "OAuth, MFA, sessions",
+			color: "emerald"
+		},
+		{
+			name: "Billing",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
+				})
+			}),
+			desc: "Stripe, subscriptions",
+			color: "teal"
+		},
+		{
+			name: "Analytics",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+				})
+			}),
+			desc: "Events, dashboards",
+			color: "cyan"
+		},
+		{
+			name: "Email",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+				})
+			}),
+			desc: "Transactional, templates",
+			color: "violet"
+		},
+		{
+			name: "Storage",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"
+				})
+			}),
+			desc: "S3, uploads, CDN",
+			color: "amber"
+		},
+		{
+			name: "AI",
+			icon: /* @__PURE__ */ jsx("svg", {
+				className: "w-6 h-6",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
+				})
+			}),
+			desc: "Chat, embeddings",
+			color: "pink"
+		}
+	];
+	const colorMap = {
+		emerald: {
+			bg: "bg-emerald-500/10",
+			border: "border-emerald-500/30",
+			text: "text-emerald-400"
+		},
+		teal: {
+			bg: "bg-teal-500/10",
+			border: "border-teal-500/30",
+			text: "text-teal-400"
+		},
+		cyan: {
+			bg: "bg-cyan-500/10",
+			border: "border-cyan-500/30",
+			text: "text-cyan-400"
+		},
+		violet: {
+			bg: "bg-violet-500/10",
+			border: "border-violet-500/30",
+			text: "text-violet-400"
+		},
+		amber: {
+			bg: "bg-amber-500/10",
+			border: "border-amber-500/30",
+			text: "text-amber-400"
+		},
+		pink: {
+			bg: "bg-pink-500/10",
+			border: "border-pink-500/30",
+			text: "text-pink-400"
+		}
+	};
+	return /* @__PURE__ */ jsx("section", {
+		className: "py-24 px-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "max-w-6xl mx-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-16",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold text-white mb-6",
+						children: "Modules for Everything"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-xl text-white/60 max-w-2xl mx-auto",
+						children: "Skip weeks of development. Install battle-tested modules and focus on what makes your product unique."
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "grid grid-cols-2 md:grid-cols-3 gap-4",
+					children: modules.map((mod) => {
+						const colors = colorMap[mod.color];
+						return /* @__PURE__ */ jsxs("div", {
+							className: "group relative rounded-2xl border border-white/10 bg-white/[0.02] p-6 hover:border-white/20 hover:bg-white/[0.04] transition-all cursor-pointer",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									className: "absolute top-3 right-3 px-2 py-0.5 rounded text-[10px] font-medium bg-white/10 text-white/50",
+									children: "Soon"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: `w-12 h-12 rounded-xl ${colors.bg} ${colors.text} flex items-center justify-center mb-4 group-hover:scale-110 transition-transform`,
+									children: mod.icon
+								}),
+								/* @__PURE__ */ jsx("h3", {
+									className: "text-lg font-semibold text-white mb-1",
+									children: mod.name
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-sm text-white/50",
+									children: mod.desc
+								})
+							]
+						}, mod.name);
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-12 text-center",
+					children: /* @__PURE__ */ jsxs("button", {
+						className: "inline-flex items-center gap-2 px-6 py-3 rounded-xl border border-white/20 text-white/80 hover:bg-white/5 hover:border-white/30 transition-all",
+						children: [/* @__PURE__ */ jsx("span", { children: "Join waitlist for marketplace access" }), /* @__PURE__ */ jsx("svg", {
+							className: "w-4 h-4",
+							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"
+							})
+						})]
+					})
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/client/components/how-it-works.tsx
+function HowItWorks() {
+	const [activeTab, setActiveTab] = useState("builders");
+	const steps = activeTab === "builders" ? [
+		{
+			step: "01",
+			command: "bunx create-kuckit-app my-app",
+			title: "Scaffold your app",
+			desc: "Get a production-ready TypeScript app with Clean Architecture baked in."
+		},
+		{
+			step: "02",
+			command: "kuckit add @vendor/billing",
+			title: "Install modules",
+			desc: "One command adds both server and client code, wired and ready."
+		},
+		{
+			step: "03",
+			command: "bun run dev",
+			title: "Ship it",
+			desc: "Your app is ready. Maintainable, type-safe, and battle-tested."
+		}
+	] : [
+		{
+			step: "01",
+			command: "kuckit generate module billing",
+			title: "Scaffold with AGENTS.md",
+			desc: "Generated structure includes documentation for AI and human developers."
+		},
+		{
+			step: "02",
+			command: "git commit && git push",
+			title: "Build & test",
+			desc: "Guardrails ensure your module meets quality standards before it ships."
+		},
+		{
+			step: "03",
+			command: "kuckit publish",
+			title: "Earn revenue",
+			desc: "Set your price, publish to the marketplace, and start earning."
+		}
+	];
+	return /* @__PURE__ */ jsxs("section", {
+		className: "py-24 px-6 relative",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-teal-500/5 to-transparent pointer-events-none" }), /* @__PURE__ */ jsxs("div", {
+			className: "max-w-5xl mx-auto relative",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-12",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold text-white mb-6",
+						children: "How It Works"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-xl text-white/60",
+						children: "Three steps to shipping or selling."
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-center mb-12",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "inline-flex rounded-xl bg-white/5 p-1",
+						children: [/* @__PURE__ */ jsx("button", {
+							onClick: () => setActiveTab("builders"),
+							className: `px-6 py-2.5 rounded-lg text-sm font-medium transition-all ${activeTab === "builders" ? "bg-white/10 text-white" : "text-white/50 hover:text-white/80"}`,
+							children: "For Builders"
+						}), /* @__PURE__ */ jsx("button", {
+							onClick: () => setActiveTab("sellers"),
+							className: `px-6 py-2.5 rounded-lg text-sm font-medium transition-all ${activeTab === "sellers" ? "bg-white/10 text-white" : "text-white/50 hover:text-white/80"}`,
+							children: "For Sellers"
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "space-y-6",
+					children: steps.map((step, index) => /* @__PURE__ */ jsxs("div", {
+						className: "group relative flex gap-6 md:gap-10 items-start p-6 rounded-2xl hover:bg-white/[0.02] transition-colors",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "shrink-0",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "w-14 h-14 rounded-2xl bg-gradient-to-br from-emerald-500/20 to-teal-500/20 border border-emerald-500/20 flex items-center justify-center",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "text-emerald-400 font-bold text-lg",
+									children: step.step
+								})
+							}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: "w-px h-12 bg-gradient-to-b from-emerald-500/30 to-transparent mx-auto mt-4" })]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex-1 pt-1",
+							children: [
+								/* @__PURE__ */ jsx("h3", {
+									className: "text-xl font-semibold text-white mb-2",
+									children: step.title
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-white/50 mb-4",
+									children: step.desc
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "inline-flex items-center gap-3 px-4 py-2.5 rounded-xl bg-black/50 border border-white/10 font-mono text-sm",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "text-emerald-400",
+										children: "$"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "text-white/80",
+										children: step.command
+									})]
+								})
+							]
+						})]
+					}, step.step))
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/architecture-preview.tsx
+function ArchitecturePreview() {
+	const layers = [
+		{
+			name: "Interface Layer",
+			items: ["apps/web", "apps/server"],
+			color: "emerald",
+			desc: "React UI + Express API"
+		},
+		{
+			name: "SDK Layer",
+			items: ["sdk", "sdk-react"],
+			color: "teal",
+			desc: "Module system + DI container"
+		},
+		{
+			name: "Application Layer",
+			items: ["application", "api"],
+			color: "cyan",
+			desc: "Use cases + oRPC procedures"
+		},
+		{
+			name: "Domain Layer",
+			items: ["domain", "contracts"],
+			color: "violet",
+			desc: "Entities + Zod schemas"
+		},
+		{
+			name: "Infrastructure Layer",
+			items: [
+				"infrastructure",
+				"db",
+				"auth"
+			],
+			color: "pink",
+			desc: "Repositories + Drizzle ORM"
+		}
+	];
+	const colorMap = {
+		emerald: {
+			bg: "bg-emerald-500/10",
+			border: "border-emerald-500/30",
+			text: "text-emerald-400",
+			glow: "shadow-emerald-500/20"
+		},
+		teal: {
+			bg: "bg-teal-500/10",
+			border: "border-teal-500/30",
+			text: "text-teal-400",
+			glow: "shadow-teal-500/20"
+		},
+		cyan: {
+			bg: "bg-cyan-500/10",
+			border: "border-cyan-500/30",
+			text: "text-cyan-400",
+			glow: "shadow-cyan-500/20"
+		},
+		violet: {
+			bg: "bg-violet-500/10",
+			border: "border-violet-500/30",
+			text: "text-violet-400",
+			glow: "shadow-violet-500/20"
+		},
+		pink: {
+			bg: "bg-pink-500/10",
+			border: "border-pink-500/30",
+			text: "text-pink-400",
+			glow: "shadow-pink-500/20"
+		}
+	};
+	return /* @__PURE__ */ jsx("section", {
+		className: "py-24 px-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "max-w-6xl mx-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-16",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-violet-500/10 border border-violet-500/20 text-xs text-violet-400 font-medium mb-6",
+							children: [/* @__PURE__ */ jsx("svg", {
+								className: "w-3.5 h-3.5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+								})
+							}), "Clean Architecture"]
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-4xl md:text-5xl font-bold text-white mb-6",
+							children: "Every Module, Same Structure"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-xl text-white/60 max-w-2xl mx-auto",
+							children: "Clear boundaries between layers. AGENTS.md in every package ensures AI and humans build consistently."
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "max-w-3xl mx-auto space-y-3",
+					children: layers.map((layer, index) => {
+						const colors = colorMap[layer.color];
+						return /* @__PURE__ */ jsxs("div", {
+							className: "relative group",
+							children: [index < layers.length - 1 && /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 -bottom-3 w-px h-3 bg-white/10" }), /* @__PURE__ */ jsx("div", {
+								className: `relative rounded-xl border ${colors.border} ${colors.bg} p-5 hover:shadow-lg ${colors.glow} transition-all`,
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col md:flex-row md:items-center gap-4",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "md:w-48 shrink-0",
+											children: [/* @__PURE__ */ jsx("h3", {
+												className: `font-semibold ${colors.text}`,
+												children: layer.name
+											}), /* @__PURE__ */ jsx("p", {
+												className: "text-white/40 text-sm",
+												children: layer.desc
+											})]
+										}),
+										/* @__PURE__ */ jsx("div", {
+											className: "flex flex-wrap gap-2 flex-1",
+											children: layer.items.map((item) => /* @__PURE__ */ jsxs("div", {
+												className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-black/30 border border-white/10",
+												children: [/* @__PURE__ */ jsx("span", { className: "w-2 h-2 rounded-full bg-white/30" }), /* @__PURE__ */ jsx("span", {
+													className: "text-sm font-mono text-white/70",
+													children: item
+												})]
+											}, item))
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "shrink-0 flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-emerald-500/10 border border-emerald-500/20",
+											children: [/* @__PURE__ */ jsx("svg", {
+												className: "w-3.5 h-3.5 text-emerald-400",
+												fill: "none",
+												stroke: "currentColor",
+												viewBox: "0 0 24 24",
+												children: /* @__PURE__ */ jsx("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+												})
+											}), /* @__PURE__ */ jsx("span", {
+												className: "text-xs font-mono text-emerald-400",
+												children: "AGENTS.md"
+											})]
+										})
+									]
+								})
+							})]
+						}, layer.name);
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-8 flex justify-center",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-sm text-white/40",
+						children: [/* @__PURE__ */ jsx("svg", {
+							className: "w-4 h-4",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M19 14l-7 7m0 0l-7-7m7 7V3"
+							})
+						}), /* @__PURE__ */ jsx("span", { children: "Dependencies flow down only" })]
+					})
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/client/components/cli-demo.tsx
+function CliDemo() {
+	const commands = [
+		{
+			input: "kuckit generate module billing",
+			output: [
+				"Creating module: @myapp/billing-module",
+				"  Directory: ./packages/billing-module",
+				"",
+				"✓ Created src/server/module.ts",
+				"✓ Created src/client/index.ts",
+				"✓ Created AGENTS.md",
+				"✓ Created package.json",
+				"",
+				"Module created successfully!"
+			]
+		},
+		{
+			input: "kuckit add @vendor/auth-module",
+			output: [
+				"Installing @vendor/auth-module...",
+				"",
+				"✓ Package installed",
+				"✓ Server module wired in modules.ts",
+				"✓ Client module wired in modules.client.ts",
+				"✓ TypeScript types available",
+				"",
+				"Module ready to use!"
+			]
+		},
+		{
+			input: "kuckit doctor",
+			output: [
+				"Checking project setup...",
+				"",
+				"✓ kuckit.config.ts found",
+				"✓ All modules registered",
+				"✓ No circular dependencies",
+				"✓ AGENTS.md in all packages",
+				"✓ Pre-commit hooks configured",
+				"",
+				"All checks passed!"
+			]
+		}
+	];
+	const [activeCommand, setActiveCommand] = useState(0);
+	const [displayedLines, setDisplayedLines] = useState([]);
+	const [isTyping, setIsTyping] = useState(true);
+	const [typedInput, setTypedInput] = useState("");
+	useEffect(() => {
+		const command = commands[activeCommand];
+		let inputIndex = 0;
+		let outputIndex = 0;
+		setDisplayedLines([]);
+		setTypedInput("");
+		setIsTyping(true);
+		const inputInterval = setInterval(() => {
+			if (inputIndex <= command.input.length) {
+				setTypedInput(command.input.slice(0, inputIndex));
+				inputIndex++;
+			} else {
+				clearInterval(inputInterval);
+				setIsTyping(false);
+				const outputInterval = setInterval(() => {
+					if (outputIndex < command.output.length) {
+						setDisplayedLines((prev) => [...prev, command.output[outputIndex]]);
+						outputIndex++;
+					} else {
+						clearInterval(outputInterval);
+						setTimeout(() => {
+							setActiveCommand((prev) => (prev + 1) % commands.length);
+						}, 3e3);
+					}
+				}, 100);
+			}
+		}, 50);
+		return () => {
+			clearInterval(inputInterval);
+		};
+	}, [activeCommand]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "py-24 px-6 relative",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-emerald-500/5 to-transparent pointer-events-none" }), /* @__PURE__ */ jsxs("div", {
+			className: "max-w-4xl mx-auto relative",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-12",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold text-white mb-6",
+						children: "Powerful CLI"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-xl text-white/60",
+						children: "Generate, add, search, and validate modules from the command line."
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-2xl border border-white/10 bg-black/80 backdrop-blur-sm overflow-hidden shadow-2xl",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 px-4 py-3 bg-white/5 border-b border-white/10",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex gap-1.5",
+							children: [
+								/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-red-500/80" }),
+								/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500/80" }),
+								/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-green-500/80" })
+							]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-white/40 text-sm font-mono ml-2",
+							children: "terminal"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "p-6 font-mono text-sm min-h-[320px]",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 mb-4",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "text-emerald-400",
+									children: "$"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-white",
+									children: typedInput
+								}),
+								isTyping && /* @__PURE__ */ jsx("span", { className: "w-2 h-5 bg-white/80 animate-pulse" })
+							]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "space-y-0.5",
+							children: displayedLines.map((line, index) => /* @__PURE__ */ jsx("div", {
+								className: `${line?.startsWith("✓") ? "text-emerald-400" : line?.includes("!") ? "text-white" : "text-white/60"}`,
+								children: line || "\xA0"
+							}, index))
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-center gap-2 mt-6",
+					children: commands.map((_, index) => /* @__PURE__ */ jsx("button", {
+						onClick: () => setActiveCommand(index),
+						className: `w-2 h-2 rounded-full transition-all ${index === activeCommand ? "bg-emerald-400 w-6" : "bg-white/20 hover:bg-white/40"}`
+					}, index))
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/faq.tsx
+const faqItems = [
+	{
+		id: "seller-1",
+		category: "seller",
+		question: "Can I develop and sell my own Kuckit modules?",
+		answer: "Yes. You can develop complete, production-ready modules extending Kuckit functionality. Set your own pricing and publish them to the Kuckit marketplace."
+	},
+	{
+		id: "seller-2",
+		category: "seller",
+		question: "What pricing models are available for my module?",
+		answer: "You have full control over your pricing strategy. Choose between one-time payments (pay once, own forever) or subscription models (recurring billing). Each module can use a different model."
+	},
+	{
+		id: "seller-3",
+		category: "seller",
+		question: "How does the partnership program work?",
+		answer: "If you want to partner with Kuckit, your module can be integrated into the core platform. As a partner, you receive revenue share benefits whenever Kuckit generates sales, giving you passive income from the platform's growth."
+	},
+	{
+		id: "seller-4",
+		category: "seller",
+		question: "What are the requirements for marketplace publishing?",
+		answer: "Modules must follow Kuckit's Clean Architecture patterns, include proper documentation, and pass quality checks. Review our module development guide for detailed requirements."
+	},
+	{
+		id: "seller-5",
+		category: "seller",
+		question: "Can I update my module after publishing?",
+		answer: "Absolutely. You can release new versions anytime. Existing customers are notified of updates, and you control version management and backwards compatibility."
+	},
+	{
+		id: "general-1",
+		category: "general",
+		question: "What is Kuckit?",
+		answer: "Kuckit is a full-stack, modular platform built on Clean Architecture and Dependency Injection. It provides a professional foundation for building scalable applications with a plugin-based module system."
+	},
+	{
+		id: "general-2",
+		category: "general",
+		question: "What is the Kuckit business model?",
+		answer: "Kuckit provides a foundation platform for building applications. Module creators can publish to the marketplace with flexible pricing (one-time or subscription), and partners can integrate modules into core for revenue sharing benefits."
+	},
+	{
+		id: "general-3",
+		category: "general",
+		question: "What technology stack does Kuckit use?",
+		answer: "Kuckit is built with TypeScript, React (frontend), Express (backend), Drizzle ORM, and features comprehensive tooling. The modular architecture lets you swap implementations as needed."
+	}
+];
+function FAQ() {
+	const [expandedId, setExpandedId] = useState(null);
+	const sellerFaqs = faqItems.filter((item) => item.category === "seller");
+	const generalFaqs = faqItems.filter((item) => item.category === "general");
+	return /* @__PURE__ */ jsx("section", {
+		className: "relative py-20 px-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-16",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-emerald-400 via-teal-400 to-cyan-400 bg-clip-text text-transparent",
+						children: "Frequently Asked Questions"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-white/60 text-lg",
+						children: "Everything you need to know about developing, selling, and partnering with Kuckit"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mb-16",
+					children: [/* @__PURE__ */ jsxs("h3", {
+						className: "text-2xl font-bold text-emerald-400 mb-8 flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("div", { className: "w-1 h-8 bg-gradient-to-b from-emerald-400 to-teal-500 rounded-full" }), "For Module Sellers"]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "space-y-3",
+						children: sellerFaqs.map((item) => /* @__PURE__ */ jsx(FAQItem, {
+							item,
+							isExpanded: expandedId === item.id,
+							onToggle: () => setExpandedId(expandedId === item.id ? null : item.id)
+						}, item.id))
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h3", {
+					className: "text-2xl font-bold text-teal-400 mb-8 flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("div", { className: "w-1 h-8 bg-gradient-to-b from-teal-400 to-cyan-500 rounded-full" }), "General"]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "space-y-3",
+					children: generalFaqs.map((item) => /* @__PURE__ */ jsx(FAQItem, {
+						item,
+						isExpanded: expandedId === item.id,
+						onToggle: () => setExpandedId(expandedId === item.id ? null : item.id)
+					}, item.id))
+				})] })
+			]
+		})
+	});
+}
+function FAQItem({ item, isExpanded, onToggle }) {
+	return /* @__PURE__ */ jsxs("button", {
+		onClick: onToggle,
+		className: "w-full text-left bg-white/5 hover:bg-white/10 border border-white/10 rounded-lg p-5 transition-all duration-200",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start justify-between gap-4",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-base md:text-lg font-semibold text-white pr-4",
+				children: item.question
+			}), /* @__PURE__ */ jsx(ChevronDown, {
+				size: 20,
+				className: `flex-shrink-0 text-emerald-400 transition-transform duration-300 ${isExpanded ? "rotate-180" : ""}`
+			})]
+		}), isExpanded && /* @__PURE__ */ jsx("p", {
+			className: "text-white/70 mt-4 text-sm md:text-base leading-relaxed",
+			children: item.answer
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/WaitlistForm.tsx
+function WaitlistForm({ source = "landing", className }) {
+	const rpc = useRpc();
+	const [email, setEmail] = useState("");
+	const [state, setState] = useState("idle");
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setState("loading");
+		try {
+			const result = await rpc.waitlist.join({
+				email,
+				source
+			});
+			if (result.success) {
+				toast.success(result.message);
+				setEmail("");
+			} else toast.error(result.message || "Something went wrong. Please try again.");
+		} catch (error) {
+			console.error("Waitlist submission error:", error);
+			toast.error("Network error. Please try again.");
+		} finally {
+			setState("idle");
+		}
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit,
+		className: `flex flex-col sm:flex-row gap-3 ${className}`,
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "email",
+			value: email,
+			onChange: (e) => setEmail(e.target.value),
+			placeholder: "Enter your email",
+			required: true,
+			disabled: state === "loading",
+			className: "flex-1 px-5 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder:text-white/40 focus:outline-none focus:border-emerald-500/50 focus:ring-2 focus:ring-emerald-500/20 transition-all disabled:opacity-50"
+		}), /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			disabled: state === "loading",
+			className: "px-6 py-3 rounded-xl bg-white/10 border border-white/20 font-medium text-white hover:bg-white/15 transition-colors shrink-0 disabled:opacity-50 disabled:cursor-not-allowed",
+			children: state === "loading" ? "Joining..." : "Join Waitlist"
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/cta-section.tsx
+function CtaSection() {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "py-32 px-6 relative overflow-hidden",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 pointer-events-none",
+			children: /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-emerald-500/20 via-teal-500/10 to-transparent rounded-full blur-3xl" })
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "max-w-4xl mx-auto relative",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "relative rounded-3xl border border-white/10 bg-white/[0.02] backdrop-blur-sm p-12 md:p-16 text-center",
+				children: [
+					/* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-24 h-24 border-l-2 border-t-2 border-emerald-500/30 rounded-tl-3xl" }),
+					/* @__PURE__ */ jsx("div", { className: "absolute bottom-0 right-0 w-24 h-24 border-r-2 border-b-2 border-teal-500/30 rounded-br-3xl" }),
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-4xl md:text-5xl font-bold text-white mb-6",
+						children: "Ready to Build?"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xl text-white/60 mb-10 max-w-xl mx-auto",
+						children: "Join thousands of developers building modular TypeScript applications."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col sm:flex-row items-center justify-center gap-4 mb-12",
+						children: [/* @__PURE__ */ jsxs("a", {
+							href: "/docs",
+							className: "group relative px-8 py-4 bg-gradient-to-r from-emerald-500 to-teal-500 rounded-xl font-semibold text-black transition-all hover:scale-105 hover:shadow-lg hover:shadow-emerald-500/25",
+							children: ["Read the Docs", /* @__PURE__ */ jsx("span", { className: "absolute inset-0 rounded-xl bg-gradient-to-r from-emerald-400 to-teal-400 opacity-0 group-hover:opacity-100 transition-opacity blur-xl -z-10" })]
+						}), /* @__PURE__ */ jsxs("a", {
+							href: "https://github.com/kuckit",
+							className: "px-8 py-4 rounded-xl font-semibold text-white border border-white/20 bg-white/5 hover:bg-white/10 hover:border-white/30 transition-all flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("svg", {
+								className: "w-5 h-5",
+								fill: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									fillRule: "evenodd",
+									clipRule: "evenodd",
+									d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+								})
+							}), "View on GitHub"]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-4 mb-10",
+						children: [
+							/* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-white/10" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-white/40 text-sm",
+								children: "or join the marketplace waitlist"
+							}),
+							/* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-white/10" })
+						]
+					}),
+					/* @__PURE__ */ jsx(WaitlistForm, {
+						source: "cta-section",
+						className: "max-w-md mx-auto"
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-3 gap-6 mt-12",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-3xl md:text-4xl font-bold text-white mb-1",
+							children: "100%"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-white/50 text-sm",
+							children: "TypeScript"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-3xl md:text-4xl font-bold text-white mb-1",
+							children: "5 min"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-white/50 text-sm",
+							children: "To first module"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-3xl md:text-4xl font-bold text-white mb-1",
+							children: "∞"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-white/50 text-sm",
+							children: "Modules possible"
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/components/LandingPage.tsx
+function LandingPage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-h-screen bg-[#0a0a0b] text-white overflow-x-hidden",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "fixed inset-0 pointer-events-none",
+				children: [/* @__PURE__ */ jsx("div", { className: "absolute top-0 left-1/4 w-[600px] h-[600px] bg-emerald-500/10 rounded-full blur-[120px] animate-pulse" }), /* @__PURE__ */ jsx("div", { className: "absolute bottom-1/4 right-1/4 w-[400px] h-[400px] bg-teal-500/8 rounded-full blur-[100px] animate-pulse delay-1000" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative z-10",
+				children: [
+					/* @__PURE__ */ jsx(Hero, {}),
+					/* @__PURE__ */ jsx(ValueProps, {}),
+					/* @__PURE__ */ jsx(CodeQuality, {}),
+					/* @__PURE__ */ jsx(ModuleShowcase, {}),
+					/* @__PURE__ */ jsx(HowItWorks, {}),
+					/* @__PURE__ */ jsx(ArchitecturePreview, {}),
+					/* @__PURE__ */ jsx(CliDemo, {}),
+					/* @__PURE__ */ jsx(FAQ, {}),
+					/* @__PURE__ */ jsx(CtaSection, {})
+				]
+			}),
+			/* @__PURE__ */ jsx("footer", {
+				className: "relative z-10 border-t border-white/5 py-12",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-6xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "w-8 h-8 rounded-lg bg-gradient-to-br from-emerald-400 to-teal-500 flex items-center justify-center",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "text-black font-bold text-sm",
+								children: "K"
+							})
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-white/60 text-sm",
+							children: ["Kuckit © ", (/* @__PURE__ */ new Date()).getFullYear()]
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-8 text-sm text-white/40",
+						children: [
+							/* @__PURE__ */ jsx("a", {
+								href: "/docs",
+								className: "hover:text-white transition-colors",
+								children: "Docs"
+							}),
+							/* @__PURE__ */ jsx("a", {
+								href: "https://github.com/kuckit",
+								className: "hover:text-white transition-colors",
+								children: "GitHub"
+							}),
+							/* @__PURE__ */ jsx("a", {
+								href: "/discord",
+								className: "hover:text-white transition-colors",
+								children: "Discord"
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/index.ts
+const kuckitClientModule = defineKuckitClientModule({
+	id: "kuckit.landing",
+	displayName: "Landing",
+	version: "0.1.0",
+	register(ctx) {
+		ctx.registerComponent("LandingPage", LandingPage);
+		ctx.addRoute({
+			id: "landing",
+			path: "/",
+			component: LandingPage,
+			meta: {
+				title: "Kuckit - Build Modules. Earn Revenue. Ship Faster.",
+				requiresAuth: false
+			}
+		});
+	}
+});
+
+//#endregion
+export { LandingPage, kuckitClientModule };
+//# sourceMappingURL=index.js.map