https://www.smartcms.ai/_next/static/chunks/app/%5Blocale%5D/page-a59c81697a2e8651.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[465],{5913:(e,n,s)=>{"use strict";s.d(n,{MarketingNav:()=>p});var r=s(95155),t=s(52619),a=s.n(t),i=s(20063),l=s(12115),o=s(48737),d=s(26615),c=s(44622),h=s(94801),m=s(61523),u=s(91489);function p(e){let{locale:n,signupEnabled:s}=e,[t,p]=(0,l.useState)(!1),j=(0,l.useRef)(null),x=(0,i.usePathname)().replace(/^\/(en-US|de-DE)(?=\/|$)/,"")||"/",v=[["/products",(0,u.aL)(n,"Produkt","Product")],["/solutions",(0,u.aL)(n,"Anwendungsf\xe4lle","Use cases")],["/demo",(0,u.aL)(n,"Demo","Demo")],["/developers",(0,u.aL)(n,"Entwickler","Developers")],["/pricing",(0,u.aL)(n,"Preise","Pricing")]],b=(0,u.f_)(n,s),g=s?"open":"closed",f=()=>p(!1);return(0,r.jsxs)("header",{className:"m-header",onKeyDown:e=>{if("Escape"===e.key&&t){var n;f(),null==(n=j.current)||n.focus()}},children:[(0,r.jsxs)("div",{className:"m-header-inner",children:[(0,r.jsxs)(a(),{href:(0,u.QI)(n),className:"m-brand","aria-label":(0,u.aL)(n,"smartcms Startseite","smartcms home"),onClick:f,children:[(0,r.jsx)(h.p,{}),(0,r.jsxs)("span",{children:["smartcms",(0,r.jsx)("span",{className:"m-brand-dot",children:"."})]})]}),(0,r.jsx)("nav",{className:"m-desktop-nav","aria-label":(0,u.aL)(n,"Hauptnavigation","Main navigation"),children:v.map(e=>{let[s,t]=e;return(0,r.jsx)(a(),{href:(0,u.QI)(n,s),"aria-current":x===s?"page":void 0,children:t},s)})}),(0,r.jsxs)("div",{className:"m-header-actions",children:[(0,r.jsx)(o.ThemeSelect,{locale:n}),(0,r.jsx)(a(),{className:"m-language",href:(0,u.QI)("de-DE"===n?"en-US":"de-DE",x),hrefLang:"de-DE"===n?"en":"de",lang:"de-DE"===n?"en":"de","aria-label":"de-DE"===n?"Switch to English":"Auf Deutsch wechseln",children:"de-DE"===n?"EN":"DE"}),(0,r.jsx)(a(),{className:"m-login",href:(0,u.QI)(n,"/login"),children:"Login"}),(0,r.jsx)(a(),{className:"m-button m-button-small m-header-cta",href:b.href,...(0,m.N)("cta-primary",{location:"nav",signup:g}),children:b.label}),(0,r.jsx)("button",{ref:j,className:"m-menu-button","aria-expanded":t,"aria-controls":"marketing-mobile-nav","aria-label":(0,u.aL)(n,t?"Men\xfc schlie\xdfen":"Men\xfc \xf6ffnen",t?"Close menu":"Open menu"),onClick:()=>p(!t),children:t?(0,r.jsx)(d.A,{size:22}):(0,r.jsx)(c.A,{size:22})})]})]}),(0,r.jsxs)("nav",{id:"marketing-mobile-nav",className:"m-mobile-nav",hidden:!t,"aria-label":(0,u.aL)(n,"Mobile Navigation","Mobile navigation"),children:[v.map(e=>{let[s,t]=e;return(0,r.jsx)(a(),{href:(0,u.QI)(n,s),onClick:f,children:t},s)}),(0,r.jsx)(a(),{href:(0,u.QI)(n,"/login"),onClick:f,children:"Login"}),(0,r.jsx)(a(),{className:"m-button",href:b.href,onClick:f,...(0,m.N)("cta-primary",{location:"nav-mobile",signup:g}),children:b.label})]})]})}},10253:(e,n,s)=>{"use strict";function r(e){let{src:n}=e;return n}s.r(n),s.d(n,{default:()=>r})},21794:(e,n,s)=>{"use strict";s.d(n,{ProductDemo:()=>v});var r=s(95155),t=s(12115),a=s(36204),i=s(69795),l=s(94915),o=s(35831),d=s(59338),c=s(63263),h=s(18844),m=s(72251),u=s(74115),p=s(76140),j=s(61523),x=s(91489);function v(e){let{locale:n}=e,s=(e,s)=>(0,x.aL)(n,e,s),v=[{name:s("Wissensportal","Knowledge hub"),brand:"COMMON GROUND",prompt:s("Erstelle ein Wissensportal mit Artikeln, Autoren und Kategorien. Die App braucht eine \xdcbersicht und Artikeldetails.","Create a knowledge hub with articles, authors and categories. The app needs an overview and article details."),record:s("Artikel","Article"),relation:s("Autor","Author"),taxonomy:s("Kategorie","Category"),person:"Alex Morgan",title:s("Wissen, das uns weiterbringt","Knowledge that moves us forward"),category:s("Zusammenarbeit","Collaboration"),text:s("Gute Ideen wachsen, wenn wir sie teilen. Entdecke neue Perspektiven f\xfcr die Zusammenarbeit im Team.","Good ideas grow when we share them. Discover new perspectives for working together as a team.")},{name:s("Eventportal","Event portal"),brand:"MEET & MAKE",prompt:s("Erstelle ein Eventportal mit Veranstaltungen, Speakern und Themen. Die App braucht eine \xdcbersicht und Eventdetails.","Create an event portal with events, speakers and topics. The app needs an overview and event details."),record:s("Veranstaltung","Event"),relation:"Speaker",taxonomy:s("Thema","Topic"),person:"Sam Rivera",title:s("Ideen gemeinsam gestalten","Shape ideas together"),category:s("Workshop","Workshop"),text:s("Menschen treffen, Perspektiven austauschen und Neues ausprobieren. Ein Workshop f\xfcr gemeinsame Ideen.","Meet people, exchange perspectives and try something new. A workshop for shared ideas.")}

1,{name:s("Produktkatalog","Product catalog"),brand:"FORM & FUNCTION",prompt:s("Erstelle einen Produktkatalog mit Produkten, Herstellern und Kategorien. Die App braucht eine \xdcbersicht und Produktdetails.","Create a product catalog with products, manufacturers and categories. The app needs an overview and product details."),record:s("Produkt","Product"),relation:s("Hersteller","Manufacturer"),taxonomy:s("Kategorie","Category"),person:"Studio North",title:s("Platz f\xfcr gute Ideen","Space for good ideas"),category:s("Arbeitsplatz","Workspace"),text:s("Durchdachtes Design f\xfcr deinen Alltag. Entdecke Materialien und Details, die den Unterschied machen.","Thoughtful design for everyday life. Discover materials and details that make a difference.")}],[b,g]=(0,t.useState)(0),f=v[b],[y,N]=(0,t.useState)(0),[k,w]=(0,t.useState)(null),[E,D]=(0,t.useState)(null),A=(0,t.useRef)(null),[C,z]=(0,t.useState)("cards"),[S,I]=(0,t.useState)(!1),[P,T]=(0,t.useState)("cards"),L=null!=k?k:f.title,R=[s("Beschreiben","Describe"),s("Struktur","Structure"),s("Gestalten","Create"),s("Ver\xf6ffentlichen","Publish")];function M(e){g(e),w(null),D(null),I(!1),T("cards")}function O(e){N(e),I(!1),(0,j._)("demo-step",{step:e+1})}let W=()=>{L.trim()&&(D(L.trim()),z(P),N(3),I(!1),(0,j._)("demo-publish"))},B=e=>(0,r.jsxs)("div",{className:"m-journey-app ".concat(e?"m-journey-app-live":""),children:[(0,r.jsxs)("div",{className:"m-journey-app-nav",children:[(0,r.jsx)("b",{children:f.brand}),(0,r.jsx)("button",{type:"button",onClick:()=>I(!1),children:s("\xdcbersicht","Overview")})]}),S&&e?(0,r.jsxs)("div",{className:"m-journey-detail",children:[(0,r.jsxs)("button",{className:"m-journey-back",onClick:()=>I(!1),children:[(0,r.jsx)(a.A,{size:16}),s("Zur \xdcbersicht","Back to overview")]}),(0,r.jsx)("span",{className:"m-journey-category",children:f.category}),(0,r.jsx)("h3",{children:E}),(0,r.jsx)("p",{children:f.text}),(0,r.jsxs)("div",{className:"m-journey-byline",children:[f.relation," \xb7 ",f.person]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"m-journey-app-intro",children:[(0,r.jsx)("span",{children:f.name}),(0,r.jsx)("h3",{children:s("Entdecken. Verbinden. Weiterdenken.","Discover. Connect. Think ahead.")})]}),(0,r.jsxs)("div",{className:"m-journey-content m-journey-content-".concat(e?C:P),children:[(0,r.jsxs)("div",{className:"m-journey-art","aria-hidden":"true",children:[(0,r.jsx)(i.A,{size:48,strokeWidth:1}),(0,r.jsxs)("span",{children:["01 / ",f.brand]})]}),(0,r.jsxs)("div",{className:"m-journey-card-copy",children:[(0,r.jsx)("span",{className:"m-journey-category",children:f.category}),e?(0,r.jsxs)("button",{className:"m-journey-record-title",onClick:()=>I(!0),children:[E,(0,r.jsx)(l.A,{size:18})]}):(0,r.jsxs)("button",{type:"button",className:"m-journey-record-title",onClick:()=>{var e;return null==(e=A.current)?void 0:e.focus()},children:[L||s("Dein Titel","Your title"),(0,r.jsx)(o.A,{size:18})]}),(0,r.jsx)("p",{children:f.text}),(0,r.jsx)("div",{className:"m-journey-byline",children:f.person})]})]})]})]});return(0,r.jsxs)("div",{className:"m-demo m-journey",id:"product-demo",children:[(0,r.jsxs)("div",{className:"m-demo-top",children:[(0,r.jsxs)("span",{children:["smartcms / ",s("Von der Idee zur App","From idea to app")]}),(0,r.jsx)("span",{className:"m-demo-badge",children:s("Interaktive Beispieldemo","Interactive example")})]}),(0,r.jsx)("div",{className:"m-demo-steps","aria-label":s("Demo-Schritte","Demo steps"),children:R.map((e,n)=>(0,r.jsxs)("button",{"aria-pressed":y===n,onClick:()=>O(n),children:[(0,r.jsx)("span",{children:n+1}),e]},e))}),(0,r.jsxs)("div",{className:"m-journey-stage",children:[0===y&&(0,r.jsxs)("div",{className:"m-journey-start",children:[(0,r.jsxs)("div",{className:"m-journey-heading",children:[(0,r.jsxs)("span",{className:"m-journey-eyebrow",children:["01 / ",s("DEINE IDEE","YOUR IDEA")]}),(0,r.jsx)("h3",{children:s("Was m\xf6chtest du bauen?","What would you like to build?")}),(0,r.jsx)("p",{children:s("Starte mit deinem Vorhaben. Daraus werden Inhalte, Beziehungen und eine App.","Start with what you want to achieve. Turn it into content, relationships and an app.")})]}),(0,r.jsxs)("div",{className:"m-journey-prompt-box",children:[(0,r.jsx)("div",{className:"m-journey-examples","aria-label":s("Beispiel w\xe4hlen","Choose an example"),children:v.map((e,n)=>(0,r.jsx)("button",{"aria-pressed":b===n,onClick:()=>M(n),children:e.name},e.name))}),(0,r.jsxs)("div",{className:"m-journey-prompt",children:[(0,r.jsx)(d.A,{size:22,"aria-hidden":"true"}),(0,r.jsx)("p",{children:f.prompt})]}),(0,r.jsxs)("div",{className:"m-journey-prompt-footer",children:[(0,r.jsx)("span",{children:s("Vorbereiteter Beispielprompt","Prepared example prompt")}),(0,r.jsxs)("button",{className:"m-button",onClick:()=>O(1),children:[s("Beispiel durchspielen","Explore example"),(0,r.jsx)(c.A,{size:16})]})]})]})]}),1===y&&(0,r.jsxs)("div",{className:"m-journey-structure",children:[(0,r.jsxs)("div",{className:"m-journey-heading",children:[(0,r.jsxs)("span",{className:"m-journey-eyebrow",children:["02 / ",s("DEIN INHALTSMODELL","YOUR CONTENT MODEL")]}),(0,r.jsx)("h3",{children:s("Aus Worten wird Struktur.","Words become structure.")}),(0,r.jsx)("p",{children:s("Eigene Inhaltstypen statt starrer Vorlagen. Verkn\xfcpfungen halten zusammen, was zusammengeh\xf6rt.","Your own content types instead of rigid templates. References connect what belongs together.")})]}),(0,r.jsxs)("div",{className:"m-journey-model","aria-label":s("Inhaltsmodell des Beispiels","Example content model"),children:[(0,r.jsxs)("div",{className:"m-journey-model-card m-journey-model-primary",children:[(0,r.jsxs)("h4",{children:[(0,r.jsx)(h.A,{size:18}),f.record]}),(0,r.jsxs)("div",{children:[s("Titel","Title"),(0,r.jsx)("small",{children:"Text"})]}),(0,r.jsxs)("div",{children:[s("Inhalt","Content"),(0,r.jsx)("small",{children:"Rich text"})]}),(0,r.jsxs)("div",{children:[f.relation,(0,r.jsxs)("small",{children:[s("Referenz","Reference")," ↗"]})]}),(0,r.jsxs)("div",{children:[f.taxonomy,(0,r.jsxs)("small",{children:[s("Referenz","Reference")," ↗"]})]})]}),(0,r.jsxs)("div",{className:"m-journey-model-related",children:[(0,r.jsxs)("div",{className:"m-journey-model-card",children:[(0,r.jsxs)("h4",{children:[(0,r.jsx)(h.A,{size:18}),f.relation]}),(0,r.jsxs)("div",{children:["Name",(0,r.jsx)("small",{children:"Text"})]}),(0,r.jsxs)("div",{children:[s("Beschreibung","Description"),(0,r.jsx)("small",{children:"Rich text"})]})]}),(0,r.jsxs)("div",{className:"m-journey-model-card",children:[(0,r.jsxs)("h4",{children:[(0,r.jsx)(h.A,{size:18}),f.taxonomy]}),(0,r.jsxs)("div",{children:["Name",(0,r.jsx)("small",{children:"Text"})]})]})]})]}),(0,r.jsxs)("div",{className:"m-journey-next",children:[(0,r.jsxs)("span",{children:["3"," ",s("Inhaltstypen \xb7 2 Referenzen \xb7 wiederverwendbar","content types \xb7 2 references \xb7 reusable")]}),(0,r.jsxs)("button",{className:"m-button",onClick:()=>O(2),children:[s("Weiter zur App","Continue to app"),(0,r.jsx)(c.A,{size:16})]})]})]}),2===y&&(0,r.jsxs)("div",{className:"m-journey-edit",children:[(0,r.jsx)("div",{children:B(!1)}),(0,r.jsxs)("div",{className:"m-journey-editor",children:[(0,r.jsxs)("div",{className:"m-journey-heading",children:[(0,r.jsxs)("span",{className:"m-journey-eyebrow",children:["03 / ",s("DEINE APP","YOUR APP")]}),(0,r.jsx)("h3",{children:s("Gestalten. Direkt bearbeiten.","Create. Edit in place.")}),(0,r.jsx)("p",{children:s("Komponenten zeigen deine Inhalte. W\xe4hle eine Darstellung und \xe4ndere den Titel direkt in der Vorschau.","Components display your content. Choose a layout and change the title directly in the preview.")})]}),(0,r.jsxs)("fieldset",{className:"m-journey-layout",children:[(0,r.jsx)("legend",{children:s("Listen-Komponente","List component")}),["cards","list"].map(e=>(0,r.jsx)("button",{"aria-pressed":P===e,onClick:()=>T(e),children:"cards"===e?s("Karten","Cards"):s("Kompakt","Compact")},e))]}),(0,r.jsx)("label",{className:"m-field-label",htmlFor:"demo-title",children:s("Titel","Title")}),(0,r.jsx)("input",{ref:A,id:"demo-title",value:L,maxLength:90,onChange:e=>w(e.target.value)}),(0,r.jsxs)("div",{className:"m-journey-draft",role:"status",children:[(0,r.jsx)(m.A,{size:15}),s("Entwurf \xb7 nur in dieser Demo","Draft \xb7 in this demo only")]}),(0,r.jsxs)("div",{className:"m-journey-reference",children:[f.relation,(0,r.jsx)("strong",{children:f.person})]}

1),(0,r.jsx)("p",{className:"m-demo-hint",children:s("Noch nicht ver\xf6ffentlicht. Deine \xc4nderung erscheint sofort in der Vorschau.","Not published yet. Your change appears immediately in the preview.")}),(0,r.jsxs)("button",{className:"m-button",disabled:!L.trim(),onClick:W,children:[s("In Demo ver\xf6ffentlichen","Publish in demo"),(0,r.jsx)(l.A,{size:16})]})]})]}),3===y&&(0,r.jsxs)("div",{className:"m-journey-finish",children:[(0,r.jsxs)("div",{className:"m-journey-heading",children:[(0,r.jsxs)("span",{className:"m-journey-eyebrow",children:["04 / ",s("DEIN ERGEBNIS","YOUR RESULT")]}),(0,r.jsx)("h3",{children:null!==E?s("Deine Idee. Jetzt als App.","Your idea. Now an app."):s("Bereit f\xfcr dein Publikum.","Ready for your audience.")}),(0,r.jsx)("p",{children:null!==E?s("\xd6ffne den Eintrag und wechsle zwischen \xdcbersicht und Detailseite. Dein ver\xf6ffentlichter Inhalt bleibt vom Entwurf getrennt.","Open the entry and switch between overview and detail. Your published content stays separate from the draft."):s("Ver\xf6ffentliche den aktuellen Entwurf in der Demo. Danach kannst du die fertige Nutzeransicht ausprobieren.","Publish the current draft in the demo. Then explore the finished user view.")})]}),null===E?(0,r.jsxs)("div",{className:"m-journey-release",children:[(0,r.jsx)(u.A,{size:28}),(0,r.jsx)("span",{children:f.name}),(0,r.jsx)("strong",{children:L||s("Titel fehlt","Title missing")}),(0,r.jsxs)("button",{className:"m-button",disabled:!L.trim(),onClick:W,children:[s("In Demo ver\xf6ffentlichen","Publish in demo"),(0,r.jsx)(l.A,{size:16})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"m-journey-live-bar",role:"status",children:[(0,r.jsxs)("span",{children:[(0,r.jsx)(m.A,{size:16}),s("In der Demo ver\xf6ffentlicht","Published in this demo")]}),(0,r.jsx)("span",{children:f.name})]}),B(!0),(L.trim()!==E||P!==C)&&(0,r.jsxs)("p",{className:"m-journey-pending",children:[s("Ein neuer Entwurf liegt vor.","A new draft is available.")," ",(0,r.jsx)("button",{className:"m-button",disabled:!L.trim(),onClick:W,children:s("Entwurf in Demo ver\xf6ffentlichen","Publish draft in demo")})]})]})]})]}),(0,r.jsxs)("div",{className:"m-journey-bottom",children:[(0,r.jsxs)("span",{children:[y+1," / 4 \xb7 ",R[y]]}),(0,r.jsxs)("div",{children:[y>0&&(0,r.jsxs)("button",{onClick:()=>O(y-1),children:[(0,r.jsx)(a.A,{size:15}),s("Zur\xfcck","Back")]}),(0,r.jsxs)("button",{onClick:()=>{M(0),N(0),(0,j._)("demo-reset")},"aria-label":s("Demo zur\xfccksetzen","Reset demo"),children:[(0,r.jsx)(p.A,{size:15}),s("Neu starten","Start again")]})]})]}),(0,r.jsx)("p",{className:"m-demo-disclaimer",children:s("Vorbereitete Beispieldemo: keine Live-KI-Generierung, keine Server-Speicherung und keine echte Ver\xf6ffentlichung.","Prepared example: no live AI generation, server storage or actual publishing.")})]})}},44184:()=>{},48737:(e,n,s)=>{"use strict";s.d(n,{ThemeSelect:()=>d});var r=s(95155),t=s(12115),a=s(85989),i=s(12784),l=s(5379),o=s(91489);function d(e){let{locale:n}=e,{resolvedTheme:s,setTheme:d}=(0,l.D)(),[c,h]=(0,t.useState)(!1);(0,t.useEffect)(()=>h(!0),[]);let m=c&&"dark"===s,u=m?(0,o.aL)(n,"Zu Hell wechseln","Switch to light mode"):(0,o.aL)(n,"Zu Dunkel wechseln","Switch to dark mode");return(0,r.jsx)("button",{type:"button",className:"m-theme-toggle","aria-label":u,title:u,disabled:!c,onClick:()=>d(m?"light":"dark"),children:m?(0,r.jsx)(a.A,{size:19,"aria-hidden":"true"}):(0,r.jsx)(i.A,{size:19,"aria-hidden":"true"})})}},51208:(e,n,s)=>{Promise.resolve().then(s.t.bind(s,52619,23)),Promise.resolve().then(s.t.bind(s,81356,23)),Promise.resolve().then(s.t.bind(s,53195,23)),Promise.resolve().then(s.t.bind(s,48325,23)),Promise.resolve().then(s.bind(s,5913)),Promise.resolve().then(s.bind(s,21794)),Promise.resolve().then(s.t.bind(s,44184,23))},61523:(e,n,s)=>{"use strict";function r(e){for(var n,s=arguments.length,r=Array(s>1?s-1:0),t=1;t<s;t++)r[t-1]=arguments[t];try{null==(n=window.umami)||n.track(e,r[0])}catch(e){}}function t(e){for(var n=arguments.length,s=Array(n>1?n-1:0),r=1;r<n;r++)s[r-1]=arguments[r];let t={"data-umami-event":e},a=s[0];if(a)for(let[e,n]of Object.entries(a))t["data-umami-event-".concat(e)

1]=String(n);return t}s.d(n,{N:()=>t,_:()=>r})},91489:(e,n,s)=>{"use strict";s.d(n,{QI:()=>r,aL:()=>t,f_:()=>a});let r=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";return"de-DE"===e?"/de-DE".concat("/"===n?"":n):n},t=(e,n,s)=>"de-DE"===e?n:s,a=(e,n)=>({href:r(e,n?"/signup":"/contact"),label:t(e,n?"Kostenlos starten":"Zugang anfragen",n?"Start free":"Request access")})},94801:(e,n,s)=>{"use strict";s.d(n,{p:()=>t});var r=s(95155);function t(e){let{fgVar:n="var(--m-fg)",accentVar:s="var(--m-accent)",bgVar:t="var(--m-bg)",className:a=""}=e;return(0,r.jsxs)("svg",{"aria-hidden":!0,width:"28",height:"25",viewBox:"0 0 22 20",fill:"none",className:"block ".concat(a),style:{color:n},children:[(0,r.jsx)("rect",{x:"0.75",y:"0.75",width:"13",height:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("rect",{x:"4.25",y:"5.75",width:"13",height:"7.5",fill:t,stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("rect",{x:"7.75",y:"10.75",width:"13",height:"7.5",fill:s})]})}}},e=>{e.O(0,[1041,2619,1356,2522,8441,4696,7358],()=>e(e.s=51208)),_N_E=e.O()}]);