1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,67628,e=>{"use strict";var a=e.i(91398),s=e.i(45246),i=e.i(91788),n=e.i(28072),r=e.i(11256);e.s(["default",0,()=>{let[e,f]=(0,i.useState)(0),l=[{src:"/img/admin-ui-1.png",alt:"Product Management",label:"Products Overview"},{src:"/img/admin-ui-3.png",alt:"Product Detail View",label:"Create, Read, Update, Delete"},{src:"/img/admin-ui-2.png",alt:"Admin UI Dashboard",label:"Dashboard in Dark Mode"}];return(0,i.useEffect)(()=>{let e=setInterval(()=>{f(e=>(e+1)%l.length)},7e3);return()=>clearInterval(e)},[l.length]),(0,a.jsxs)(n.Layout,{title:"Unchained Admin UI - Modern Commerce Dashboard",description:"Open-source admin dashboard for Unchained Commerce â manage your headless eâcommerce with AI superpowers",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-hero",children:(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 container",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-hero-content",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-hero-badges",children:[(0,a.jsxs)("span",{className:"jsx-6f92e2f674ba93b0 admin-badge",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"14",height:"14",className:"jsx-6f92e2f674ba93b0",children:(0,a.jsx)("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",className:"jsx-6f92e2f674ba93b0"})}),"Open Source"]}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 admin-badge",children:"Next.js 15"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 admin-badge",children:"React 19"})]}),(0,a.jsx)("h1",{className:"jsx-6f92e2f674ba93b0 admin-hero-title",children:"Unchained Admin UI"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0 admin-hero-subtitle",children:"The open-source admin dashboard for Unchained Commerce. Crafted with care for merchants who demand more â intuitive workflows, AI-powered automation, and a beautiful interface that makes managing your store a pleasure, not a chore."}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-hero-actions",children:(0,a.jsxs)("a",{href:"https://github.com/unchainedshop/unchained/tree/master/admin-ui",className:"jsx-6f92e2f674ba93b0 button button--primary",children:["View on GitHub",(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"18",height:"18",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("polyline",{points:"15 3 21 3 21 9",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"10",y1:"14",x2:"21",y2:"3",className:"jsx-6f92e2f674ba93b0"})]})]})})]})})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-slider-wrapper",children:(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 container",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-slider",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-slider-container",children:l.map((s,i)=>(0,a.jsxs)("div",{className:`jsx-6f92e2f674ba93b0 admin-slide ${i===e?"admin-slide--active":""}`,children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 screenshot-label",children:s.label}),(0,a.jsx)("img",{src:s.src,alt:s.alt,className:"jsx-6f92e2f674ba93b0 admin-screenshot-img"})]},s.src))}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-slider-dots",children:l.map((s,i)=>(0,a.jsx)("button",{onClick:()=>f(i),"aria-label":`Go to slide ${i+1}`,className:`jsx-6f92e2f674ba93b0 admin-slider-dot ${i===e?"admin-slider-dot--active":""}`},s.src))})]})})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-features-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-features-header",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Features"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Built by eâcommerce veterans who understand the daily grind of running an online store. Every feature exists because real merchants needed it â no bloat, no complexity for complexity's sake. Just powerful tools that work the way you think."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-features-grid",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"3",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M12 1v6M12 17v6M4.22 4.22l4.24 4.24M15.54 15.54l4.24 4.24M1 12h6M17 12h6M4.22 19.78l4.24-4.24M15.54 8.46l4.24-4.24",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"AI Copilot"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Built-in AI assistant with Model Context Protocol (MCP) for intelligent automation. Generate product descriptions, analyze sales trends, and automate repetitive tasks with
1natural language."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("polyline",{points:"3.27 6.96 12 12.01 20.73 6.96",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"12",y1:"22.08",x2:"12",y2:"12",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Product Management"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Simple, Bundle, Configurable, Subscription Plans & NFT-tokenized products. Bulk import/export, variant management, and rich media support with drag-and-drop uploads."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("path",{d:"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M16 10a4 4 0 0 1-8 0",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Order & Fulfillment"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Complete order lifecycle with configurable workflows. Process payments, manage returns, print shipping labels, and track fulfillment status in real-time."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("polyline",{points:"14 2 14 8 20 8",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("polyline",{points:"10 9 9 9 8 9",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"B2B Quotations"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Professional quotation management with approval workflows. Custom pricing tiers, volume discounts, and automated follow-ups for enterprise sales cycles."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("line",{x1:"18",y1:"20",x2:"18",y2:"10",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"12",y1:"20",x2:"12",y2:"4",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"6",y1:"20",x2:"6",y2:"14",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Inventory Control"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Multi-warehouse tracking with low-stock alerts. Automatic reorder points, batch/lot tracking, and real-time stock synchronization across all sales channels."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("rect",{x:"1",y:"4",width:"22",height:"16",rx:"2",ry:"2",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"1",y1:"10",x2:"23",y2:"10",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Payment & Shipping"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Integrate any payment gateway or delivery provider. Stripe, PayPal, crypto, and custom providers with configurable rules for taxes and shipping rates."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"2",y1:"12",x2:"22",y2:"12",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Multi-language & Currency"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Full i18n support with country-specific locales. Manage translations, regional pricing, and currency conversions with automatic exchange rate updates."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M7 11V7a5 5 0 0 1 10 0v4",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Role-Based Access"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Granular permissions with build-time security. Define custom roles for staff, managers, and partners with fine-grained control over every feature and data set."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("circle",{cx:"13.5",cy:"6.5",r:"0.5",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("circle",{cx:"17.5",cy:"10.5",r:"0.5",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("circle",{cx:"8.5",cy:"7.5",r:"0.5",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("circle",{cx:"6.5",cy:"12.5",r:"0.5",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.555C21.965 6.012 17.461 2 12 2z",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Customizable Branding"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"White-label ready with custom logos. Match your brand identity with custom colors, typography, and domain configuration for a seamless customer experience."})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-card",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-feature-icon",children:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2",ry:"2",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"12",y1:"18",x2:"12.01",y2:"18",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("h3",{className:"jsx-6f92e2f674ba93b0",children:"Responsive Design"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Works on desktop, tablet, and mobile. Manage orders on the go, check inventory from anywhere, and respond to customer inquiries from any device."})]})]})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-techstack-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-techstack-header",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Tech Stack"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Built with modern technologies for performance and developer experience"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-techstack-grid",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-item",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-logo",children:(0,a.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 256 256",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("circle",{cx:"128",cy:"128",r:"128",fill:"#000",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M212.634 224.028C207.003 231.3 200.57 237.9 193.452 243.7L115.498 140.159V189.238H104.834V125.209L212.634 224.028Z",fill:"url(#next-a)",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M162.06 120.724H151.396V66.762H162.06V120.724Z",fill:"url(#next-b)",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsxs)("defs",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsxs)("linearGradient",{id:"next-a",x1:"143",y1:"150",x2:"205",y2:"234",gradientUnits:"userSpaceOnUse",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("stop",{stopColor:"white",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("stop",{offset:"1",stopColor:"white",stopOpacity:"0",className:"jsx-6f92e2f674ba93b0"})]}),(0,a.jsxs)("linearGradient",{id:"next-b",x1:"156",y1:"67",x2:"156",y2:"121",gradientUnits:"userSpaceOnUse",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("stop",{stopColor:"white",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("stop",{offset:"1",stopColor:"white",stopOpacity:"0",className:"jsx-6f92e2f674ba93b0"})]})]})]})}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Next.js 15"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-item",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-logo",children:(0,a.jsxs)("svg",{width:"32",height:"32",viewBox:"-11.5 -10.232 23 20.463",xmlns:"http://www.w3.org/2000/svg",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("circle",{r:"2.05",fill:"#61dafb",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsxs)("g",{stroke:"#61dafb",strokeWidth:"1",fill:"none",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("ellipse",{rx:"11",ry:"4.2",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("ellipse",{rx:"11",ry:"4.2",transform:"rotate(60)",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("ellipse",{rx:"11",ry:"4.2",transform:"rotate(120)",className:"jsx-6f92e2f674ba93b0"})]})]})}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"React 19"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-item",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-logo",children:(0,a.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("path",{d:"M160.227 178.519h27.63L143.75 64.049h-30.549l-44.107 114.47h27.632l7.208-19.39h41.675l-7.078-21.39H113.236l22.14-57.353 24.851 62.133z",fill:"#112B49",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128 128-57.308 128-128S198.692 0 128 0zm0 239.891c-61.714 0-111.891-50.177-111.891-111.891S66.286 16.109 128 16.109 239.891 66.286 239.891 128 189.714 239.891 128 239.891z",fill:"#112B49",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Apollo GraphQL"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-item",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-logo",children:(0,a.jsx)("svg",{width:"32",height:"32",viewBox:"0 0 256 154",xmlns:"http://www.w3.org/2000/svg",className:"jsx-6f92e2f674ba93b0",children:(0,a.jsx)("path",{d:"M128 0C93.867 0 72.533 17.067 64 51.2 76.8 34.133 91.733 27.733 108.8 32c9.737 2.434 16.697 9.499 24.401 17.318C145.751 62.057 160.275 76.8 192 76.8c34.133 0 55.467-17.067 64-51.2-12.8 17.067-27.733 23.467-44.8 19.2-9.737-2.434-16.697-9.499-24.401-17.318C174.249 14.743 159.725 0 128 0zM64 76.8C29.867 76.8 8.533 93.867 0 128c12.8-17.067 27.733-23.467 44.8-19.2 9.737 2.434 16.697 9.499 24.401 17.318C81.751 138.857 96.275 153.6 128 153.6c34.133 0 55.467-17.067 64-51.2-12.8 17.067-27.733 23.467-44.8 19.2-9.737-2.434-16.697-9.499-24.401-17.318C110.249 91.543 95.725 76.8 64 76.8z",fill:"#06B6D4",className:"jsx-6f92e2f674ba93b0"})})}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Tailwind CSS 4"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-item",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-tech-logo",children:(0,a.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("rect",{width:"256",height:"256",rx:"20",fill:"#3178C6",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("path",{d:"M150.518 200.475v27.62c4.492 2.302 9.805 4.028 15.938 5.179 6.133 1.151 12.597 1.726 19.393 1.726 6.622 0 12.914-.633 18.874-1.899 5.96-1.266 11.187-3.352 15.678-6.257 4.492-2.906 8.048-6.796 10.669-11.672 2.62-4.876 3.931-10.997 3.931-18.363 0-5.268-.862-9.883-2.586-13.844-1.724-3.961-4.088-7.517-7.091-10.669-3.003-3.151-6.507-5.982-10.515-8.492-4.007-2.51-8.28-4.906-12.817-7.189-3.34-1.668-6.392-3.277-9.158-4.828-2.766-1.551-5.14-3.123-7.122-4.714-1.982-1.592-3.524-3.277-4.627-5.063-1.103-1.786-1.654-3.82-1.654-6.1 0-2.094.493-3.973 1.481-5.637.987-1.
1665 2.392-3.095 4.215-4.29 1.824-1.195 4.007-2.12 6.551-2.774 2.544-.654 5.376-.981 8.497-.981 2.217 0 4.56.193 7.029.578 2.47.386 4.96.981 7.473 1.784 2.514.804 4.921 1.822 7.223 3.054 2.302 1.232 4.369 2.697 6.199 4.395v-25.459c-4.122-1.668-8.68-2.906-13.672-3.713-4.992-.807-10.669-1.211-17.03-1.211-6.567 0-12.784.691-18.652 2.072-5.868 1.381-11.012 3.545-15.434 6.49-4.421 2.945-7.913 6.738-10.476 11.379-2.563 4.641-3.844 10.244-3.844 16.808 0 8.673 2.524 16.016 7.571 22.03 5.047 6.014 12.424 11.078 22.131 15.192 3.896 1.61 7.532 3.195 10.907 4.752 3.375 1.558 6.305 3.179 8.789 4.866 2.484 1.687 4.444 3.535 5.878 5.543 1.434 2.009 2.152 4.31 2.152 6.906 0 1.965-.435 3.752-1.308 5.361-.871 1.61-2.179 2.993-3.921 4.149-1.743 1.155-3.921 2.049-6.535 2.68-2.614.631-5.653.946-9.117.946-5.955 0-11.836-1.098-17.643-3.293-5.806-2.196-11.063-5.468-15.769-9.818zm-46.404-83.834h38.18v-22.225h-106.4v22.225h38.18v105.359h30.04v-105.359z",fill:"#FFF",className:"jsx-6f92e2f674ba93b0"})]})}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"TypeScript"})]})]}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0 admin-techstack-extra",children:"Plus: Formik, React Intl, Headless UI, Recharts, Cypress, AI SDK"})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-quickstart-section",children:(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 container",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-quickstart-content",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-quickstart-text",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Quick Start"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Get up and running in minutes with a simple setup process"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-prerequisites",children:[(0,a.jsx)("h4",{className:"jsx-6f92e2f674ba93b0",children:"Prerequisites"}),(0,a.jsxs)("ul",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsxs)("li",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"16",height:"16",className:"jsx-6f92e2f674ba93b0",children:(0,a.jsx)("path",{d:"M20 6L9 17l-5-5",className:"jsx-6f92e2f674ba93b0"})}),"Node.js 22+"]}),(0,a.jsxs)("li",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"16",height:"16",className:"jsx-6f92e2f674ba93b0",children:(0,a.jsx)("path",{d:"M20 6L9 17l-5-5",className:"jsx-6f92e2f674ba93b0"})}),"Unchained Engine running on localhost:4010"]})]})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-terminal",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-header",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-dot terminal-dot--red"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-dot terminal-dot--yellow"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-dot terminal-dot--green"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-title",children:"Terminal"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-body",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 terminal-comment",children:"# Clone the repository"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-line",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-prompt",children:"$"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-command",children:"git clone [email protected]:unchainedshop/unchained.git"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-line",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-prompt",children:"$"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-command",children:"cd admin-ui"})]}),(0,a.jsx)("br",{className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 terminal-comment",children:"# Install dependencies"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-line",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-prompt",children:"$"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-command",children:"npm install"})]}),(0,a.jsx)("br",{className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 terminal-comment",children:"# Start development server"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-line",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-prompt",children:"$"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-command",children:"npm run dev"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 terminal-output",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 terminal-success",children:"Ready"})," on http://localhost:3000"]})]})]})]})})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-config-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Configuration"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0 admin-config-intro",children:"Environment variables for customizing your Admin UI deployment"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-config-table",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 config-row config-header",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"Variable"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"Default"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"Description"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 config-row",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"NEXT_PUBLIC_GRAPHQL_ENDPOINT"})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"http://localhost:4010/gra
1phql"})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"Unchained Engine GraphQL endpoint"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 config-row",children:[(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"NEXT_PUBLIC_LOGO"})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"â"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-cell",children:"URL to your custom logo"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-config-example",children:[(0,a.jsx)("h4",{className:"jsx-6f92e2f674ba93b0",children:"Example .env.local"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 config-code",children:(0,a.jsxs)("code",{className:"jsx-6f92e2f674ba93b0",children:["NEXT_PUBLIC_GRAPHQL_ENDPOINT=https://your-engine.example.com/graphql",(0,a.jsx)("br",{className:"jsx-6f92e2f674ba93b0"}),"NEXT_PUBLIC_LOGO=https://your-cdn.com/logo.svg"]})})]})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-architecture-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-architecture-header",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Modular Architecture"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"27+ domain modules organized for maintainability and scalability"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-modules-grid",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"package",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"product/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Catalog & variants"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"clipboard",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"order/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Order management"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"scroll",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"quotation/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"B2B quotations"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"bot",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"copilot/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"AI assistant"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"ticket",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"token/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"NFT tokenization"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"refresh",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"enrollment/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Subscriptions"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"folder",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"assortment/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Categories"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"user",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"user/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Customer management"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"credit-card",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"payment-providers/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Payment gateways"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"truck",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"delivery-provider/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Shipping"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"globe",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"country/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Multi-country"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-card",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-icon",children:(0,a.jsx)(r.Icon,{name:"trending-up",size:18})}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 module-info",children:[(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-name",children:"currency/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0 module-desc",children:"Multi-currency"})]})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-module-pattern",children:[(0,a.jsx)("h4",{className:"jsx-6f92e2f674ba93b0",children:"Each module follows the pattern:"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 pattern-list",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 pattern-item",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"components/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"React components"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 pattern-item",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"hooks/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Data fetching hooks"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 pattern-item",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"fragments/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"GraphQL fragments"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 pattern-item",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"utils/"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Domain utilities"})]})]})]})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-commands-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Development Commands"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-commands-grid",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run dev"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Start dev server with debugging"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run build"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Production build"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run lint"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Run ESLint"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run format"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Format with Prettier"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run codegen"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Generate GraphQL types"})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 command-card",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run test:e2e"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"Run Cypress E2E tests"})]})]})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-deployment-section",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 container",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Deployment Options"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-deployment-grid",children:[(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 deployment-card",children:[(0,a.jsxs)("h3",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"24",height:"24",className:"jsx-6f92e2f674ba93b0",children:(0,a.jsx)("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",className:"jsx-6f92e2f674ba93b0"})}),"Static Export"]}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Deploy to any CDN â Vercel, Netlify, S3, and more"}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 deployment-code",children:[(0,a.jsx)("code",{className:"jsx-6f92e2f674ba93b0",children:"npm run build"}),(0,a.jsx)("span",{className:"jsx-6f92e2f674ba93b0",children:"# Output in ./out/"})]})]}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 deployment-card",children:[(0,a.jsxs)("h3",{className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",width:"24",height:"24",className:"jsx-6f92e2f674ba93b0",children:[(0,a.jsx)("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",ry:"2",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"8",y1:"21",x2:"16",y2:"21",className:"jsx-6f92e2f674ba93b0"}),(0,a.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"21",className:"jsx-6f92e2f674ba93b0"})]}),"Express / Fastify"]}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Integrate directly into your existing Node.js server"}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 deployment-code",children:(0,a.jsxs)("code",{className:"jsx-6f92e2f674ba93b0",children:["import ","{ expressRouter }"," from '@unchainedshop/admin-ui/express';"]})})]})]})]})}),(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 admin-cta-section",children:(0,a.jsx)("div",{className:"jsx-6f92e2f674ba93b0 container",children:(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-cta-content",children:[(0,a.jsx)("h2",{className:"jsx-6f92e2f674ba93b0",children:"Ready to Get Started?"}),(0,a.jsx)("p",{className:"jsx-6f92e2f674ba93b0",children:"Join merchants who've discovered what eâcommerce management should feel like. Open source means you own it completely â fork it, extend it, make it yours. No licensing fees, no vend
1or lock-in, just a beautifully crafted tool that grows with your business."}),(0,a.jsxs)("div",{className:"jsx-6f92e2f674ba93b0 admin-cta-actions",children:[(0,a.jsx)("a",{href:"https://github.com/unchainedshop/unchained/tree/master/admin-ui",className:"jsx-6f92e2f674ba93b0 button button--primary",children:"View on GitHub"}),(0,a.jsx)("a",{href:"https://docs.unchained.shop",className:"jsx-6f92e2f674ba93b0 button button--secondary",children:"Read Documentation"})]})]})})}),(0,a.jsx)(s.default,{id:"6f92e2f674ba93b0",children:'.admin-hero.jsx-6f92e2f674ba93b0{background:0 0;padding:5rem 0 4rem;position:relative;overflow:hidden}.admin-hero.jsx-6f92e2f674ba93b0:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff0 0% 60%,#fff 100%);position:absolute;inset:0}.admin-hero.jsx-6f92e2f674ba93b0>.jsx-6f92e2f674ba93b0{z-index:1;position:relative}.admin-hero-content.jsx-6f92e2f674ba93b0{max-width:max(450px,min(35vw,600px))}.admin-hero-badges.jsx-6f92e2f674ba93b0{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.admin-badge.jsx-6f92e2f674ba93b0{color:#666;background:#f5f5f5;border:1px solid #eaeaea;border-radius:100px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.admin-hero-title.jsx-6f92e2f674ba93b0{color:#000;letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:600}.admin-hero-subtitle.jsx-6f92e2f674ba93b0{color:#666;max-width:600px;line-height:1.6}.admin-hero-actions.jsx-6f92e2f674ba93b0{flex-wrap:wrap;gap:1rem;display:flex}.admin-hero-actions.jsx-6f92e2f674ba93b0 .button.jsx-6f92e2f674ba93b0{align-items:center;gap:.5rem;display:inline-flex}.admin-slider-wrapper.jsx-6f92e2f674ba93b0{z-index:10;margin-top:-12rem;margin-bottom:-14rem;position:relative}.admin-slider-wrapper.jsx-6f92e2f674ba93b0 .container.jsx-6f92e2f674ba93b0{justify-content:flex-end;display:flex}.admin-slider.jsx-6f92e2f674ba93b0{width:50%;max-width:700px}.admin-slider-container.jsx-6f92e2f674ba93b0{background:#fff;border:1px solid #eaeaea;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001a}.admin-slide.jsx-6f92e2f674ba93b0{opacity:0;visibility:hidden;width:100%;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;position:absolute;top:0;left:0}.admin-slide--active.jsx-6f92e2f674ba93b0{opacity:1;visibility:visible;position:relative}.screenshot-label.jsx-6f92e2f674ba93b0{color:#666;border-bottom:1px solid #eaeaea;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.admin-screenshot-img.jsx-6f92e2f674ba93b0{width:100%;height:auto;display:block}.admin-slider-dots.jsx-6f92e2f674ba93b0{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.admin-slider-dot.jsx-6f92e2f674ba93b0{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.admin-slider-dot.jsx-6f92e2f674ba93b0:hover{border-color:#666}.admin-slider-dot--active.jsx-6f92e2f674ba93b0{background:#000;border-color:#000}.admin-features-section.jsx-6f92e2f674ba93b0{background:#fafafa;padding:5rem 0}.admin-features-header.jsx-6f92e2f674ba93b0{max-width:max(450px,min(35vw,600px));margin-bottom:3rem}.admin-features-header.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.75rem;font-size:2.5rem;font-weight:600}.admin-features-header.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;font-size:1.125rem;line-height:1.7}.admin-features-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.admin-feature-card.jsx-6f92e2f674ba93b0{background:#fafafa;border:1px solid #eaeaea;border-radius:12px;padding:1.5rem;transition:all .2s}.admin-feature-card.jsx-6f92e2f674ba93b0:hover{border-color:#000;box-shadow:0 4px 12px #0000000d}.admin-feature-icon.jsx-6f92e2f674ba93b0{background:#fff;border:1px solid #eaeaea;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.admin-feature-icon.jsx-6f92e2f674ba93b0 svg.jsx-6f92e2f674ba93b0{stroke:#666;width:24px;height:24px}.admin-feature-card.jsx-6f92e2f674ba93b0 h3.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.5rem;font-size:1rem;font-weight:600}.admin-feature-card.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;margin:0;font-size:.875rem;line-height:1.5}.admin-techstack-section.jsx-6f92e2f674ba93b0{background:#fafafa;border-top:1px solid #eaeaea;padding:5rem 0}.admin-techstack-header.jsx-6f92e2f674ba93b0{margin-bottom:2.5rem}.admin-techstack-header.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.5rem;font-size:2rem;font-weight:600}.admin-techstack-header.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;font-size:1rem}.admin-techstack-grid.jsx-6f92e2f674ba93b0{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;display:flex}.admin-tech-item.jsx-6f92e2f674ba93b0{align-items:center;gap:1rem;display:flex}.admin-tech-logo.jsx-6f92e2f674ba93b0{background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-tech-item.jsx-6f92e2f674ba93b0 span.jsx-6f92e2f674ba93b0{color:#333;font-size:.9375rem;font-weight:500}.admin-techstack-extra.jsx-6f92e2f674ba93b0{color:#888;font-size:.875rem}.admin-quickstart-section.jsx-6f92e2f674ba93b0{background:#fff;padding:5rem 0}.admin-quickstart-content.jsx-6f92e2f674ba93b0{grid-template-columns:1fr 1.2fr;align-items:start;gap:1rem;display:grid}.admin-quickstart-text.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.75rem;font-size:2rem;font-weight:600}.admin-quickstart-text.jsx-6f92e2f674ba93b0>p.jsx-6f92e2f674ba93b0{color:#666;margin-bottom:2rem;font-size:1rem}.admin-prerequisites.jsx-6f92e2f674ba93b0 h4.jsx-6f92e2f674ba93b0{color:#000;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}
1.admin-prerequisites.jsx-6f92e2f674ba93b0 ul.jsx-6f92e2f674ba93b0{margin:0;padding:0;list-style:none}.admin-prerequisites.jsx-6f92e2f674ba93b0 li.jsx-6f92e2f674ba93b0{color:#666;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9375rem;display:flex}.admin-prerequisites.jsx-6f92e2f674ba93b0 svg.jsx-6f92e2f674ba93b0{color:#10b981}.admin-terminal.jsx-6f92e2f674ba93b0{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001f}.terminal-header.jsx-6f92e2f674ba93b0{background:#2a2a2a;border-bottom:1px solid #333;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.terminal-dot.jsx-6f92e2f674ba93b0{border-radius:50%;width:12px;height:12px}.terminal-dot--red.jsx-6f92e2f674ba93b0{background:#ff5f56}.terminal-dot--yellow.jsx-6f92e2f674ba93b0{background:#ffbd2e}.terminal-dot--green.jsx-6f92e2f674ba93b0{background:#27ca40}.terminal-title.jsx-6f92e2f674ba93b0{color:#666;font-size:.75rem}.terminal-body.jsx-6f92e2f674ba93b0{padding:1.25rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.terminal-comment.jsx-6f92e2f674ba93b0{color:#666}.terminal-line.jsx-6f92e2f674ba93b0{gap:.5rem;display:flex}.terminal-prompt.jsx-6f92e2f674ba93b0{color:#10b981}.terminal-command.jsx-6f92e2f674ba93b0{color:#fff}.terminal-output.jsx-6f92e2f674ba93b0{color:#888;margin-top:.25rem}.terminal-success.jsx-6f92e2f674ba93b0{color:#10b981}.admin-config-section.jsx-6f92e2f674ba93b0{background:#fafafa;border-top:1px solid #eaeaea;padding:5rem 0}.admin-config-section.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.5rem;font-size:2rem;font-weight:600}.admin-config-intro.jsx-6f92e2f674ba93b0{color:#666;margin-bottom:2rem;font-size:1rem}.admin-config-table.jsx-6f92e2f674ba93b0{background:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:2rem;overflow:hidden}.config-row.jsx-6f92e2f674ba93b0{border-bottom:1px solid #eaeaea;grid-template-columns:1fr 1fr 1.5fr;display:grid}.config-row.jsx-6f92e2f674ba93b0:last-child{border-bottom:none}.config-header.jsx-6f92e2f674ba93b0{text-transform:uppercase;letter-spacing:.05em;color:#666;background:#f5f5f5;font-size:.8125rem;font-weight:600}.config-cell.jsx-6f92e2f674ba93b0{color:#333;padding:1rem 1.25rem;font-size:.9375rem}.config-cell.jsx-6f92e2f674ba93b0 code.jsx-6f92e2f674ba93b0{color:#e535ab;background:#f5f5f5;border-radius:4px;padding:.25rem .5rem;font-size:.8125rem}.admin-config-example.jsx-6f92e2f674ba93b0 h4.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.config-code.jsx-6f92e2f674ba93b0{background:#1a1a1a;border-radius:8px;padding:1rem 1.25rem}.config-code.jsx-6f92e2f674ba93b0 code.jsx-6f92e2f674ba93b0{color:#10b981;font-family:SF Mono,Monaco,monospace;font-size:.875rem}.admin-architecture-section.jsx-6f92e2f674ba93b0{background:#fff;padding:5rem 0}.admin-architecture-header.jsx-6f92e2f674ba93b0{margin-bottom:2.5rem}.admin-architecture-header.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.5rem;font-size:2rem;font-weight:600}.admin-architecture-header.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;font-size:1rem}.admin-modules-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.admin-module-card.jsx-6f92e2f674ba93b0{background:#fafafa;border:1px solid #eaeaea;border-radius:10px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.admin-module-card.jsx-6f92e2f674ba93b0:hover{border-color:#000;box-shadow:0 4px 12px #0000000d}.module-icon.jsx-6f92e2f674ba93b0{flex-shrink:0;font-size:1.25rem}.module-info.jsx-6f92e2f674ba93b0{flex-direction:column;gap:.125rem;display:flex}.module-name.jsx-6f92e2f674ba93b0{color:#000;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;font-weight:600}.module-desc.jsx-6f92e2f674ba93b0{color:#666;font-size:.75rem}.admin-module-pattern.jsx-6f92e2f674ba93b0{background:#fafafa;border:1px solid #eaeaea;border-radius:12px;padding:1.5rem 2rem}.admin-module-pattern.jsx-6f92e2f674ba93b0 h4.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:1rem;font-size:.875rem;font-weight:600}.pattern-list.jsx-6f92e2f674ba93b0{flex-wrap:wrap;gap:2rem;display:flex}.pattern-item.jsx-6f92e2f674ba93b0{align-items:center;gap:.75rem;display:flex}.pattern-item.jsx-6f92e2f674ba93b0 code.jsx-6f92e2f674ba93b0{color:#e535ab;background:#fff;border:1px solid #eaeaea;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem}.pattern-item.jsx-6f92e2f674ba93b0 span.jsx-6f92e2f674ba93b0{color:#666;font-size:.875rem}.admin-commands-section.jsx-6f92e2f674ba93b0{background:#fafafa;border-top:1px solid #eaeaea;padding:5rem 0}.admin-commands-section.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:2rem;font-size:2rem;font-weight:600}.admin-commands-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.command-card.jsx-6f92e2f674ba93b0{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:1.25rem;transition:all .2s}.command-card.jsx-6f92e2f674ba93b0:hover{border-color:#000}.command-card.jsx-6f92e2f674ba93b0 code.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:.5rem;font-family:SF Mono,Monaco,monospace;font-size:.875rem;font-weight:600;display:block}.command-card.jsx-6f92e2f674ba93b0 span.jsx-6f92e2f674ba93b0{color:#666;font-size:.8125rem}.admin-deployment-section.jsx-6f92e2f674ba93b0{background:#fff;padding:5rem 0}.admin-deployment-section.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:2rem;font-size:2rem;font-weight:600}.admin-deployment-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.deployment-card.jsx-6f92e2f674ba93b0{background:#fafafa;border:1px solid #eaeaea;border-radius:12px;padding:2rem}.deployment-card.jsx-6f92e2f674ba93b0 h3.jsx-6f92e2f674ba93b0{color:#000;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.deployment-card.jsx-6f92e2f674ba93b0 h3.jsx-6f92e2f674ba93b0 svg.jsx-6f92e2f674ba93b0{stroke:#666}.deployment-card.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;margin-bottom:1.25rem;font-size:.9375rem}.deployment-code.jsx-6f92e2f674ba93b0{background:#1a1a1a;border-radius:8px;padding:1rem}.deployment-code.jsx-6f92e2f674ba93b0 code.jsx-6f92e2f674ba93b0{color:#10b981;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;display:block}.deployment-code.jsx-6f92e2f674ba93b0 span.jsx-6f92e2f674ba93b0{color:#666;margin-top:.25rem;font-size:.75rem;display:block}.admin-cta-section.jsx-6f92e2f674ba93b0{background:#fafafa;border-top:1px solid #eaeaea;padding:5rem 0}.admin-cta-content.jsx-6f92e2f674ba93b0{max-width:700px}.admin-cta-content.jsx-6f92e2f674ba93b0 h2.jsx-6f92e2f674ba93b0{color:#000;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.admin-cta-content.jsx-6f92e2f674ba93b0 p.jsx-6f92e2f674ba93b0{color:#666;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.admin-cta-actions.jsx-6f92e2f674ba93b0{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=1200px){.admin-features-grid.jsx-6f92e2f674ba93b0,.admin-modules-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.admin-hero-content.jsx-6f92e2f674ba93b0,.admin-features-header.jsx-6f92e2f674ba93b0{max-width:100%}
1.admin-slider-wrapper.jsx-6f92e2f674ba93b0{margin-top:0;margin-bottom:0}.admin-slider.jsx-6f92e2f674ba93b0{width:100%;max-width:100%}.admin-quickstart-content.jsx-6f92e2f674ba93b0{grid-template-columns:1fr}.admin-commands-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-slider-wrapper.jsx-6f92e2f674ba93b0{margin-top:0;margin-bottom:0}.admin-slider-wrapper.jsx-6f92e2f674ba93b0 .container.jsx-6f92e2f674ba93b0{justify-content:center}.admin-slider.jsx-6f92e2f674ba93b0{max-width:100%}.admin-hero-title.jsx-6f92e2f674ba93b0{font-size:2.5rem}.admin-features-grid.jsx-6f92e2f674ba93b0,.admin-modules-grid.jsx-6f92e2f674ba93b0{grid-template-columns:repeat(2,1fr)}.config-row.jsx-6f92e2f674ba93b0{grid-template-columns:1fr;gap:.5rem}.config-header.jsx-6f92e2f674ba93b0{display:none}.config-cell.jsx-6f92e2f674ba93b0{padding:.75rem 1rem}.admin-deployment-grid.jsx-6f92e2f674ba93b0,.admin-commands-grid.jsx-6f92e2f674ba93b0{grid-template-columns:1fr}.pattern-list.jsx-6f92e2f674ba93b0,.admin-techstack-grid.jsx-6f92e2f674ba93b0{flex-direction:column;gap:1rem}}@media (width<=640px){.admin-hero-title.jsx-6f92e2f674ba93b0{font-size:2rem}.admin-features-grid.jsx-6f92e2f674ba93b0,.admin-modules-grid.jsx-6f92e2f674ba93b0{grid-template-columns:1fr}.admin-techstack-grid.jsx-6f92e2f674ba93b0{gap:.75rem}.admin-tech-logo.jsx-6f92e2f674ba93b0{width:48px;height:48px}}'})]})}])},12239,(e,a,s)=>{let i="/unchained-admin-ui";(window.__NEXT_P=window.__NEXT_P||[]).push([i,()=>e.r(67628)]),a.hot&&a.hot.dispose(function(){window.__NEXT_P.push([i])})}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.