@kuckit/landing-module 3.0.2 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/index.js +1453 -1102
- package/dist/client/index.js.map +1 -1
- package/package.json +6 -5
package/dist/client/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["modules: Module[]","colorMap: Record<ModuleColor, { bg: string; border: string; text: string }>","layers: Layer[]","colorMap: Record<LayerColor, { bg: string; border: string; text: string; glow: string }>","faqItems: FAQItem[]"],"sources":["../../src/client/components/hero.tsx","../../src/client/components/value-props.tsx","../../src/client/components/code-quality.tsx","../../src/client/components/module-showcase.tsx","../../src/client/components/how-it-works.tsx","../../src/client/components/architecture-preview.tsx","../../src/client/components/cli-demo.tsx","../../src/client/components/faq.tsx","../../src/client/components/WaitlistForm.tsx","../../src/client/components/cta-section.tsx","../../src/client/components/LandingPage.tsx","../../src/client/index.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport function Hero() {\n\tconst [copied, setCopied] = useState(false)\n\n\tconst copyCommand = () => {\n\t\tnavigator.clipboard.writeText('bunx create-kuckit-app my-app')\n\t\tsetCopied(true)\n\t\tsetTimeout(() => setCopied(false), 2000)\n\t}\n\n\treturn (\n\t\t<section className=\"relative min-h-[90vh] flex flex-col items-center justify-center px-6 pt-20\">\n\t\t\t{/* Floating module blocks - decorative */}\n\t\t\t<div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n\t\t\t\t<ModuleBlock className=\"absolute top-[15%] left-[10%] animate-float\" label=\"auth\" />\n\t\t\t\t<ModuleBlock\n\t\t\t\t\tclassName=\"absolute top-[25%] right-[15%] animate-float-delayed\"\n\t\t\t\t\tlabel=\"billing\"\n\t\t\t\t/>\n\t\t\t\t<ModuleBlock\n\t\t\t\t\tclassName=\"absolute bottom-[30%] left-[8%] animate-float-slow\"\n\t\t\t\t\tlabel=\"analytics\"\n\t\t\t\t/>\n\t\t\t\t<ModuleBlock className=\"absolute bottom-[20%] right-[10%] animate-float\" label=\"email\" />\n\t\t\t\t<ModuleBlock\n\t\t\t\t\tclassName=\"absolute top-[40%] left-[20%] animate-float-delayed opacity-50\"\n\t\t\t\t\tlabel=\"storage\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t/>\n\t\t\t\t<ModuleBlock\n\t\t\t\t\tclassName=\"absolute bottom-[40%] right-[20%] animate-float-slow opacity-50\"\n\t\t\t\t\tlabel=\"ai\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div className=\"relative z-10 max-w-4xl mx-auto text-center\">\n\t\t\t\t{/* Badge */}\n\t\t\t\t<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\">\n\t\t\t\t\t<span className=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\" />\n\t\t\t\t\t<span>Marketplace coming soon</span>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Main headline */}\n\t\t\t\t<h1 className=\"text-5xl md:text-7xl font-bold tracking-tight mb-6\">\n\t\t\t\t\t<span className=\"block text-white\">Build Modules.</span>\n\t\t\t\t\t<span className=\"block bg-gradient-to-r from-emerald-400 via-teal-400 to-cyan-400 bg-clip-text text-transparent\">\n\t\t\t\t\t\tEarn Revenue.\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block text-white\">Ship Faster.</span>\n\t\t\t\t</h1>\n\n\t\t\t\t{/* Subheadline */}\n\t\t\t\t<p className=\"text-xl md:text-2xl text-white/60 max-w-2xl mx-auto mb-12 leading-relaxed\">\n\t\t\t\t\tThe TypeScript ecosystem where developers build once and sell forever, while builders ship\n\t\t\t\t\tin hours instead of months.\n\t\t\t\t</p>\n\n\t\t\t\t{/* CTAs */}\n\t\t\t\t<div className=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-12\">\n\t\t\t\t\t<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\">\n\t\t\t\t\t\tGet Started\n\t\t\t\t\t\t<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\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<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\">\n\t\t\t\t\t\tJoin Marketplace Waitlist\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Quick start command */}\n\t\t\t\t<div\n\t\t\t\t\tonClick={copyCommand}\n\t\t\t\t\tclassName=\"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\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"text-emerald-400 font-mono\">$</span>\n\t\t\t\t\t<code className=\"text-white/80 font-mono text-sm\">bunx create-kuckit-app my-app</code>\n\t\t\t\t\t<span className=\"text-white/40 group-hover:text-emerald-400 transition-colors\">\n\t\t\t\t\t\t{copied ? (\n\t\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"M5 13l4 4L19 7\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Scroll indicator */}\n\t\t\t<div className=\"absolute bottom-8 left-1/2 -translate-x-1/2 animate-bounce\">\n\t\t\t\t<svg\n\t\t\t\t\tclassName=\"w-6 h-6 text-white/30\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\td=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<style>{`\n\t\t\t\t@keyframes float {\n\t\t\t\t\t0%, 100% { transform: translateY(0px) rotate(0deg); }\n\t\t\t\t\t50% { transform: translateY(-20px) rotate(3deg); }\n\t\t\t\t}\n\t\t\t\t@keyframes float-delayed {\n\t\t\t\t\t0%, 100% { transform: translateY(0px) rotate(0deg); }\n\t\t\t\t\t50% { transform: translateY(-15px) rotate(-2deg); }\n\t\t\t\t}\n\t\t\t\t@keyframes float-slow {\n\t\t\t\t\t0%, 100% { transform: translateY(0px) rotate(0deg); }\n\t\t\t\t\t50% { transform: translateY(-10px) rotate(1deg); }\n\t\t\t\t}\n\t\t\t\t.animate-float { animation: float 6s ease-in-out infinite; }\n\t\t\t\t.animate-float-delayed { animation: float-delayed 7s ease-in-out infinite; animation-delay: 1s; }\n\t\t\t\t.animate-float-slow { animation: float-slow 8s ease-in-out infinite; animation-delay: 2s; }\n\t\t\t`}</style>\n\t\t</section>\n\t)\n}\n\nfunction ModuleBlock({\n\tclassName = '',\n\tlabel,\n\tsize = 'md',\n}: {\n\tclassName?: string\n\tlabel: string\n\tsize?: 'sm' | 'md'\n}) {\n\tconst sizeClasses = size === 'sm' ? 'w-16 h-16 text-[10px]' : 'w-24 h-24 text-xs'\n\n\treturn (\n\t\t<div className={`${sizeClasses} ${className}`}>\n\t\t\t<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\">\n\t\t\t\t<span className=\"font-mono text-white/50\">{label}</span>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n","export function ValueProps() {\n\tconst columns = [\n\t\t{\n\t\t\ttitle: 'For Builders',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"M13 10V3L4 14h7v7l9-11h-7z\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tcolor: 'emerald',\n\t\t\titems: [\n\t\t\t\t{ label: 'Ship in hours', desc: 'Not weeks or months' },\n\t\t\t\t{ label: 'One command install', desc: 'kuckit add @vendor/module' },\n\t\t\t\t{ label: 'Focus on your product', desc: 'Not boilerplate' },\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: 'For Sellers',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tcolor: 'teal',\n\t\t\titems: [\n\t\t\t\t{ label: 'Build once, sell forever', desc: 'Passive revenue stream' },\n\t\t\t\t{ label: 'Growing marketplace', desc: 'Reach thousands of builders' },\n\t\t\t\t{ label: 'Your code, your pricing', desc: 'Set your own terms' },\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: 'For Everyone',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tcolor: 'cyan',\n\t\t\titems: [\n\t\t\t\t{ label: 'Battle-tested code', desc: 'Community validated' },\n\t\t\t\t{ label: 'Guardrailed quality', desc: 'Enforced standards' },\n\t\t\t\t{ label: 'Type-safe modules', desc: 'End-to-end TypeScript' },\n\t\t\t],\n\t\t},\n\t]\n\n\tconst colorMap = {\n\t\temerald: {\n\t\t\tbg: 'bg-emerald-500/10',\n\t\t\tborder: 'border-emerald-500/20',\n\t\t\ttext: 'text-emerald-400',\n\t\t\tglow: 'group-hover:shadow-emerald-500/10',\n\t\t},\n\t\tteal: {\n\t\t\tbg: 'bg-teal-500/10',\n\t\t\tborder: 'border-teal-500/20',\n\t\t\ttext: 'text-teal-400',\n\t\t\tglow: 'group-hover:shadow-teal-500/10',\n\t\t},\n\t\tcyan: {\n\t\t\tbg: 'bg-cyan-500/10',\n\t\t\tborder: 'border-cyan-500/20',\n\t\t\ttext: 'text-cyan-400',\n\t\t\tglow: 'group-hover:shadow-cyan-500/10',\n\t\t},\n\t}\n\n\treturn (\n\t\t<section className=\"py-24 px-6\">\n\t\t\t<div className=\"max-w-6xl mx-auto\">\n\t\t\t\t<div className=\"grid md:grid-cols-3 gap-6\">\n\t\t\t\t\t{columns.map((col) => {\n\t\t\t\t\t\tconst colors = colorMap[col.color as keyof typeof colorMap]\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\t\tclassName={`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}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Header */}\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-3 mb-8\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={`w-12 h-12 rounded-xl ${colors.bg} ${colors.text} flex items-center justify-center`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{col.icon}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<h3 className=\"text-xl font-semibold text-white\">{col.title}</h3>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Items */}\n\t\t\t\t\t\t\t\t<div className=\"space-y-6\">\n\t\t\t\t\t\t\t\t\t{col.items.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<div key={item.label}>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-white font-medium mb-1\">{item.label}</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-white/50 text-sm\">{item.desc}</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","export function CodeQuality() {\n\tconst features = [\n\t\t{\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\ttitle: 'AGENTS.md in Every Package',\n\t\t\tdesc: 'AI and humans follow the same rules. Clear instructions ensure consistent, maintainable code.',\n\t\t},\n\t\t{\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\ttitle: 'Pre-commit Hooks',\n\t\t\tdesc: \"Bad code can't even be committed. Husky runs checks before every commit.\",\n\t\t},\n\t\t{\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\ttitle: 'CI/CD Validation',\n\t\t\tdesc: 'Nothing merges without passing architecture checks. Every PR is verified.',\n\t\t},\n\t\t{\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\ttitle: 'Clean Architecture Layers',\n\t\t\tdesc: 'Domain, Application, Infrastructure stay separated. Always.',\n\t\t},\n\t]\n\n\treturn (\n\t\t<section className=\"py-24 px-6 relative overflow-hidden\">\n\t\t\t{/* Background accent */}\n\t\t\t<div className=\"absolute inset-0 bg-gradient-to-b from-emerald-500/5 via-transparent to-transparent pointer-events-none\" />\n\n\t\t\t<div className=\"max-w-6xl mx-auto relative\">\n\t\t\t\t{/* Section header */}\n\t\t\t\t<div className=\"max-w-2xl mb-16\">\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\tQuality Guaranteed\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">Code That Stays Clean</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60 leading-relaxed\">\n\t\t\t\t\t\tCodebases rot. AI generates spaghetti. Developers cut corners.\n\t\t\t\t\t\t<span className=\"text-white\"> Kuckit enforces structure automatically.</span>\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Two column layout */}\n\t\t\t\t<div className=\"grid lg:grid-cols-2 gap-12 items-center\">\n\t\t\t\t\t{/* Features list */}\n\t\t\t\t\t<div className=\"space-y-6\">\n\t\t\t\t\t\t{features.map((feature) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={feature.title}\n\t\t\t\t\t\t\t\tclassName=\"group flex gap-4 p-4 rounded-xl hover:bg-white/[0.03] transition-colors\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t{feature.icon}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<h3 className=\"text-white font-semibold mb-1\">{feature.title}</h3>\n\t\t\t\t\t\t\t\t\t<p className=\"text-white/50 text-sm leading-relaxed\">{feature.desc}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Visual comparison */}\n\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t{/* Shield graphic */}\n\t\t\t\t\t\t<div className=\"relative aspect-square max-w-md mx-auto\">\n\t\t\t\t\t\t\t{/* Outer glow */}\n\t\t\t\t\t\t\t<div className=\"absolute inset-0 bg-gradient-to-br from-emerald-500/20 to-teal-500/20 rounded-3xl blur-2xl\" />\n\n\t\t\t\t\t\t\t{/* Shield container */}\n\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t{/* Shield icon */}\n\t\t\t\t\t\t\t\t<div className=\"w-24 h-24 mb-6 relative\">\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full h-full text-emerald-400\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={1}\n\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t<div className=\"absolute inset-0 bg-emerald-400/20 rounded-full blur-xl\" />\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Stats */}\n\t\t\t\t\t\t\t\t<div className=\"text-center mb-6\">\n\t\t\t\t\t\t\t\t\t<div className=\"text-3xl font-bold text-white mb-1\">100%</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-white/50 text-sm\">Architecture Compliance</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Blocked items */}\n\t\t\t\t\t\t\t\t<div className=\"w-full space-y-2\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20\">\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-red-400\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M6 18L18 6M6 6l12 12\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-red-400/80 font-mono\">Circular dependencies</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20\">\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-red-400\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M6 18L18 6M6 6l12 12\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-red-400/80 font-mono\">Layer violations</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 px-3 py-2 rounded-lg bg-red-500/10 border border-red-500/20\">\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-red-400\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M6 18L18 6M6 6l12 12\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-red-400/80 font-mono\">Untyped exports</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","type ModuleColor = 'emerald' | 'teal' | 'cyan' | 'violet' | 'amber' | 'pink'\n\ninterface Module {\n\tname: string\n\ticon: React.ReactNode\n\tdesc: string\n\tcolor: ModuleColor\n}\n\nexport function ModuleShowcase() {\n\tconst modules: Module[] = [\n\t\t{\n\t\t\tname: 'Auth',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'OAuth, MFA, sessions',\n\t\t\tcolor: 'emerald',\n\t\t},\n\t\t{\n\t\t\tname: 'Billing',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'Stripe, subscriptions',\n\t\t\tcolor: 'teal',\n\t\t},\n\t\t{\n\t\t\tname: 'Analytics',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'Events, dashboards',\n\t\t\tcolor: 'cyan',\n\t\t},\n\t\t{\n\t\t\tname: 'Email',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'Transactional, templates',\n\t\t\tcolor: 'violet',\n\t\t},\n\t\t{\n\t\t\tname: 'Storage',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'S3, uploads, CDN',\n\t\t\tcolor: 'amber',\n\t\t},\n\t\t{\n\t\t\tname: 'AI',\n\t\t\ticon: (\n\t\t\t\t<svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t),\n\t\t\tdesc: 'Chat, embeddings',\n\t\t\tcolor: 'pink',\n\t\t},\n\t]\n\n\tconst colorMap: Record<ModuleColor, { bg: string; border: string; text: string }> = {\n\t\temerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400' },\n\t\tteal: { bg: 'bg-teal-500/10', border: 'border-teal-500/30', text: 'text-teal-400' },\n\t\tcyan: { bg: 'bg-cyan-500/10', border: 'border-cyan-500/30', text: 'text-cyan-400' },\n\t\tviolet: { bg: 'bg-violet-500/10', border: 'border-violet-500/30', text: 'text-violet-400' },\n\t\tamber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400' },\n\t\tpink: { bg: 'bg-pink-500/10', border: 'border-pink-500/30', text: 'text-pink-400' },\n\t}\n\n\treturn (\n\t\t<section className=\"py-24 px-6\">\n\t\t\t<div className=\"max-w-6xl mx-auto\">\n\t\t\t\t{/* Section header */}\n\t\t\t\t<div className=\"text-center mb-16\">\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">Modules for Everything</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60 max-w-2xl mx-auto\">\n\t\t\t\t\t\tSkip weeks of development. Install battle-tested modules and focus on what makes your\n\t\t\t\t\t\tproduct unique.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Module grid */}\n\t\t\t\t<div className=\"grid grid-cols-2 md:grid-cols-3 gap-4\">\n\t\t\t\t\t{modules.map((mod) => {\n\t\t\t\t\t\tconst colors = colorMap[mod.color]\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={mod.name}\n\t\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Coming soon badge */}\n\t\t\t\t\t\t\t\t<div className=\"absolute top-3 right-3 px-2 py-0.5 rounded text-[10px] font-medium bg-white/10 text-white/50\">\n\t\t\t\t\t\t\t\t\tSoon\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Icon */}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={`w-12 h-12 rounded-xl ${colors.bg} ${colors.text} flex items-center justify-center mb-4 group-hover:scale-110 transition-transform`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{mod.icon}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t\t<h3 className=\"text-lg font-semibold text-white mb-1\">{mod.name}</h3>\n\t\t\t\t\t\t\t\t<p className=\"text-sm text-white/50\">{mod.desc}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{/* CTA */}\n\t\t\t\t<div className=\"mt-12 text-center\">\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<span>Join waitlist for marketplace access</span>\n\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState } from 'react'\n\nexport function HowItWorks() {\n\tconst [activeTab, setActiveTab] = useState<'builders' | 'sellers'>('builders')\n\n\tconst builderSteps = [\n\t\t{\n\t\t\tstep: '01',\n\t\t\tcommand: 'bunx create-kuckit-app my-app',\n\t\t\ttitle: 'Scaffold your app',\n\t\t\tdesc: 'Get a production-ready TypeScript app with Clean Architecture baked in.',\n\t\t},\n\t\t{\n\t\t\tstep: '02',\n\t\t\tcommand: 'kuckit add @vendor/billing',\n\t\t\ttitle: 'Install modules',\n\t\t\tdesc: 'One command adds both server and client code, wired and ready.',\n\t\t},\n\t\t{\n\t\t\tstep: '03',\n\t\t\tcommand: 'bun run dev',\n\t\t\ttitle: 'Ship it',\n\t\t\tdesc: 'Your app is ready. Maintainable, type-safe, and battle-tested.',\n\t\t},\n\t]\n\n\tconst sellerSteps = [\n\t\t{\n\t\t\tstep: '01',\n\t\t\tcommand: 'kuckit generate module billing',\n\t\t\ttitle: 'Scaffold with AGENTS.md',\n\t\t\tdesc: 'Generated structure includes documentation for AI and human developers.',\n\t\t},\n\t\t{\n\t\t\tstep: '02',\n\t\t\tcommand: 'git commit && git push',\n\t\t\ttitle: 'Build & test',\n\t\t\tdesc: 'Guardrails ensure your module meets quality standards before it ships.',\n\t\t},\n\t\t{\n\t\t\tstep: '03',\n\t\t\tcommand: 'kuckit publish',\n\t\t\ttitle: 'Earn revenue',\n\t\t\tdesc: 'Set your price, publish to the marketplace, and start earning.',\n\t\t},\n\t]\n\n\tconst steps = activeTab === 'builders' ? builderSteps : sellerSteps\n\n\treturn (\n\t\t<section className=\"py-24 px-6 relative\">\n\t\t\t{/* Background */}\n\t\t\t<div className=\"absolute inset-0 bg-gradient-to-b from-transparent via-teal-500/5 to-transparent pointer-events-none\" />\n\n\t\t\t<div className=\"max-w-5xl mx-auto relative\">\n\t\t\t\t{/* Section header */}\n\t\t\t\t<div className=\"text-center mb-12\">\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">How It Works</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60\">Three steps to shipping or selling.</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Tab switcher */}\n\t\t\t\t<div className=\"flex justify-center mb-12\">\n\t\t\t\t\t<div className=\"inline-flex rounded-xl bg-white/5 p-1\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setActiveTab('builders')}\n\t\t\t\t\t\t\tclassName={`px-6 py-2.5 rounded-lg text-sm font-medium transition-all ${\n\t\t\t\t\t\t\t\tactiveTab === 'builders'\n\t\t\t\t\t\t\t\t\t? 'bg-white/10 text-white'\n\t\t\t\t\t\t\t\t\t: 'text-white/50 hover:text-white/80'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tFor Builders\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setActiveTab('sellers')}\n\t\t\t\t\t\t\tclassName={`px-6 py-2.5 rounded-lg text-sm font-medium transition-all ${\n\t\t\t\t\t\t\t\tactiveTab === 'sellers'\n\t\t\t\t\t\t\t\t\t? 'bg-white/10 text-white'\n\t\t\t\t\t\t\t\t\t: 'text-white/50 hover:text-white/80'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tFor Sellers\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Steps */}\n\t\t\t\t<div className=\"space-y-6\">\n\t\t\t\t\t{steps.map((step, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={step.step}\n\t\t\t\t\t\t\tclassName=\"group relative flex gap-6 md:gap-10 items-start p-6 rounded-2xl hover:bg-white/[0.02] transition-colors\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* Step number */}\n\t\t\t\t\t\t\t<div className=\"shrink-0\">\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-emerald-400 font-bold text-lg\">{step.step}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* Connector line */}\n\t\t\t\t\t\t\t\t{index < steps.length - 1 && (\n\t\t\t\t\t\t\t\t\t<div className=\"w-px h-12 bg-gradient-to-b from-emerald-500/30 to-transparent mx-auto mt-4\" />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t<div className=\"flex-1 pt-1\">\n\t\t\t\t\t\t\t\t<h3 className=\"text-xl font-semibold text-white mb-2\">{step.title}</h3>\n\t\t\t\t\t\t\t\t<p className=\"text-white/50 mb-4\">{step.desc}</p>\n\n\t\t\t\t\t\t\t\t{/* Command */}\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-emerald-400\">$</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-white/80\">{step.command}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","type LayerColor = 'emerald' | 'teal' | 'cyan' | 'violet' | 'pink'\n\ninterface Layer {\n\tname: string\n\titems: string[]\n\tcolor: LayerColor\n\tdesc: string\n}\n\nexport function ArchitecturePreview() {\n\tconst layers: Layer[] = [\n\t\t{\n\t\t\tname: 'Interface Layer',\n\t\t\titems: ['apps/web', 'apps/server'],\n\t\t\tcolor: 'emerald',\n\t\t\tdesc: 'React UI + Express API',\n\t\t},\n\t\t{\n\t\t\tname: 'SDK Layer',\n\t\t\titems: ['sdk', 'sdk-react'],\n\t\t\tcolor: 'teal',\n\t\t\tdesc: 'Module system + DI container',\n\t\t},\n\t\t{\n\t\t\tname: 'Application Layer',\n\t\t\titems: ['application', 'api'],\n\t\t\tcolor: 'cyan',\n\t\t\tdesc: 'Use cases + oRPC procedures',\n\t\t},\n\t\t{\n\t\t\tname: 'Domain Layer',\n\t\t\titems: ['domain', 'contracts'],\n\t\t\tcolor: 'violet',\n\t\t\tdesc: 'Entities + Zod schemas',\n\t\t},\n\t\t{\n\t\t\tname: 'Infrastructure Layer',\n\t\t\titems: ['infrastructure', 'db', 'auth'],\n\t\t\tcolor: 'pink',\n\t\t\tdesc: 'Repositories + Drizzle ORM',\n\t\t},\n\t]\n\n\tconst colorMap: Record<LayerColor, { bg: string; border: string; text: string; glow: string }> = {\n\t\temerald: {\n\t\t\tbg: 'bg-emerald-500/10',\n\t\t\tborder: 'border-emerald-500/30',\n\t\t\ttext: 'text-emerald-400',\n\t\t\tglow: 'shadow-emerald-500/20',\n\t\t},\n\t\tteal: {\n\t\t\tbg: 'bg-teal-500/10',\n\t\t\tborder: 'border-teal-500/30',\n\t\t\ttext: 'text-teal-400',\n\t\t\tglow: 'shadow-teal-500/20',\n\t\t},\n\t\tcyan: {\n\t\t\tbg: 'bg-cyan-500/10',\n\t\t\tborder: 'border-cyan-500/30',\n\t\t\ttext: 'text-cyan-400',\n\t\t\tglow: 'shadow-cyan-500/20',\n\t\t},\n\t\tviolet: {\n\t\t\tbg: 'bg-violet-500/10',\n\t\t\tborder: 'border-violet-500/30',\n\t\t\ttext: 'text-violet-400',\n\t\t\tglow: 'shadow-violet-500/20',\n\t\t},\n\t\tpink: {\n\t\t\tbg: 'bg-pink-500/10',\n\t\t\tborder: 'border-pink-500/30',\n\t\t\ttext: 'text-pink-400',\n\t\t\tglow: 'shadow-pink-500/20',\n\t\t},\n\t}\n\n\treturn (\n\t\t<section className=\"py-24 px-6\">\n\t\t\t<div className=\"max-w-6xl mx-auto\">\n\t\t\t\t{/* Section header */}\n\t\t\t\t<div className=\"text-center mb-16\">\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\tClean Architecture\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">\n\t\t\t\t\t\tEvery Module, Same Structure\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60 max-w-2xl mx-auto\">\n\t\t\t\t\t\tClear boundaries between layers. AGENTS.md in every package ensures AI and humans build\n\t\t\t\t\t\tconsistently.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Architecture diagram */}\n\t\t\t\t<div className=\"max-w-3xl mx-auto space-y-3\">\n\t\t\t\t\t{layers.map((layer, index) => {\n\t\t\t\t\t\tconst colors = colorMap[layer.color]\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={layer.name} className=\"relative group\">\n\t\t\t\t\t\t\t\t{/* Connection line */}\n\t\t\t\t\t\t\t\t{index < layers.length - 1 && (\n\t\t\t\t\t\t\t\t\t<div className=\"absolute left-1/2 -bottom-3 w-px h-3 bg-white/10\" />\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* Layer card */}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={`relative rounded-xl border ${colors.border} ${colors.bg} p-5 hover:shadow-lg ${colors.glow} transition-all`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col md:flex-row md:items-center gap-4\">\n\t\t\t\t\t\t\t\t\t\t{/* Layer name */}\n\t\t\t\t\t\t\t\t\t\t<div className=\"md:w-48 shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 className={`font-semibold ${colors.text}`}>{layer.name}</h3>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"text-white/40 text-sm\">{layer.desc}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* Packages */}\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap gap-2 flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t{layer.items.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-black/30 border border-white/10\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"w-2 h-2 rounded-full bg-white/30\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-sm font-mono text-white/70\">{item}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* AGENTS.md indicator */}\n\t\t\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-3.5 h-3.5 text-emerald-400\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-xs font-mono text-emerald-400\">AGENTS.md</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Direction arrows */}\n\t\t\t\t<div className=\"mt-8 flex justify-center\">\n\t\t\t\t\t<div className=\"flex items-center gap-2 text-sm text-white/40\">\n\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\td=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span>Dependencies flow down only</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState, useEffect } from 'react'\n\nexport function CliDemo() {\n\tconst commands = [\n\t\t{\n\t\t\tinput: 'kuckit generate module billing',\n\t\t\toutput: [\n\t\t\t\t'Creating module: @myapp/billing-module',\n\t\t\t\t' Directory: ./packages/billing-module',\n\t\t\t\t'',\n\t\t\t\t'✓ Created src/server/module.ts',\n\t\t\t\t'✓ Created src/client/index.ts',\n\t\t\t\t'✓ Created AGENTS.md',\n\t\t\t\t'✓ Created package.json',\n\t\t\t\t'',\n\t\t\t\t'Module created successfully!',\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tinput: 'kuckit add @vendor/auth-module',\n\t\t\toutput: [\n\t\t\t\t'Installing @vendor/auth-module...',\n\t\t\t\t'',\n\t\t\t\t'✓ Package installed',\n\t\t\t\t'✓ Server module wired in modules.ts',\n\t\t\t\t'✓ Client module wired in modules.client.ts',\n\t\t\t\t'✓ TypeScript types available',\n\t\t\t\t'',\n\t\t\t\t'Module ready to use!',\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tinput: 'kuckit doctor',\n\t\t\toutput: [\n\t\t\t\t'Checking project setup...',\n\t\t\t\t'',\n\t\t\t\t'✓ kuckit.config.ts found',\n\t\t\t\t'✓ All modules registered',\n\t\t\t\t'✓ No circular dependencies',\n\t\t\t\t'✓ AGENTS.md in all packages',\n\t\t\t\t'✓ Pre-commit hooks configured',\n\t\t\t\t'',\n\t\t\t\t'All checks passed!',\n\t\t\t],\n\t\t},\n\t]\n\n\tconst [activeCommand, setActiveCommand] = useState(0)\n\tconst [displayedLines, setDisplayedLines] = useState<string[]>([])\n\tconst [isTyping, setIsTyping] = useState(true)\n\tconst [typedInput, setTypedInput] = useState('')\n\n\tuseEffect(() => {\n\t\tconst command = commands[activeCommand]\n\t\tif (!command) return\n\n\t\tlet inputIndex = 0\n\t\tlet outputIndex = 0\n\t\tsetDisplayedLines([])\n\t\tsetTypedInput('')\n\t\tsetIsTyping(true)\n\n\t\t// Type the input command\n\t\tconst inputInterval = setInterval(() => {\n\t\t\tif (inputIndex <= command.input.length) {\n\t\t\t\tsetTypedInput(command.input.slice(0, inputIndex))\n\t\t\t\tinputIndex++\n\t\t\t} else {\n\t\t\t\tclearInterval(inputInterval)\n\t\t\t\tsetIsTyping(false)\n\n\t\t\t\t// Then show output lines\n\t\t\t\tconst outputInterval = setInterval(() => {\n\t\t\t\t\tif (outputIndex < command.output.length) {\n\t\t\t\t\t\tconst line = command.output[outputIndex]\n\t\t\t\t\t\tif (line !== undefined) {\n\t\t\t\t\t\t\tsetDisplayedLines((prev) => [...prev, line])\n\t\t\t\t\t\t}\n\t\t\t\t\t\toutputIndex++\n\t\t\t\t\t} else {\n\t\t\t\t\t\tclearInterval(outputInterval)\n\n\t\t\t\t\t\t// Move to next command after delay\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tsetActiveCommand((prev) => (prev + 1) % commands.length)\n\t\t\t\t\t\t}, 3000)\n\t\t\t\t\t}\n\t\t\t\t}, 100)\n\t\t\t}\n\t\t}, 50)\n\n\t\treturn () => {\n\t\t\tclearInterval(inputInterval)\n\t\t}\n\t}, [activeCommand])\n\n\treturn (\n\t\t<section className=\"py-24 px-6 relative\">\n\t\t\t{/* Background */}\n\t\t\t<div className=\"absolute inset-0 bg-gradient-to-b from-transparent via-emerald-500/5 to-transparent pointer-events-none\" />\n\n\t\t\t<div className=\"max-w-4xl mx-auto relative\">\n\t\t\t\t{/* Section header */}\n\t\t\t\t<div className=\"text-center mb-12\">\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">Powerful CLI</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60\">\n\t\t\t\t\t\tGenerate, add, search, and validate modules from the command line.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Terminal */}\n\t\t\t\t<div className=\"rounded-2xl border border-white/10 bg-black/80 backdrop-blur-sm overflow-hidden shadow-2xl\">\n\t\t\t\t\t{/* Terminal header */}\n\t\t\t\t\t<div className=\"flex items-center gap-2 px-4 py-3 bg-white/5 border-b border-white/10\">\n\t\t\t\t\t\t<div className=\"flex gap-1.5\">\n\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-red-500/80\" />\n\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-yellow-500/80\" />\n\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-green-500/80\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span className=\"text-white/40 text-sm font-mono ml-2\">terminal</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Terminal body */}\n\t\t\t\t\t<div className=\"p-6 font-mono text-sm min-h-[320px]\">\n\t\t\t\t\t\t{/* Input line */}\n\t\t\t\t\t\t<div className=\"flex items-center gap-2 mb-4\">\n\t\t\t\t\t\t\t<span className=\"text-emerald-400\">$</span>\n\t\t\t\t\t\t\t<span className=\"text-white\">{typedInput}</span>\n\t\t\t\t\t\t\t{isTyping && <span className=\"w-2 h-5 bg-white/80 animate-pulse\" />}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Output lines */}\n\t\t\t\t\t\t<div className=\"space-y-0.5\">\n\t\t\t\t\t\t\t{displayedLines.map((line, index) => (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\tline?.startsWith('✓')\n\t\t\t\t\t\t\t\t\t\t\t? 'text-emerald-400'\n\t\t\t\t\t\t\t\t\t\t\t: line?.includes('!')\n\t\t\t\t\t\t\t\t\t\t\t\t? 'text-white'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'text-white/60'\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{line || '\\u00A0'}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Command tabs */}\n\t\t\t\t<div className=\"flex justify-center gap-2 mt-6\">\n\t\t\t\t\t{commands.map((_, index) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tonClick={() => setActiveCommand(index)}\n\t\t\t\t\t\t\tclassName={`w-2 h-2 rounded-full transition-all ${\n\t\t\t\t\t\t\t\tindex === activeCommand ? 'bg-emerald-400 w-6' : 'bg-white/20 hover:bg-white/40'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\n\ninterface FAQItem {\n\tid: string\n\tquestion: string\n\tanswer: string\n\tcategory: 'seller' | 'general'\n}\n\nconst faqItems: FAQItem[] = [\n\t{\n\t\tid: 'seller-1',\n\t\tcategory: 'seller',\n\t\tquestion: 'Can I develop and sell my own Kuckit modules?',\n\t\tanswer:\n\t\t\t'Yes. You can develop complete, production-ready modules extending Kuckit functionality. Set your own pricing and publish them to the Kuckit marketplace.',\n\t},\n\t{\n\t\tid: 'seller-2',\n\t\tcategory: 'seller',\n\t\tquestion: 'What pricing models are available for my module?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'seller-3',\n\t\tcategory: 'seller',\n\t\tquestion: 'How does the partnership program work?',\n\t\tanswer:\n\t\t\t\"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.\",\n\t},\n\t{\n\t\tid: 'seller-4',\n\t\tcategory: 'seller',\n\t\tquestion: 'What are the requirements for marketplace publishing?',\n\t\tanswer:\n\t\t\t\"Modules must follow Kuckit's Clean Architecture patterns, include proper documentation, and pass quality checks. Review our module development guide for detailed requirements.\",\n\t},\n\t{\n\t\tid: 'seller-5',\n\t\tcategory: 'seller',\n\t\tquestion: 'Can I update my module after publishing?',\n\t\tanswer:\n\t\t\t'Absolutely. You can release new versions anytime. Existing customers are notified of updates, and you control version management and backwards compatibility.',\n\t},\n\t{\n\t\tid: 'general-1',\n\t\tcategory: 'general',\n\t\tquestion: 'What is Kuckit?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'general-2',\n\t\tcategory: 'general',\n\t\tquestion: 'What is the Kuckit business model?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'general-3',\n\t\tcategory: 'general',\n\t\tquestion: 'What technology stack does Kuckit use?',\n\t\tanswer:\n\t\t\t'Kuckit is built with TypeScript, React (frontend), Express (backend), Drizzle ORM, and features comprehensive tooling. The modular architecture lets you swap implementations as needed.',\n\t},\n]\n\nexport function FAQ() {\n\tconst [expandedId, setExpandedId] = useState<string | null>(null)\n\n\tconst sellerFaqs = faqItems.filter((item) => item.category === 'seller')\n\tconst generalFaqs = faqItems.filter((item) => item.category === 'general')\n\n\treturn (\n\t\t<section className=\"relative py-20 px-6\">\n\t\t\t<div className=\"max-w-4xl mx-auto\">\n\t\t\t\t{/* Header */}\n\t\t\t\t<div className=\"text-center mb-16\">\n\t\t\t\t\t<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\">\n\t\t\t\t\t\tFrequently Asked Questions\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p className=\"text-white/60 text-lg\">\n\t\t\t\t\t\tEverything you need to know about developing, selling, and partnering with Kuckit\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{/* For Sellers Section */}\n\t\t\t\t<div className=\"mb-16\">\n\t\t\t\t\t<h3 className=\"text-2xl font-bold text-emerald-400 mb-8 flex items-center gap-2\">\n\t\t\t\t\t\t<div className=\"w-1 h-8 bg-gradient-to-b from-emerald-400 to-teal-500 rounded-full\" />\n\t\t\t\t\t\tFor Module Sellers\n\t\t\t\t\t</h3>\n\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t{sellerFaqs.map((item) => (\n\t\t\t\t\t\t\t<FAQItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\tisExpanded={expandedId === item.id}\n\t\t\t\t\t\t\t\tonToggle={() => setExpandedId(expandedId === item.id ? null : item.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* General Section */}\n\t\t\t\t<div>\n\t\t\t\t\t<h3 className=\"text-2xl font-bold text-teal-400 mb-8 flex items-center gap-2\">\n\t\t\t\t\t\t<div className=\"w-1 h-8 bg-gradient-to-b from-teal-400 to-cyan-500 rounded-full\" />\n\t\t\t\t\t\tGeneral\n\t\t\t\t\t</h3>\n\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t{generalFaqs.map((item) => (\n\t\t\t\t\t\t\t<FAQItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\tisExpanded={expandedId === item.id}\n\t\t\t\t\t\t\t\tonToggle={() => setExpandedId(expandedId === item.id ? null : item.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface FAQItemProps {\n\titem: FAQItem\n\tisExpanded: boolean\n\tonToggle: () => void\n}\n\nfunction FAQItem({ item, isExpanded, onToggle }: FAQItemProps) {\n\treturn (\n\t\t<button\n\t\t\tonClick={onToggle}\n\t\t\tclassName=\"w-full text-left bg-white/5 hover:bg-white/10 border border-white/10 rounded-lg p-5 transition-all duration-200\"\n\t\t>\n\t\t\t<div className=\"flex items-start justify-between gap-4\">\n\t\t\t\t<span className=\"text-base md:text-lg font-semibold text-white pr-4\">{item.question}</span>\n\t\t\t\t<ChevronDown\n\t\t\t\t\tsize={20}\n\t\t\t\t\tclassName={`flex-shrink-0 text-emerald-400 transition-transform duration-300 ${\n\t\t\t\t\t\tisExpanded ? 'rotate-180' : ''\n\t\t\t\t\t}`}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{isExpanded && (\n\t\t\t\t<p className=\"text-white/70 mt-4 text-sm md:text-base leading-relaxed\">{item.answer}</p>\n\t\t\t)}\n\t\t</button>\n\t)\n}\n","'use client'\n\nimport { useState, type FormEvent } from 'react'\nimport { toast } from 'sonner'\nimport { useRpc } from '@kuckit/sdk-react'\n\ntype FormState = 'idle' | 'loading'\n\ninterface WaitlistRouter {\n\twaitlist: {\n\t\tjoin: (input: {\n\t\t\temail: string\n\t\t\tsource?: string\n\t\t}) => Promise<{ success: boolean; message: string }>\n\t}\n}\n\ninterface WaitlistFormProps {\n\tsource?: string\n\tclassName?: string\n}\n\nexport function WaitlistForm({ source = 'landing', className }: WaitlistFormProps) {\n\tconst rpc = useRpc<WaitlistRouter>()\n\tconst [email, setEmail] = useState('')\n\tconst [state, setState] = useState<FormState>('idle')\n\n\tconst handleSubmit = async (e: FormEvent) => {\n\t\te.preventDefault()\n\t\tsetState('loading')\n\n\t\ttry {\n\t\t\tconst result = await rpc.waitlist.join({ email, source })\n\n\t\t\tif (result.success) {\n\t\t\t\ttoast.success(result.message)\n\t\t\t\tsetEmail('')\n\t\t\t} else {\n\t\t\t\ttoast.error(result.message || 'Something went wrong. Please try again.')\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Waitlist submission error:', error)\n\t\t\ttoast.error('Network error. Please try again.')\n\t\t} finally {\n\t\t\tsetState('idle')\n\t\t}\n\t}\n\n\treturn (\n\t\t<form onSubmit={handleSubmit} className={`flex flex-col sm:flex-row gap-3 ${className}`}>\n\t\t\t<input\n\t\t\t\ttype=\"email\"\n\t\t\t\tvalue={email}\n\t\t\t\tonChange={(e) => setEmail(e.target.value)}\n\t\t\t\tplaceholder=\"Enter your email\"\n\t\t\t\trequired\n\t\t\t\tdisabled={state === 'loading'}\n\t\t\t\tclassName=\"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\"\n\t\t\t/>\n\t\t\t<button\n\t\t\t\ttype=\"submit\"\n\t\t\t\tdisabled={state === 'loading'}\n\t\t\t\tclassName=\"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\"\n\t\t\t>\n\t\t\t\t{state === 'loading' ? 'Joining...' : 'Join Waitlist'}\n\t\t\t</button>\n\t\t</form>\n\t)\n}\n","import { WaitlistForm } from './WaitlistForm'\n\nexport function CtaSection() {\n\treturn (\n\t\t<section className=\"py-32 px-6 relative overflow-hidden\">\n\t\t\t{/* Background effects */}\n\t\t\t<div className=\"absolute inset-0 pointer-events-none\">\n\t\t\t\t<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\" />\n\t\t\t</div>\n\n\t\t\t<div className=\"max-w-4xl mx-auto relative\">\n\t\t\t\t{/* Main CTA card */}\n\t\t\t\t<div className=\"relative rounded-3xl border border-white/10 bg-white/[0.02] backdrop-blur-sm p-12 md:p-16 text-center\">\n\t\t\t\t\t{/* Decorative corners */}\n\t\t\t\t\t<div className=\"absolute top-0 left-0 w-24 h-24 border-l-2 border-t-2 border-emerald-500/30 rounded-tl-3xl\" />\n\t\t\t\t\t<div className=\"absolute bottom-0 right-0 w-24 h-24 border-r-2 border-b-2 border-teal-500/30 rounded-br-3xl\" />\n\n\t\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-bold text-white mb-6\">Ready to Build?</h2>\n\t\t\t\t\t<p className=\"text-xl text-white/60 mb-10 max-w-xl mx-auto\">\n\t\t\t\t\t\tJoin thousands of developers building modular TypeScript applications.\n\t\t\t\t\t</p>\n\n\t\t\t\t\t{/* Buttons */}\n\t\t\t\t\t<div className=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-12\">\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/docs\"\n\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tRead the Docs\n\t\t\t\t\t\t\t<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\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"https://github.com/kuckit\"\n\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg className=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\tView on GitHub\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Divider */}\n\t\t\t\t\t<div className=\"flex items-center gap-4 mb-10\">\n\t\t\t\t\t\t<div className=\"flex-1 h-px bg-white/10\" />\n\t\t\t\t\t\t<span className=\"text-white/40 text-sm\">or join the marketplace waitlist</span>\n\t\t\t\t\t\t<div className=\"flex-1 h-px bg-white/10\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Waitlist form */}\n\t\t\t\t\t<WaitlistForm source=\"cta-section\" className=\"max-w-md mx-auto\" />\n\t\t\t\t</div>\n\n\t\t\t\t{/* Stats */}\n\t\t\t\t<div className=\"grid grid-cols-3 gap-6 mt-12\">\n\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t<div className=\"text-3xl md:text-4xl font-bold text-white mb-1\">100%</div>\n\t\t\t\t\t\t<div className=\"text-white/50 text-sm\">TypeScript</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t<div className=\"text-3xl md:text-4xl font-bold text-white mb-1\">5 min</div>\n\t\t\t\t\t\t<div className=\"text-white/50 text-sm\">To first module</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t<div className=\"text-3xl md:text-4xl font-bold text-white mb-1\">∞</div>\n\t\t\t\t\t\t<div className=\"text-white/50 text-sm\">Modules possible</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { Hero } from './hero'\nimport { ValueProps } from './value-props'\nimport { CodeQuality } from './code-quality'\nimport { ModuleShowcase } from './module-showcase'\nimport { HowItWorks } from './how-it-works'\nimport { ArchitecturePreview } from './architecture-preview'\nimport { CliDemo } from './cli-demo'\nimport { FAQ } from './faq'\nimport { CtaSection } from './cta-section'\n\nexport function LandingPage() {\n\treturn (\n\t\t<div className=\"min-h-screen bg-[#0a0a0b] text-white overflow-x-hidden\">\n\t\t\t{/* Ambient background */}\n\t\t\t<div className=\"fixed inset-0 pointer-events-none\">\n\t\t\t\t<div className=\"absolute top-0 left-1/4 w-[600px] h-[600px] bg-emerald-500/10 rounded-full blur-[120px] animate-pulse\" />\n\t\t\t\t<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\" />\n\t\t\t</div>\n\n\t\t\t<div className=\"relative z-10\">\n\t\t\t\t<Hero />\n\t\t\t\t<ValueProps />\n\t\t\t\t<CodeQuality />\n\t\t\t\t<ModuleShowcase />\n\t\t\t\t<HowItWorks />\n\t\t\t\t<ArchitecturePreview />\n\t\t\t\t<CliDemo />\n\t\t\t\t<FAQ />\n\t\t\t\t<CtaSection />\n\t\t\t</div>\n\n\t\t\t{/* Footer */}\n\t\t\t<footer className=\"relative z-10 border-t border-white/5 py-12\">\n\t\t\t\t<div className=\"max-w-6xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6\">\n\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t<div className=\"w-8 h-8 rounded-lg bg-gradient-to-br from-emerald-400 to-teal-500 flex items-center justify-center\">\n\t\t\t\t\t\t\t<span className=\"text-black font-bold text-sm\">K</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span className=\"text-white/60 text-sm\">Kuckit © {new Date().getFullYear()}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex gap-8 text-sm text-white/40\">\n\t\t\t\t\t\t<a href=\"/docs\" className=\"hover:text-white transition-colors\">\n\t\t\t\t\t\t\tDocs\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a href=\"https://github.com/kuckit\" className=\"hover:text-white transition-colors\">\n\t\t\t\t\t\t\tGitHub\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a href=\"/discord\" className=\"hover:text-white transition-colors\">\n\t\t\t\t\t\t\tDiscord\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</footer>\n\t\t</div>\n\t)\n}\n","import { defineKuckitClientModule, type KuckitClientModuleContext } from '@kuckit/sdk-react'\nimport { LandingPage } from './components/LandingPage'\n\nexport const kuckitClientModule = defineKuckitClientModule({\n\tid: 'kuckit.landing',\n\tdisplayName: 'Landing',\n\tversion: '0.1.0',\n\n\tregister(ctx: KuckitClientModuleContext) {\n\t\tctx.registerComponent('LandingPage', LandingPage)\n\n\t\tctx.addRoute({\n\t\t\tid: 'landing',\n\t\t\tpath: '/',\n\t\t\tcomponent: LandingPage,\n\t\t\tmeta: {\n\t\t\t\ttitle: 'Kuckit - Build Modules. Earn Revenue. Ship Faster.',\n\t\t\t\trequiresAuth: false,\n\t\t\t},\n\t\t})\n\t},\n})\n\nexport { LandingPage } from './components/LandingPage'\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["modules: Module[]","layers: Layer[]","faqItems: FAQItem[]"],"sources":["../../src/client/components/hero.tsx","../../src/client/components/value-props.tsx","../../src/client/components/ai-superpowers.tsx","../../src/client/components/module-showcase.tsx","../../src/client/components/how-it-works.tsx","../../src/client/components/architecture-preview.tsx","../../src/client/components/cli-demo.tsx","../../src/client/components/pricing.tsx","../../src/client/components/faq.tsx","../../src/client/components/cta-section.tsx","../../src/client/components/LandingPage.tsx","../../src/client/index.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport function Hero() {\n\tconst [copied, setCopied] = useState(false)\n\n\tconst copyCommand = () => {\n\t\tnavigator.clipboard.writeText('bunx create-kuckit-app my-app')\n\t\tsetCopied(true)\n\t\tsetTimeout(() => setCopied(false), 2000)\n\t}\n\n\treturn (\n\t\t<section className=\"relative min-h-screen\">\n\t\t\t{/* Top navigation bar */}\n\t\t\t<nav className=\"relative z-20 border-b border-border\">\n\t\t\t\t<div className=\"max-w-7xl mx-auto flex items-center justify-between h-16 px-8\">\n\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName=\"w-8 h-8\"\n\t\t\t\t\t\t\tviewBox=\"0 0 512 512\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<polygon points=\"256,64 384,144 384,304 256,224\" fill=\"#3D3A39\" />\n\t\t\t\t\t\t\t<polygon points=\"256,64 128,144 128,304 256,224\" fill=\"#5C5855\" />\n\t\t\t\t\t\t\t<polygon points=\"128,144 256,224 384,144 256,64\" fill=\"#A49D9A\" />\n\t\t\t\t\t\t\t<polygon points=\"256,224 352,280 352,392 256,336\" fill=\"#D15010\" />\n\t\t\t\t\t\t\t<polygon points=\"256,224 160,280 160,392 256,336\" fill=\"#EE6018\" />\n\t\t\t\t\t\t\t<polygon points=\"160,280 256,336 352,280 256,224\" fill=\"#EF6F2E\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span className=\"text-foreground font-medium tracking-tight\">Kuckit</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"hidden md:flex items-center gap-8\">\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/docs\"\n\t\t\t\t\t\t\tclassName=\"text-sm text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tDocs\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"#modules\"\n\t\t\t\t\t\t\tclassName=\"text-sm text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tModules\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"#pricing\"\n\t\t\t\t\t\t\tclassName=\"text-sm text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tPricing\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/login\"\n\t\t\t\t\t\t\tclassName=\"text-sm text-muted-foreground hover:text-foreground transition-colors px-4 py-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSign in\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/docs/getting-started\"\n\t\t\t\t\t\t\tclassName=\"text-sm bg-primary text-primary-foreground px-4 py-2 hover:bg-primary/90 transition-colors\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tGet Started\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</nav>\n\n\t\t\t{/* Hero content */}\n\t\t\t<div className=\"relative z-10 max-w-7xl mx-auto px-8 pt-24 pb-32\">\n\t\t\t\t<div className=\"grid lg:grid-cols-12 gap-16 items-start\">\n\t\t\t\t\t{/* Left column - Main content */}\n\t\t\t\t\t<div className=\"lg:col-span-7\">\n\t\t\t\t\t\t{/* Eyebrow */}\n\t\t\t\t\t\t<div className=\"flex items-center gap-4 mb-8\">\n\t\t\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\t\t\tVibe coding ain't fun when you're stuck\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Headline */}\n\t\t\t\t\t\t<h1 className=\"mb-8\">\n\t\t\t\t\t\t\t<span className=\"block text-4xl md:text-5xl lg:text-6xl font-light text-foreground tracking-[-0.03em] leading-[1.1]\">\n\t\t\t\t\t\t\t\tYou don't need more prompts.\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span className=\"block text-4xl md:text-5xl lg:text-6xl font-light text-primary tracking-[-0.03em] leading-[1.1] mt-2\">\n\t\t\t\t\t\t\t\tYou need a foundation.\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</h1>\n\n\t\t\t\t\t\t{/* Subheadline */}\n\t\t\t\t\t\t<p className=\"text-lg md:text-xl text-muted-foreground max-w-xl leading-relaxed mb-12\">\n\t\t\t\t\t\t\tVibe coding builds fast. We build right. Ship in hours.\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t{/* CTA group */}\n\t\t\t\t\t\t<div className=\"flex flex-col sm:flex-row items-start gap-4 mb-16\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"/docs/getting-started\"\n\t\t\t\t\t\t\t\tclassName=\"group inline-flex items-center gap-3 px-6 py-4 bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-all\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>Get Unstuck</span>\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 group-hover:translate-x-1 transition-transform\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Quick start command */}\n\t\t\t\t\t\t<div className=\"inline-block\">\n\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.15em] uppercase mb-3\">\n\t\t\t\t\t\t\t\tQuick Start\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tonClick={copyCommand}\n\t\t\t\t\t\t\t\tclassName=\"group flex items-center gap-4 px-5 py-4 bg-card border border-border hover:border-primary/50 transition-colors font-mono text-sm\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"text-primary\">$</span>\n\t\t\t\t\t\t\t\t<code className=\"text-foreground\">bunx create-kuckit-app my-app</code>\n\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground group-hover:text-primary transition-colors ml-4\">\n\t\t\t\t\t\t\t\t\t{copied ? (\n\t\t\t\t\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M5 13l4 4L19 7\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Right column - Module visualization */}\n\t\t\t\t\t<div className=\"lg:col-span-5 relative\">\n\t\t\t\t\t\t<div className=\"sticky top-24\">\n\t\t\t\t\t\t\t{/* Module grid - industrial/blueprint style */}\n\t\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t{/* Corner markers */}\n\t\t\t\t\t\t\t\t<div className=\"absolute -top-3 -left-3 w-6 h-6 border-l-2 border-t-2 border-primary/50\" />\n\t\t\t\t\t\t\t\t<div className=\"absolute -top-3 -right-3 w-6 h-6 border-r-2 border-t-2 border-primary/50\" />\n\t\t\t\t\t\t\t\t<div className=\"absolute -bottom-3 -left-3 w-6 h-6 border-l-2 border-b-2 border-primary/50\" />\n\t\t\t\t\t\t\t\t<div className=\"absolute -bottom-3 -right-3 w-6 h-6 border-r-2 border-b-2 border-primary/50\" />\n\n\t\t\t\t\t\t\t\t<div className=\"border border-border bg-card/50 backdrop-blur-sm p-8\">\n\t\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6 flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"w-2 h-2 bg-primary\" />\n\t\t\t\t\t\t\t\t\t\tAvailable Modules\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className=\"grid grid-cols-2 gap-3\">\n\t\t\t\t\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'Payments', status: 'stable', desc: 'Subscriptions & checkout' },\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'Users', status: 'stable', desc: 'Accounts & profiles' },\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'Docs', status: 'stable', desc: 'Beautiful documentation' },\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'AI Chat', status: 'stable', desc: 'LLM integration' },\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'CLI Auth', status: 'stable', desc: 'Device login flow' },\n\t\t\t\t\t\t\t\t\t\t\t{ name: 'More...', status: 'soon', desc: 'Coming soon' },\n\t\t\t\t\t\t\t\t\t\t].map((mod) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tkey={mod.name}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"group p-4 border border-border hover:border-primary/50 bg-background hover:bg-card transition-all cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-start justify-between mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<code className=\"text-foreground text-sm font-medium\">{mod.name}</code>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`text-[10px] tracking-wider uppercase px-1.5 py-0.5 ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmod.status === 'new'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary/20 text-primary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: mod.status === 'beta'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-muted text-muted-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-[hsl(var(--status-success)/0.15)] text-[hsl(var(--status-success))]'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mod.status}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">{mod.desc}</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className=\"mt-6 pt-6 border-t border-border flex items-center justify-between\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">5 modules ready to use</span>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/docs\" className=\"text-xs text-primary hover:underline\">\n\t\t\t\t\t\t\t\t\t\t\tView all →\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Bottom stats bar */}\n\t\t\t<div className=\"relative z-10 border-t border-border\">\n\t\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t\t<div className=\"grid grid-cols-2 md:grid-cols-4\">\n\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t{ value: '100%', label: 'TypeScript' },\n\t\t\t\t\t\t\t{ value: '<5min', label: 'To first module' },\n\t\t\t\t\t\t\t{ value: '50+', label: 'Components included' },\n\t\t\t\t\t\t\t{ value: 'MIT', label: 'Licensed' },\n\t\t\t\t\t\t].map((stat, i) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={stat.label}\n\t\t\t\t\t\t\t\tclassName={`p-8 ${i < 3 ? 'border-r border-border' : ''} ${i < 2 ? 'border-b md:border-b-0 border-border' : ''}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-3xl md:text-4xl font-light text-foreground tracking-tight mb-1\">\n\t\t\t\t\t\t\t\t\t{stat.value}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.15em] uppercase\">\n\t\t\t\t\t\t\t\t\t{stat.label}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","export function ValueProps() {\n\tconst columns = [\n\t\t{\n\t\t\ttitle: 'The Problem',\n\t\t\ttag: '01',\n\t\t\titems: [\n\t\t\t\t{ label: 'Stuck in AI loops', desc: 'The more you prompt, the more it breaks' },\n\t\t\t\t{ label: \"Code you can't understand\", desc: '10,000 lines nobody can debug' },\n\t\t\t\t{ label: \"Works locally, won't deploy\", desc: 'The last 20% takes 80% of the time' },\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: 'The Foundation',\n\t\t\ttag: '02',\n\t\t\tfeatured: true,\n\t\t\titems: [\n\t\t\t\t{ label: 'Production-ready structure', desc: 'Architecture that actually scales' },\n\t\t\t\t{ label: 'Pre-built features that work', desc: 'Auth, payments, dashboards—done' },\n\t\t\t\t{ label: 'Code you can grow with', desc: \"Not spaghetti you're scared to touch\" },\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: 'The Outcome',\n\t\t\ttag: '03',\n\t\t\titems: [\n\t\t\t\t{ label: 'Ship in hours', desc: 'Not weeks of debugging' },\n\t\t\t\t{ label: 'Launch with confidence', desc: 'Real software, not a fragile prototype' },\n\t\t\t\t{ label: 'Focus on your idea', desc: 'Not fighting your codebase' },\n\t\t\t],\n\t\t},\n\t]\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tWhy you're stuck\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em]\">\n\t\t\t\t\tThe vibe coding trap\n\t\t\t\t</h2>\n\t\t\t</div>\n\n\t\t\t{/* Cards grid */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid md:grid-cols-3\">\n\t\t\t\t\t{columns.map((col, colIndex) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName={`relative border-b md:border-b-0 ${colIndex < 2 ? 'md:border-r' : ''} border-border`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* Featured indicator */}\n\t\t\t\t\t\t\t{col.featured && <div className=\"absolute top-0 left-0 right-0 h-[2px] bg-primary\" />}\n\n\t\t\t\t\t\t\t<div className=\"p-8 md:p-10\">\n\t\t\t\t\t\t\t\t{/* Header */}\n\t\t\t\t\t\t\t\t<div className=\"flex items-start justify-between mb-10\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase block mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t{col.tag}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<h3 className=\"text-xl font-medium text-foreground tracking-tight\">\n\t\t\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{col.featured && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"px-2 py-1 text-[10px] tracking-[0.15em] uppercase bg-primary/10 text-primary border border-primary/20\">\n\t\t\t\t\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Items */}\n\t\t\t\t\t\t\t\t<div className=\"space-y-8\">\n\t\t\t\t\t\t\t\t\t{col.items.map((item, i) => (\n\t\t\t\t\t\t\t\t\t\t<div key={item.label} className=\"group\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`w-6 h-6 flex items-center justify-center border ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcol.featured\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'border-primary/50 text-primary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'border-border text-muted-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t} text-xs font-mono`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{i + 1}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-foreground font-medium mb-1 group-hover:text-primary transition-colors\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-sm\">{item.desc}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","export function AiSuperpowers() {\n\tconst features = [\n\t\t{\n\t\t\tnum: '01',\n\t\t\ttitle: 'Context Engineering Built-In',\n\t\t\tdesc: 'Your AI already knows your codebase. AGENTS.md files in every folder teach Cursor, Claude, and Copilot exactly how your app works.',\n\t\t\ttag: 'Hot',\n\t\t},\n\t\t{\n\t\t\tnum: '02',\n\t\t\ttitle: 'Skills Your AI Can Use',\n\t\t\tdesc: 'Pre-built skills for common tasks. Your AI assistant loads them automatically and just knows what to do.',\n\t\t\ttag: null,\n\t\t},\n\t\t{\n\t\t\tnum: '03',\n\t\t\ttitle: 'Curated MCP Tools',\n\t\t\tdesc: 'Hand-picked Model Context Protocol tools, configured for maximum impact. Web search, code editing, UI components—all pre-tuned to work together.',\n\t\t\ttag: 'New',\n\t\t},\n\t\t{\n\t\t\tnum: '04',\n\t\t\ttitle: 'Multi-Agent Workflows',\n\t\t\tdesc: 'Run multiple AI agents on different parts of your app. They coordinate automatically without stepping on each other.',\n\t\t\ttag: null,\n\t\t},\n\t]\n\n\tconst capabilities = [\n\t\t{ icon: 'brain', label: 'Smart Context', desc: 'AI understands your whole project' },\n\t\t{ icon: 'zap', label: 'Auto-Complete', desc: 'Better suggestions, fewer errors' },\n\t\t{ icon: 'users', label: 'Team of AIs', desc: 'Parallel agents, zero conflicts' },\n\t]\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tAI-Native Framework\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tYour AI Gets Superpowers\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground max-w-2xl\">\n\t\t\t\t\tCursor, Claude, Copilot—they all work better with Kuckit.{' '}\n\t\t\t\t\t<span className=\"text-foreground\">\n\t\t\t\t\t\tBecause we built the framework for AI-first development.\n\t\t\t\t\t</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* Content grid */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid lg:grid-cols-12\">\n\t\t\t\t\t{/* Features list */}\n\t\t\t\t\t<div className=\"lg:col-span-7 border-b lg:border-b-0 lg:border-r border-border\">\n\t\t\t\t\t\t{features.map((feature, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={feature.title}\n\t\t\t\t\t\t\t\tclassName={`p-8 ${index < features.length - 1 ? 'border-b border-border' : ''}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"flex items-start gap-6\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-12 h-12 flex items-center justify-center border border-primary/30 bg-primary/5 text-primary font-mono text-sm shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{feature.num}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"flex-1 pt-1\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-3 mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 className=\"text-lg font-medium text-foreground tracking-tight\">\n\t\t\t\t\t\t\t\t\t\t\t\t{feature.title}\n\t\t\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t\t\t{feature.tag && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"px-2 py-0.5 text-[10px] tracking-[0.1em] uppercase bg-primary/10 text-primary border border-primary/20\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{feature.tag}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm leading-relaxed\">{feature.desc}</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* AI visualization panel */}\n\t\t\t\t\t<div className=\"lg:col-span-5 p-8 lg:p-12 bg-card\">\n\t\t\t\t\t\t<div className=\"h-full flex flex-col\">\n\t\t\t\t\t\t\t{/* Header */}\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-3 mb-8\">\n\t\t\t\t\t\t\t\t<div className=\"w-2 h-2 bg-primary animate-pulse\" />\n\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase\">\n\t\t\t\t\t\t\t\t\tAI Enhancement Active\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Big stat */}\n\t\t\t\t\t\t\t<div className=\"mb-10\">\n\t\t\t\t\t\t\t\t<div className=\"text-6xl font-light text-foreground tracking-tighter mb-2\">10x</div>\n\t\t\t\t\t\t\t\t<div className=\"text-sm text-muted-foreground tracking-wide\">\n\t\t\t\t\t\t\t\t\tFaster AI responses with context\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Divider */}\n\t\t\t\t\t\t\t<div className=\"h-px bg-border mb-8\" />\n\n\t\t\t\t\t\t\t{/* Capabilities */}\n\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.15em] uppercase mb-4\">\n\t\t\t\t\t\t\t\t\tWhat Your AI Gets\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t\t\t{capabilities.map((cap) => (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={cap.label}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"flex items-center gap-4 px-4 py-3 bg-primary/5 border-l-2 border-primary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-8 h-8 flex items-center justify-center bg-primary/10 text-primary\">\n\t\t\t\t\t\t\t\t\t\t\t\t{cap.icon === 'brain' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{cap.icon === 'zap' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M13 10V3L4 14h7v7l9-11h-7z\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{cap.icon === 'users' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm font-medium text-foreground\">{cap.label}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">{cap.desc}</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t\t\t<div className=\"mt-8 pt-6 border-t border-border flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Works with any AI tool</span>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t<span>Cursor</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-border\">•</span>\n\t\t\t\t\t\t\t\t\t<span>Claude</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-border\">•</span>\n\t\t\t\t\t\t\t\t\t<span>Copilot</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","interface Module {\n\tname: string\n\tpackage: string\n\tdesc: string\n\tstatus: 'stable' | 'beta' | 'soon'\n}\n\nexport function ModuleShowcase() {\n\tconst modules: Module[] = [\n\t\t{\n\t\t\tname: 'Payments',\n\t\t\tpackage: 'Subscriptions & checkout',\n\t\t\tdesc: 'Accept payments in minutes. Subscriptions, one-time purchases, customer portal.',\n\t\t\tstatus: 'stable',\n\t\t},\n\t\t{\n\t\t\tname: 'User Accounts',\n\t\t\tpackage: 'Profiles & settings',\n\t\t\tdesc: 'User registration, profiles, and account management ready to go.',\n\t\t\tstatus: 'stable',\n\t\t},\n\t\t{\n\t\t\tname: 'Documentation',\n\t\t\tpackage: 'Help & guides',\n\t\t\tdesc: 'Beautiful docs for your users. Write in plain text, get a polished help center.',\n\t\t\tstatus: 'stable',\n\t\t},\n\t\t{\n\t\t\tname: 'AI Chat',\n\t\t\tpackage: 'Smart assistants',\n\t\t\tdesc: 'Add AI chat to your app. Streaming responses, conversation history included.',\n\t\t\tstatus: 'stable',\n\t\t},\n\t\t{\n\t\t\tname: 'CLI Login',\n\t\t\tpackage: 'Developer tools',\n\t\t\tdesc: 'Let users log in from command line tools with a simple device code.',\n\t\t\tstatus: 'stable',\n\t\t},\n\t\t{\n\t\t\tname: 'More Coming',\n\t\t\tpackage: 'Email, storage, analytics',\n\t\t\tdesc: \"We're building more modules every week. Tell us what you need.\",\n\t\t\tstatus: 'soon',\n\t\t},\n\t]\n\n\treturn (\n\t\t<section id=\"modules\" className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tModule Ecosystem\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tModules for Everything\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground max-w-2xl\">\n\t\t\t\t\tSkip weeks of development. Install battle-tested modules and focus on what makes your\n\t\t\t\t\tproduct unique.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* Module grid */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid md:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t{modules.map((mod, index) => {\n\t\t\t\t\t\tconst isLastRow = index >= modules.length - (modules.length % 3 || 3)\n\t\t\t\t\t\tconst isLastCol = (index + 1) % 3 === 0\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={mod.name}\n\t\t\t\t\t\t\t\tclassName={`group relative p-8 transition-colors hover:bg-card ${\n\t\t\t\t\t\t\t\t\t!isLastRow ? 'border-b border-border' : ''\n\t\t\t\t\t\t\t\t} ${!isLastCol ? 'lg:border-r border-border' : ''} ${\n\t\t\t\t\t\t\t\t\tindex % 2 === 0 && index < modules.length - 1 ? 'md:border-r' : ''\n\t\t\t\t\t\t\t\t} ${index < modules.length - 2 ? 'md:border-b' : ''} lg:border-b-0 ${\n\t\t\t\t\t\t\t\t\tindex < modules.length - 3 ? 'lg:border-b lg:border-border' : ''\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Status badge */}\n\t\t\t\t\t\t\t\t<div className=\"absolute top-6 right-6\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={`px-2 py-1 text-[10px] tracking-[0.15em] uppercase ${\n\t\t\t\t\t\t\t\t\t\t\tmod.status === 'stable'\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-[hsl(var(--status-success)/0.1)] text-[hsl(var(--status-success))] border border-[hsl(var(--status-success)/0.2)]'\n\t\t\t\t\t\t\t\t\t\t\t\t: mod.status === 'beta'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary/10 text-primary border border-primary/20'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-muted text-muted-foreground border border-border'\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{mod.status}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t\t<div className=\"pr-16\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-primary block mb-3\">{mod.package}</span>\n\t\t\t\t\t\t\t\t\t<h3 className=\"text-xl font-medium text-foreground mb-2 tracking-tight group-hover:text-primary transition-colors\">\n\t\t\t\t\t\t\t\t\t\t{mod.name}\n\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t<p className=\"text-sm text-muted-foreground\">{mod.desc}</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Hover arrow */}\n\t\t\t\t\t\t\t\t<div className=\"absolute bottom-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity\">\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-5 h-5 text-primary\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{/* CTA row */}\n\t\t\t\t<div className=\"border-t border-border\">\n\t\t\t\t\t<div className=\"px-8 py-8 flex flex-col md:flex-row md:items-center justify-between gap-6\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span className=\"text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t\tMore modules coming soon. Explore the documentation to get started.\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/docs\"\n\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>View Documentation</span>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 group-hover:translate-x-1 transition-transform\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState } from 'react'\n\nexport function HowItWorks() {\n\tconst [activeTab, setActiveTab] = useState<'builders' | 'sellers'>('builders')\n\n\tconst builderSteps = [\n\t\t{\n\t\t\tnum: '01',\n\t\t\tcommand: 'bunx create-kuckit-app my-app',\n\t\t\ttitle: 'Scaffold your app',\n\t\t\tdesc: 'Get a production-ready TypeScript app with Clean Architecture baked in.',\n\t\t},\n\t\t{\n\t\t\tnum: '02',\n\t\t\tcommand: 'kuckit add @vendor/billing',\n\t\t\ttitle: 'Install modules',\n\t\t\tdesc: 'One command adds both server and client code, wired and ready.',\n\t\t},\n\t\t{\n\t\t\tnum: '03',\n\t\t\tcommand: 'bun run dev',\n\t\t\ttitle: 'Ship it',\n\t\t\tdesc: 'Your app is ready. Maintainable, type-safe, and battle-tested.',\n\t\t},\n\t]\n\n\tconst sellerSteps = [\n\t\t{\n\t\t\tnum: '01',\n\t\t\tcommand: 'kuckit generate module billing',\n\t\t\ttitle: 'Scaffold with AGENTS.md',\n\t\t\tdesc: 'Generated structure includes documentation for AI and human developers.',\n\t\t},\n\t\t{\n\t\t\tnum: '02',\n\t\t\tcommand: 'git commit && git push',\n\t\t\ttitle: 'Build & test',\n\t\t\tdesc: 'Guardrails ensure your module meets quality standards before it ships.',\n\t\t},\n\t\t{\n\t\t\tnum: '03',\n\t\t\tcommand: 'kuckit publish',\n\t\t\ttitle: 'Earn revenue',\n\t\t\tdesc: 'Set your price, publish to the marketplace, and start earning.',\n\t\t},\n\t]\n\n\tconst steps = activeTab === 'builders' ? builderSteps : sellerSteps\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tGetting Started\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tHow It Works\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground\">Three steps to shipping or selling.</p>\n\t\t\t</div>\n\n\t\t\t{/* Tab switcher */}\n\t\t\t<div className=\"max-w-7xl mx-auto border-b border-border\">\n\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => setActiveTab('builders')}\n\t\t\t\t\t\tclassName={`relative px-8 py-5 text-sm font-medium transition-colors ${\n\t\t\t\t\t\t\tactiveTab === 'builders'\n\t\t\t\t\t\t\t\t? 'text-foreground'\n\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\tFor Builders\n\t\t\t\t\t\t{activeTab === 'builders' && (\n\t\t\t\t\t\t\t<div className=\"absolute bottom-0 left-0 right-0 h-[2px] bg-primary\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => setActiveTab('sellers')}\n\t\t\t\t\t\tclassName={`relative px-8 py-5 text-sm font-medium transition-colors ${\n\t\t\t\t\t\t\tactiveTab === 'sellers'\n\t\t\t\t\t\t\t\t? 'text-foreground'\n\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\tFor Sellers\n\t\t\t\t\t\t{activeTab === 'sellers' && (\n\t\t\t\t\t\t\t<div className=\"absolute bottom-0 left-0 right-0 h-[2px] bg-primary\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Steps */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid lg:grid-cols-3\">\n\t\t\t\t\t{steps.map((step, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={step.num}\n\t\t\t\t\t\t\tclassName={`relative p-8 lg:p-10 ${\n\t\t\t\t\t\t\t\tindex < steps.length - 1 ? 'border-b lg:border-b-0 lg:border-r border-border' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* Step number */}\n\t\t\t\t\t\t\t<div className=\"flex items-start justify-between mb-8\">\n\t\t\t\t\t\t\t\t<span className=\"text-4xl font-light text-primary tracking-tighter\">\n\t\t\t\t\t\t\t\t\t{step.num}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{index < steps.length - 1 && (\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-5 h-5 text-muted-foreground hidden lg:block mt-2\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t<h3 className=\"text-xl font-medium text-foreground mb-3 tracking-tight\">\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm mb-6 leading-relaxed\">{step.desc}</p>\n\n\t\t\t\t\t\t\t{/* Command */}\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-3 px-4 py-3 bg-background border border-border font-mono text-sm\">\n\t\t\t\t\t\t\t\t<span className=\"text-primary\">$</span>\n\t\t\t\t\t\t\t\t<code className=\"text-foreground/80\">{step.command}</code>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","interface Layer {\n\tname: string\n\titems: string[]\n\tdesc: string\n}\n\nexport function ArchitecturePreview() {\n\tconst layers: Layer[] = [\n\t\t{ name: 'Interface', items: ['apps/web', 'apps/server'], desc: 'React UI + Express API' },\n\t\t{ name: 'SDK', items: ['sdk', 'sdk-react'], desc: 'Module system + DI container' },\n\t\t{ name: 'Application', items: ['application', 'api'], desc: 'Use cases + oRPC procedures' },\n\t\t{ name: 'Domain', items: ['domain', 'contracts'], desc: 'Entities + Zod schemas' },\n\t\t{\n\t\t\tname: 'Infrastructure',\n\t\t\titems: ['infrastructure', 'db', 'auth'],\n\t\t\tdesc: 'Repositories + Drizzle ORM',\n\t\t},\n\t]\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tClean Architecture\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tEvery Module, Same Structure\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground max-w-2xl\">\n\t\t\t\t\tClear boundaries between layers. AGENTS.md in every package ensures AI and humans build\n\t\t\t\t\tconsistently.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* Architecture diagram */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid lg:grid-cols-12\">\n\t\t\t\t\t{/* Diagram */}\n\t\t\t\t\t<div className=\"lg:col-span-8 border-b lg:border-b-0 lg:border-r border-border p-8 lg:p-12\">\n\t\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t\t{layers.map((layer, index) => (\n\t\t\t\t\t\t\t\t<div key={layer.name} className=\"group relative\">\n\t\t\t\t\t\t\t\t\t{/* Layer row */}\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-stretch border border-border hover:border-primary/30 transition-colors\">\n\t\t\t\t\t\t\t\t\t\t{/* Layer name */}\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-40 shrink-0 p-4 bg-card border-r border-border flex flex-col justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.1em] uppercase mb-1\">\n\t\t\t\t\t\t\t\t\t\t\t\tLayer {String(index + 1).padStart(2, '0')}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"font-medium text-foreground\">{layer.name}</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* Packages */}\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex-1 p-4 flex items-center gap-3 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t{layer.items.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-2 px-3 py-1.5 bg-background border border-border\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"w-1.5 h-1.5 bg-primary\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<code className=\"text-sm font-mono text-foreground/80\">{item}</code>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* AGENTS.md indicator */}\n\t\t\t\t\t\t\t\t\t\t<div className=\"hidden md:flex w-28 shrink-0 items-center justify-center border-l border-border bg-primary/5\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5 text-primary\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-3.5 h-3.5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-xs font-mono\">.md</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Connection line */}\n\t\t\t\t\t\t\t\t\t{index < layers.length - 1 && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex justify-center py-1\">\n\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Direction note */}\n\t\t\t\t\t\t<div className=\"mt-8 flex items-center gap-2 text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t<svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\t\t\t\td=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<span>Dependencies flow down only</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Layer descriptions */}\n\t\t\t\t\t<div className=\"lg:col-span-4 p-8 lg:p-12 bg-card\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-3 mb-8\">\n\t\t\t\t\t\t\t<div className=\"w-2 h-2 bg-primary\" />\n\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase\">\n\t\t\t\t\t\t\t\tLayer Details\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"space-y-6\">\n\t\t\t\t\t\t\t{layers.map((layer, index) => (\n\t\t\t\t\t\t\t\t<div key={layer.name} className=\"group\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-6 h-6 flex items-center justify-center border border-border text-xs font-mono text-muted-foreground shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t{index + 1}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-foreground font-medium mb-1 group-hover:text-primary transition-colors\">\n\t\t\t\t\t\t\t\t\t\t\t\t{layer.name}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-sm\">{layer.desc}</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState, useEffect } from 'react'\n\nexport function CliDemo() {\n\tconst commands = [\n\t\t{\n\t\t\tinput: 'kuckit generate module billing',\n\t\t\toutput: [\n\t\t\t\t'Creating module: @myapp/billing-module',\n\t\t\t\t' Directory: ./packages/billing-module',\n\t\t\t\t'',\n\t\t\t\t'✓ Created src/server/module.ts',\n\t\t\t\t'✓ Created src/client/index.ts',\n\t\t\t\t'✓ Created AGENTS.md',\n\t\t\t\t'✓ Created package.json',\n\t\t\t\t'',\n\t\t\t\t'Module created successfully!',\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tinput: 'kuckit add @vendor/auth-module',\n\t\t\toutput: [\n\t\t\t\t'Installing @vendor/auth-module...',\n\t\t\t\t'',\n\t\t\t\t'✓ Package installed',\n\t\t\t\t'✓ Server module wired in modules.ts',\n\t\t\t\t'✓ Client module wired in modules.client.ts',\n\t\t\t\t'✓ TypeScript types available',\n\t\t\t\t'',\n\t\t\t\t'Module ready to use!',\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tinput: 'kuckit doctor',\n\t\t\toutput: [\n\t\t\t\t'Checking project setup...',\n\t\t\t\t'',\n\t\t\t\t'✓ kuckit.config.ts found',\n\t\t\t\t'✓ All modules registered',\n\t\t\t\t'✓ No circular dependencies',\n\t\t\t\t'✓ AGENTS.md in all packages',\n\t\t\t\t'✓ Pre-commit hooks configured',\n\t\t\t\t'',\n\t\t\t\t'All checks passed!',\n\t\t\t],\n\t\t},\n\t]\n\n\tconst [activeCommand, setActiveCommand] = useState(0)\n\tconst [displayedLines, setDisplayedLines] = useState<string[]>([])\n\tconst [isTyping, setIsTyping] = useState(true)\n\tconst [typedInput, setTypedInput] = useState('')\n\n\tuseEffect(() => {\n\t\tconst command = commands[activeCommand]\n\t\tif (!command) return\n\n\t\tlet inputIndex = 0\n\t\tlet outputIndex = 0\n\t\tsetDisplayedLines([])\n\t\tsetTypedInput('')\n\t\tsetIsTyping(true)\n\n\t\tconst inputInterval = setInterval(() => {\n\t\t\tif (inputIndex <= command.input.length) {\n\t\t\t\tsetTypedInput(command.input.slice(0, inputIndex))\n\t\t\t\tinputIndex++\n\t\t\t} else {\n\t\t\t\tclearInterval(inputInterval)\n\t\t\t\tsetIsTyping(false)\n\n\t\t\t\tconst outputInterval = setInterval(() => {\n\t\t\t\t\tif (outputIndex < command.output.length) {\n\t\t\t\t\t\tconst line = command.output[outputIndex]\n\t\t\t\t\t\tif (line !== undefined) {\n\t\t\t\t\t\t\tsetDisplayedLines((prev) => [...prev, line])\n\t\t\t\t\t\t}\n\t\t\t\t\t\toutputIndex++\n\t\t\t\t\t} else {\n\t\t\t\t\t\tclearInterval(outputInterval)\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tsetActiveCommand((prev) => (prev + 1) % commands.length)\n\t\t\t\t\t\t}, 3000)\n\t\t\t\t\t}\n\t\t\t\t}, 100)\n\t\t\t}\n\t\t}, 50)\n\n\t\treturn () => {\n\t\t\tclearInterval(inputInterval)\n\t\t}\n\t}, [activeCommand])\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tDeveloper Experience\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tPowerful CLI\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground\">\n\t\t\t\t\tGenerate, add, search, and validate modules from the command line.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* Terminal */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid lg:grid-cols-12\">\n\t\t\t\t\t{/* Terminal window */}\n\t\t\t\t\t<div className=\"lg:col-span-8 border-b lg:border-b-0 lg:border-r border-border\">\n\t\t\t\t\t\t<div className=\"p-8 lg:p-12\">\n\t\t\t\t\t\t\t{/* Terminal frame */}\n\t\t\t\t\t\t\t<div className=\"border border-border bg-background\">\n\t\t\t\t\t\t\t\t{/* Terminal header */}\n\t\t\t\t\t\t\t\t<div className=\"flex items-center justify-between px-4 py-3 border-b border-border bg-card\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-[hsl(var(--status-error)/0.8)]\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-[hsl(var(--status-warning)/0.8)]\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-[hsl(var(--status-success)/0.8)]\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground font-mono\">terminal</span>\n\t\t\t\t\t\t\t\t\t<div className=\"w-16\" />\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Terminal body */}\n\t\t\t\t\t\t\t\t<div className=\"p-6 font-mono text-sm min-h-[320px]\">\n\t\t\t\t\t\t\t\t\t{/* Input line */}\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 mb-4\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-primary\">$</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-foreground\">{typedInput}</span>\n\t\t\t\t\t\t\t\t\t\t{isTyping && <span className=\"w-2 h-5 bg-primary animate-pulse\" />}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Output lines */}\n\t\t\t\t\t\t\t\t\t<div className=\"space-y-0.5\">\n\t\t\t\t\t\t\t\t\t\t{displayedLines.map((line, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\t\t\tline?.startsWith('✓')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'text-[hsl(var(--status-success))]'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: line?.includes('!')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'text-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{line || '\\u00A0'}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Command tabs */}\n\t\t\t\t\t\t\t<div className=\"flex justify-center gap-2 mt-6\">\n\t\t\t\t\t\t\t\t{commands.map((_, index) => (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\tonClick={() => setActiveCommand(index)}\n\t\t\t\t\t\t\t\t\t\tclassName={`h-1.5 transition-all ${\n\t\t\t\t\t\t\t\t\t\t\tindex === activeCommand\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary w-8'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-muted hover:bg-muted-foreground/30 w-1.5'\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Commands list */}\n\t\t\t\t\t<div className=\"lg:col-span-4 p-8 lg:p-12 bg-card\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-3 mb-8\">\n\t\t\t\t\t\t\t<div className=\"w-2 h-2 bg-primary\" />\n\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase\">\n\t\t\t\t\t\t\t\tCommands\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t\t{ cmd: 'generate', desc: 'Scaffold new modules' },\n\t\t\t\t\t\t\t\t{ cmd: 'add', desc: 'Install from marketplace' },\n\t\t\t\t\t\t\t\t{ cmd: 'doctor', desc: 'Validate project setup' },\n\t\t\t\t\t\t\t\t{ cmd: 'deploy', desc: 'Ship to production' },\n\t\t\t\t\t\t\t\t{ cmd: 'publish', desc: 'Publish to marketplace' },\n\t\t\t\t\t\t\t].map((item, index) => (\n\t\t\t\t\t\t\t\t<div key={item.cmd} className=\"group flex items-start gap-4\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-6 h-6 flex items-center justify-center border border-border text-xs font-mono text-muted-foreground shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{index + 1}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<code className=\"text-foreground font-medium group-hover:text-primary transition-colors\">\n\t\t\t\t\t\t\t\t\t\t\tkuckit {item.cmd}\n\t\t\t\t\t\t\t\t\t\t</code>\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-sm mt-0.5\">{item.desc}</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { GlareCard } from '@kuckit/polar-payments-module/client'\nimport { Zap, Check } from 'lucide-react'\n\nconst product = {\n\tname: 'Kuckit',\n\tprice: '249',\n\tdescription:\n\t\t'Stop debugging. Start launching. Everything you need to escape the vibe coding trap.',\n\tfeatures: [\n\t\t'Production-ready architecture',\n\t\t'Auth, payments, dashboards included',\n\t\t'Code you can actually understand',\n\t\t'Deploy in hours, not weeks',\n\t\t'Support when you get stuck',\n\t],\n}\n\nexport function Pricing() {\n\treturn (\n\t\t<section id=\"pricing\" className=\"relative border-t border-border scroll-mt-16\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tOne-time investment\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em]\">\n\t\t\t\t\tSkip months of debugging\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"mt-4 text-lg text-muted-foreground max-w-2xl\">\n\t\t\t\t\tPay once. Ship forever. No subscriptions, no surprises.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* Single product - centered GlareCard */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16\">\n\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t<GlareCard className=\"flex flex-col p-8 min-h-[520px]\">\n\t\t\t\t\t\t{/* Header */}\n\t\t\t\t\t\t<div className=\"flex items-start justify-between mb-8\">\n\t\t\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t\t\t<div className=\"inline-flex items-center justify-center size-12 rounded-sm bg-primary/10 border border-primary/20\">\n\t\t\t\t\t\t\t\t\t<Zap className=\"size-6 text-primary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<h3 className=\"text-2xl font-normal text-foreground tracking-tight\">\n\t\t\t\t\t\t\t\t\t{product.name}\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span className=\"px-3 py-1.5 text-xs uppercase tracking-[0.15em] bg-primary/10 text-primary border border-primary/20\">\n\t\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Price */}\n\t\t\t\t\t\t<div className=\"mb-8\">\n\t\t\t\t\t\t\t<div className=\"flex items-baseline gap-1\">\n\t\t\t\t\t\t\t\t<span className=\"text-sm text-muted-foreground\">$</span>\n\t\t\t\t\t\t\t\t<span className=\"text-6xl font-light text-foreground tabular-nums tracking-tighter\">\n\t\t\t\t\t\t\t\t\t{product.price}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm mt-3 tracking-wide\">one-time payment</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Divider */}\n\t\t\t\t\t\t<div className=\"h-px bg-gradient-to-r from-transparent via-border to-transparent mb-8\" />\n\n\t\t\t\t\t\t{/* Description */}\n\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm leading-relaxed mb-8\">\n\t\t\t\t\t\t\t{product.description}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t{/* Features */}\n\t\t\t\t\t\t<div className=\"space-y-3 mb-10 flex-grow\">\n\t\t\t\t\t\t\t{product.features.map((feature) => (\n\t\t\t\t\t\t\t\t<div key={feature} className=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-4 h-4 flex items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Check className=\"w-3 h-3 text-primary\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-foreground\">{feature}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* CTA */}\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"/billing\"\n\t\t\t\t\t\t\tclassName=\"w-full py-4 text-sm font-medium tracking-wide transition-all duration-300 flex items-center justify-center gap-2 bg-primary text-primary-foreground hover:bg-primary/90\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tGet Started\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</GlareCard>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { useState } from 'react'\n\ninterface FAQItem {\n\tid: string\n\tquestion: string\n\tanswer: string\n\tcategory: 'seller' | 'general'\n}\n\nconst faqItems: FAQItem[] = [\n\t{\n\t\tid: 'seller-1',\n\t\tcategory: 'seller',\n\t\tquestion: 'Can I develop and sell my own Kuckit modules?',\n\t\tanswer:\n\t\t\t'Yes. You can develop complete, production-ready modules extending Kuckit functionality. Set your own pricing and publish them to the Kuckit marketplace.',\n\t},\n\t{\n\t\tid: 'seller-2',\n\t\tcategory: 'seller',\n\t\tquestion: 'What pricing models are available for my module?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'seller-3',\n\t\tcategory: 'seller',\n\t\tquestion: 'How does the partnership program work?',\n\t\tanswer:\n\t\t\t\"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.\",\n\t},\n\t{\n\t\tid: 'seller-4',\n\t\tcategory: 'seller',\n\t\tquestion: 'What are the requirements for marketplace publishing?',\n\t\tanswer:\n\t\t\t\"Modules must follow Kuckit's Clean Architecture patterns, include proper documentation, and pass quality checks. Review our module development guide for detailed requirements.\",\n\t},\n\t{\n\t\tid: 'seller-5',\n\t\tcategory: 'seller',\n\t\tquestion: 'Can I update my module after publishing?',\n\t\tanswer:\n\t\t\t'Absolutely. You can release new versions anytime. Existing customers are notified of updates, and you control version management and backwards compatibility.',\n\t},\n\t{\n\t\tid: 'general-1',\n\t\tcategory: 'general',\n\t\tquestion: 'What is Kuckit?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'general-2',\n\t\tcategory: 'general',\n\t\tquestion: 'What is the Kuckit business model?',\n\t\tanswer:\n\t\t\t'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.',\n\t},\n\t{\n\t\tid: 'general-3',\n\t\tcategory: 'general',\n\t\tquestion: 'What technology stack does Kuckit use?',\n\t\tanswer:\n\t\t\t'Kuckit is built with TypeScript, React (frontend), Express (backend), Drizzle ORM, and features comprehensive tooling. The modular architecture lets you swap implementations as needed.',\n\t},\n]\n\nexport function FAQ() {\n\tconst [expandedId, setExpandedId] = useState<string | null>(null)\n\n\tconst sellerFaqs = faqItems.filter((item) => item.category === 'seller')\n\tconst generalFaqs = faqItems.filter((item) => item.category === 'general')\n\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">FAQ</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em] mb-4\">\n\t\t\t\t\tFrequently Asked Questions\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"text-lg text-muted-foreground max-w-2xl\">\n\t\t\t\t\tEverything you need to know about developing, selling, and partnering with Kuckit\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{/* FAQ sections */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"grid lg:grid-cols-2\">\n\t\t\t\t\t{/* For Sellers */}\n\t\t\t\t\t<div className=\"border-b lg:border-b-0 lg:border-r border-border\">\n\t\t\t\t\t\t<div className=\"px-8 py-6 border-b border-border bg-card\">\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.15em] uppercase\">\n\t\t\t\t\t\t\t\t\t01\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span className=\"font-medium text-foreground\">For Module Sellers</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"divide-y divide-border\">\n\t\t\t\t\t\t\t{sellerFaqs.map((item, index) => (\n\t\t\t\t\t\t\t\t<FAQItemComponent\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tisExpanded={expandedId === item.id}\n\t\t\t\t\t\t\t\t\tonToggle={() => setExpandedId(expandedId === item.id ? null : item.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* General */}\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div className=\"px-8 py-6 border-b border-border bg-card\">\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-[0.15em] uppercase\">\n\t\t\t\t\t\t\t\t\t02\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span className=\"font-medium text-foreground\">General</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"divide-y divide-border\">\n\t\t\t\t\t\t\t{generalFaqs.map((item, index) => (\n\t\t\t\t\t\t\t\t<FAQItemComponent\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tisExpanded={expandedId === item.id}\n\t\t\t\t\t\t\t\t\tonToggle={() => setExpandedId(expandedId === item.id ? null : item.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface FAQItemProps {\n\titem: FAQItem\n\tindex: number\n\tisExpanded: boolean\n\tonToggle: () => void\n}\n\nfunction FAQItemComponent({ item, index, isExpanded, onToggle }: FAQItemProps) {\n\treturn (\n\t\t<button onClick={onToggle} className=\"w-full text-left p-6 hover:bg-card/50 transition-colors\">\n\t\t\t<div className=\"flex items-start gap-4\">\n\t\t\t\t<span className=\"text-xs text-muted-foreground font-mono shrink-0 pt-1\">\n\t\t\t\t\t{String(index + 1).padStart(2, '0')}\n\t\t\t\t</span>\n\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t<div className=\"flex items-start justify-between gap-4\">\n\t\t\t\t\t\t<span className=\"text-foreground font-medium leading-relaxed\">{item.question}</span>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName={`w-4 h-4 text-muted-foreground shrink-0 mt-1 transition-transform duration-200 ${\n\t\t\t\t\t\t\t\tisExpanded ? 'rotate-45' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\td=\"M12 4v16m8-8H4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{isExpanded && (\n\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm leading-relaxed mt-4 pr-8\">{item.answer}</p>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</button>\n\t)\n}\n","export function CtaSection() {\n\treturn (\n\t\t<section className=\"relative border-t border-border\">\n\t\t\t{/* Section header */}\n\t\t\t<div className=\"max-w-7xl mx-auto px-8 py-16 border-b border-border\">\n\t\t\t\t<div className=\"flex items-center gap-4 mb-4\">\n\t\t\t\t\t<div className=\"h-px w-12 bg-primary\" />\n\t\t\t\t\t<span className=\"text-xs text-primary tracking-[0.25em] uppercase font-medium\">\n\t\t\t\t\t\tThe loop ends here\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"text-4xl md:text-5xl font-light text-foreground tracking-[-0.03em]\">\n\t\t\t\t\tReady to ship?\n\t\t\t\t</h2>\n\t\t\t</div>\n\n\t\t\t{/* Content grid */}\n\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t<div className=\"border-b border-border\">\n\t\t\t\t\t<div className=\"p-8 md:p-12\">\n\t\t\t\t\t\t<p className=\"text-lg text-muted-foreground mb-10 max-w-lg leading-relaxed\">\n\t\t\t\t\t\t\tYou've built something. Now let's make it launchable. Get the foundation you need to\n\t\t\t\t\t\t\tgo from stuck to shipped.\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t{/* Action buttons */}\n\t\t\t\t\t\t<div className=\"flex flex-col sm:flex-row items-start gap-4 mb-12\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"/docs/getting-started\"\n\t\t\t\t\t\t\t\tclassName=\"group inline-flex items-center gap-3 px-6 py-4 bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-all\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>Get Unstuck</span>\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 group-hover:translate-x-1 transition-transform\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\t\td=\"M17 8l4 4m0 0l-4 4m4-4H3\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"/docs\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-3 px-6 py-4 border border-border text-foreground hover:border-primary/50 hover:bg-card transition-all\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>See How It Works</span>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Stats row */}\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 gap-6 pt-8 border-t border-border max-w-xl\">\n\t\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t\t{ value: 'Hours', label: 'To launch' },\n\t\t\t\t\t\t\t\t{ value: '0', label: 'AI loops' },\n\t\t\t\t\t\t\t\t{ value: '100%', label: 'Yours to own' },\n\t\t\t\t\t\t\t].map((stat) => (\n\t\t\t\t\t\t\t\t<div key={stat.label}>\n\t\t\t\t\t\t\t\t\t<div className=\"text-2xl md:text-3xl font-light text-foreground tracking-tight mb-1\">\n\t\t\t\t\t\t\t\t\t\t{stat.value}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-wide\">{stat.label}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n","import { Hero } from './hero'\nimport { ValueProps } from './value-props'\nimport { AiSuperpowers } from './ai-superpowers'\nimport { ModuleShowcase } from './module-showcase'\nimport { HowItWorks } from './how-it-works'\nimport { ArchitecturePreview } from './architecture-preview'\nimport { CliDemo } from './cli-demo'\nimport { Pricing } from './pricing'\nimport { FAQ } from './faq'\nimport { CtaSection } from './cta-section'\n\nexport function LandingPage() {\n\treturn (\n\t\t<div className=\"min-h-screen bg-background text-foreground overflow-x-hidden\">\n\t\t\t{/* Industrial grid overlay */}\n\t\t\t<div\n\t\t\t\tclassName=\"fixed inset-0 pointer-events-none\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundImage: `\n\t\t\t\t\t\tlinear-gradient(to right, hsl(var(--border) / 0.15) 1px, transparent 1px),\n\t\t\t\t\t\tlinear-gradient(to bottom, hsl(var(--border) / 0.15) 1px, transparent 1px)\n\t\t\t\t\t`,\n\t\t\t\t\tbackgroundSize: '60px 60px',\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t{/* Diagonal accent line - Factory.ai signature */}\n\t\t\t<div\n\t\t\t\tclassName=\"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\"\n\t\t\t\tstyle={{ transform: 'rotate(-35deg) translateX(300px)' }}\n\t\t\t/>\n\n\t\t\t{/* Corner accent glow */}\n\t\t\t<div className=\"fixed top-0 right-0 w-[500px] h-[500px] pointer-events-none\">\n\t\t\t\t<div className=\"absolute inset-0 bg-primary/8 blur-[100px] rounded-full -translate-y-1/2 translate-x-1/2\" />\n\t\t\t</div>\n\n\t\t\t{/* Content */}\n\t\t\t<div className=\"relative z-10\">\n\t\t\t\t<Hero />\n\t\t\t\t<ValueProps />\n\t\t\t\t<AiSuperpowers />\n\t\t\t\t<ModuleShowcase />\n\t\t\t\t<HowItWorks />\n\t\t\t\t<ArchitecturePreview />\n\t\t\t\t<CliDemo />\n\t\t\t\t<Pricing />\n\t\t\t\t<FAQ />\n\t\t\t\t<CtaSection />\n\t\t\t</div>\n\n\t\t\t{/* Footer - Factory precision */}\n\t\t\t<footer className=\"relative z-10 border-t border-border\">\n\t\t\t\t<div className=\"max-w-7xl mx-auto\">\n\t\t\t\t\t{/* Upper footer */}\n\t\t\t\t\t<div className=\"grid grid-cols-1 md:grid-cols-12 border-b border-border\">\n\t\t\t\t\t\t{/* Brand */}\n\t\t\t\t\t\t<div className=\"md:col-span-4 p-8 md:p-12 border-b md:border-b-0 md:border-r border-border\">\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-4 mb-6\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tclassName=\"w-10 h-10\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 512 512\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{/* Back cube */}\n\t\t\t\t\t\t\t\t\t<polygon points=\"256,64 384,144 384,304 256,224\" fill=\"#3D3A39\" />\n\t\t\t\t\t\t\t\t\t<polygon points=\"256,64 128,144 128,304 256,224\" fill=\"#5C5855\" />\n\t\t\t\t\t\t\t\t\t<polygon points=\"128,144 256,224 384,144 256,64\" fill=\"#A49D9A\" />\n\t\t\t\t\t\t\t\t\t{/* Front cube (accent) */}\n\t\t\t\t\t\t\t\t\t<polygon points=\"256,224 352,280 352,392 256,336\" fill=\"#D15010\" />\n\t\t\t\t\t\t\t\t\t<polygon points=\"256,224 160,280 160,392 256,336\" fill=\"#EE6018\" />\n\t\t\t\t\t\t\t\t\t<polygon points=\"160,280 256,336 352,280 256,224\" fill=\"#EF6F2E\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-foreground font-medium tracking-tight\">Kuckit</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-xs tracking-[0.15em] uppercase\">\n\t\t\t\t\t\t\t\t\t\tFramework\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm leading-relaxed max-w-xs\">\n\t\t\t\t\t\t\t\tThe TypeScript module ecosystem where developers build once and sell forever.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Links grid */}\n\t\t\t\t\t\t<div className=\"md:col-span-8 grid grid-cols-3\">\n\t\t\t\t\t\t\t<div className=\"p-8 border-r border-border\">\n\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6\">\n\t\t\t\t\t\t\t\t\tResources\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/docs\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tDocumentation\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/docs/getting-started\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tQuick Start\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/docs/api\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tAPI Reference\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"p-8 border-r border-border\">\n\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6\">\n\t\t\t\t\t\t\t\t\tCommunity\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/discord\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tDiscord\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"https://twitter.com/kuckit\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tTwitter\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"p-8\">\n\t\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground tracking-[0.2em] uppercase mb-6\">\n\t\t\t\t\t\t\t\t\tLegal\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/privacy\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tPrivacy\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/terms\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tTerms\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"/license\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block text-foreground hover:text-primary transition-colors text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tLicense\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Lower footer - status bar style */}\n\t\t\t\t\t<div className=\"flex flex-col md:flex-row items-center justify-between gap-4 px-8 md:px-12 py-6\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-6 text-xs text-muted-foreground\">\n\t\t\t\t\t\t\t<span>© {new Date().getFullYear()} Kuckit</span>\n\t\t\t\t\t\t\t<span className=\"hidden md:inline text-border\">|</span>\n\t\t\t\t\t\t\t<span className=\"hidden md:inline\">MIT License</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Status indicator */}\n\t\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 px-3 py-1.5 bg-muted border border-border\">\n\t\t\t\t\t\t\t\t<span className=\"w-1.5 h-1.5 rounded-full bg-[hsl(var(--status-success))] animate-pulse\" />\n\t\t\t\t\t\t\t\t<span className=\"text-xs text-muted-foreground tracking-wide\">\n\t\t\t\t\t\t\t\t\tAll systems operational\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground font-mono\">v1.0.0</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</footer>\n\t\t</div>\n\t)\n}\n","import { defineKuckitClientModule, type KuckitClientModuleContext } from '@kuckit/sdk-react'\nimport { LandingPage } from './components/LandingPage'\n\nexport const kuckitClientModule = defineKuckitClientModule({\n\tid: 'kuckit.landing',\n\tdisplayName: 'Landing',\n\tversion: '0.1.0',\n\n\tregister(ctx: KuckitClientModuleContext) {\n\t\tctx.registerComponent('LandingPage', LandingPage)\n\n\t\tctx.addRoute({\n\t\t\tid: 'landing',\n\t\t\tpath: '/',\n\t\t\tcomponent: LandingPage,\n\t\t\tmeta: {\n\t\t\t\ttitle: 'Kuckit - Build Modules. Earn Revenue. Ship Faster.',\n\t\t\t\trequiresAuth: false,\n\t\t\t},\n\t\t})\n\t},\n})\n\nexport { LandingPage } from './components/LandingPage'\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kuckit/landing-module",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Landing module for Kuckit",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/server/module.js",
|
|
@@ -32,16 +32,17 @@
|
|
|
32
32
|
"prepublishOnly": "npm run build && node ../../scripts/resolve-workspace-protocols.cjs && node ../../scripts/check-no-workspace-protocol.cjs"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@kuckit/sdk": "^3.0.
|
|
36
|
-
"@kuckit/sdk-react": "^3.0.
|
|
35
|
+
"@kuckit/sdk": "^3.0.3",
|
|
36
|
+
"@kuckit/sdk-react": "^3.0.3",
|
|
37
37
|
"react": "^18 || ^19",
|
|
38
38
|
"sonner": "^2.0.0",
|
|
39
39
|
"typescript": "^5",
|
|
40
40
|
"drizzle-orm": "^0.44.2"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@kuckit/api": "^3.0.
|
|
44
|
-
"@kuckit/domain": "^3.0.
|
|
43
|
+
"@kuckit/api": "^3.0.3",
|
|
44
|
+
"@kuckit/domain": "^3.0.3",
|
|
45
|
+
"@kuckit/polar-payments-module": "^1.0.2",
|
|
45
46
|
"lucide-react": "^0.379.0",
|
|
46
47
|
"zod": "^4.1.11"
|
|
47
48
|
},
|