1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9656],{17553:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/demo",function(){return n(80667)}])},80667:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return DemoIntroPage}});var c=n(85893),s=n(12332),o=n.n(s),i=n(11163),a=n(67294),l=n(62375);function DemoIntroPage(){let e=(0,i.useRouter)(),[t,n]=(0,a.useState)(!1),[s]=(0,a.useState)(0),d=[{number:0,title:"INTRO:",content:"A digital bridge to a tradition born in 1827 â design your own newspaper cover and join the powerful tradition of the Black Press, where stories of freedom come to life."}],handleModeSelect=async t=>{n(!0),await new Promise(e=>setTimeout(e,500)),e.push("/demo/".concat(t))};return(0,c.jsxs)("div",{className:"jsx-cf55585c7c9830bd relative h-screen w-screen overflow-hidden flex bg-neutral-950",children:[(0,c.jsx)("div",{style:{filter:"none",boxShadow:"none"},className:"jsx-cf55585c7c9830bd w-[94px] h-screen flex-shrink-0 relative z-50 pl-1 shadow-none",children:(0,c.jsx)(l.Z,{})}),(0,c.jsxs)("div",{className:"jsx-cf55585c7c9830bd flex-1 relative flex items-center justify-center",children:[t&&(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd absolute inset-0 z-30 bg-[#C5FF32] text-[#1A1A1A] flex items-center justify-center",children:(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd animate-pulse",children:"Opening your creative space..."})}),(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd "+"\n transition-all duration-700 ease-in-out\n ".concat(t?"opacity-0 scale-95":"opacity-100 scale-100","\n "),children:(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd w-full max-w-2xl bg-[#1A1A1A] rounded-lg px-8 py-8 relative border border-white/10 shadow-lg",children:(0,c.jsxs)("div",{className:"jsx-cf55585c7c9830bd",children:[(0,c.jsxs)("div",{className:"jsx-cf55585c7c9830bd text-[#666666] font-mono text-sm mb-8",children:[s,". ",d[s].title]}),(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd text-white mb-2 text-xl font-mono",children:"WELCOME TO THE"}),(0,c.jsxs)("h1",{className:"jsx-cf55585c7c9830bd text-white text-6xl leading-none tracking-tighter font-bold mb-6",children:["FREEDOM TO",(0,c.jsx)("br",{className:"jsx-cf55585c7c9830bd"}),"CREATE TOOL"]}),(0,c.jsx)("p",{className:"jsx-cf55585c7c9830bd text-white text-base max-w-xl mb-12",children:d[s].content}),(0,c.jsxs)("div",{className:"jsx-cf55585c7c9830bd flex items-center gap-4",children:[(0,c.jsxs)("button",{onClick:()=>handleModeSelect("free"),className:"jsx-cf55585c7c9830bd flex-1 bg-[#C5FF32] rounded-lg py-4 text-center\n hover:bg-[#C5FF32]/90 transition-all group",children:[(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd text-[#1A1A1A] text-lg font-mono",children:"FREE CREATE"}),(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd text-[#1A1A1A]/60 text-xs font-mono mt-1",children:"Blank canvas, full control"})]}),(0,c.jsxs)("button",{onClick:()=>handleModeSelect("guided"),className:"jsx-cf55585c7c9830bd flex-1 bg-white/10 border border-white/20 rounded-lg py-4 text-center\n hover:bg-white/20 transition-all group",children:[(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd text-white text-lg font-mono",children:"GUIDED"}),(0,c.jsx)("div",{className:"jsx-cf55585c7c9830bd text-white/60 text-xs font-mono mt-1",children:"Template-based layout"})]})]})]})})})]}),(0,c.jsx)(o(),{id:"cf55585c7c9830bd",children:'.hoverElement,.shadow-none,.hoverElement div,[class*="NewGenerativeLogo"]{filter:none!important;-moz-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important;-webkit-filter:none!important;-webkit-box-shadow:none!important}'})]})}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=17553)}),_N_E=e.O()}]);
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.