https://fokus-cockpit.lovable.app/assets/About-D64KP4FS.js

1import{c as d,au as o,j as e,B as r,ai as m,H as x,aH as h}from"./index-C9ebdKB5.js";import{C as n}from"./card-DR5LKJwI.js";import{d as c,A as u,a as b,b as f,c as p,S as g,e as j,L as _}from"./accordion-DEExls7I.js";import{F as k}from"./FokusLogo-6nlbNsOi.js";import{F as v}from"./Footer-sQ8iIHWy.js";import{u as N}from"./use-document-title-Byi7mT_N.js";import{E as y}from"./eye-off-COus09Go.js";import"./index-DfOTqTrH.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const w=d("Euro",[["path",{d:"M4 10h12",key:"1y6xl8"}],["path",{d:"M4 14h9",key:"1loblj"}],["path",{d:"M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2",key:"1j6lzo"}]]),$="/assets/daniel-mueller-DaU2N7xD.png",z=1,D="96d570b1-8155-48f5-9c9f-902d2308fa02",S="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",A="/__l5e/assets-v1/96d570b1-8155-48f5-9c9f-902d2308fa02/heute.png",T="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/96d570b1-8155-48f5-9c9f-902d2308fa02/heute.png",E="heute.png",K=416060,C="image/png",F="2026-06-01T17:13:18Z",L={version:z,asset_id:D,project_id:S,url:A,r2_key:T,original_filename:E,size:K,content_type:C,created_at:F},W=1,B="5d7bf23b-0bd0-45a1-be6a-8efd21cfff40",H="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",I="/__l5e/assets-v1/5d7bf23b-0bd0-45a1-be6a-8efd21cfff40/done.png",P="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/5d7bf23b-0bd0-45a1-be6a-8efd21cfff40/done.png",M="done.png",Z=341124,O="image/png",V="2026-06-01T17:13:18Z",U={version:W,asset_id:B,project_id:H,url:I,r2_key:P,original_filename:M,size:Z,content_type:O,created_at:V},J=1,G="2cf0237c-9a0a-4ddd-9490-d8d863abf06e",R="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",q="/__l5e/assets-v1/2cf0237c-9a0a-4ddd-9490-d8d863abf06e/rewards.png",Q="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/2cf0237c-9a0a-4ddd-9490-d8d863abf06e/rewards.png",X="rewards.png",Y=246215,ee="image/png",te="2026-06-01T17:13:18Z",se={version:J,asset_id:G,project_id:R,url:q,r2_key:Q,original_filename:X,size:Y,content_type:ee,created_at:te},ae=1,ne="c1ca61bf-0d02-4685-a2a6-b2c9a5aea8d5",ie="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",re="/__l5e/assets-v1/c1ca61bf-0d02-4685-a2a6-b2c9a5aea8d5/stats.png",ce="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/c1ca61bf-0d02-4685-a2a6-b2c9a5aea8d5/stats.png",le="stats.png",de=144733,oe="image/png",me="2026-06-01T17:13:18Z",xe={version:ae,asset_id:ne,project_id:ie,url:re,r2_key:ce,original_filename:le,size:de,content_type:oe,created_at:me},he=1,ue="d187b520-dd4f-4159-b2bb-6904f883524d",be="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",fe="/__l5e/assets-v1/d187b520-dd4f-4159-b2bb-6904f883524d/ranking.png",pe="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/d187b520-dd4f-4159-b2bb-6904f883524d/ranking.png",ge="ranking.png",je=216355,_e="image/png",ke="2026-06-01T17:13:18Z",ve={version:he,asset_id:ue,project_id:be,url:fe,r2_key:pe,original_filename:ge,size:je,content_type:_e,created_at:ke},Ne=1,ye="b9666bab-1c65-46ab-84de-df7388606f9a",we="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",$e="/__l5e/assets-v1/b9666bab-1c65-46ab-84de-df7388606f9a/profil.png",ze="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/b9666bab-1c65-46ab-84de-df7388606f9a/profil.png",De="profil.png",Se=825230,Ae="image/png",Te="2026-06-01T17:13:18Z",Ee={version:Ne,asset_id:ye,project_id:we,url:$e,r2_key:ze,original_filename:De,size:Se,content_type:Ae,created_at:Te},Ke=1,Ce="71250987-4a78-4c72-882d-f8b578ab6249",Fe="ca755b8e-5f93-4fd0-b9b0-64181c169a1e",Le="/__l5e/assets-v1/71250987-4a78-4c72-882d-f8b578ab6249/mockup-hero-wide.png",We="a/v1/ca755b8e-5f93-4fd0-b9b0-64181c169a1e/71250987-4a78-4c72-882d-f8b578ab6249/mockup-hero-wide.png",Be="mockup-hero-wide.png",He=1475687,Ie="image/png",Pe="2026-06-01T17:36:38Z",Me={version:Ke,asset_id:Ce,project_id:Fe,url:Le,r2_key:We,original_filename:Be,size:He,content_type:Ie,created_at:Pe};function Ze({src:a,alt:i,tilt:t=0}){return e.jsx("div",{className:"relative inline-block transition-transform duration-300 hover:rotate-0",style:{transform:`rotate(${t}deg)`},children:e.jsx("div",{className:"rounded-[2rem] overflow-hidden shadow-2xl ring-4 ring-foreground

6/10 bg-background",children:e.jsx("img",{src:a,alt:i,className:"w-full h-auto block",loading:"lazy"})})})}const Oe=[{n:"1",title:"Aufgabe in 5 Sekunden anlegen",text:"Schreib rein oder sprich rein. Mit oder ohne Datum. Mit oder ohne Tag. Hauptsache raus aus dem Kopf.",img:L.url,alt:"Cockpit-Hauptscreen mit Punktestand und Heldenstufe",tilt:-1.5},{n:"2",title:"Abhaken, das Spass macht",text:"Konfetti. Sound. Punkte fliegen hoch. Dein Gehirn merkt sich: das hat sich gelohnt – und will mehr davon.",img:U.url,alt:"Erledigt-Ansicht mit Belohnungs-Hinweis",tilt:1.5},{n:"3",title:"Belohnungen, die Du ernst nimmst",text:"15 vorbereitete Belohnungen ab 25 bis 1000 Punkten – Kaffee, Buch, Kino-Abend, Wochenendtrip. Alles aenderbar.",img:se.url,alt:"Reward-Tab mit Community-Karten",tilt:-1.5},{n:"4",title:"Sieh Deinen Fortschritt schwarz auf weiss",text:"Punkte pro Tag, erledigt pro Kategorie, aktive Streaks – dezent visualisiert, ohne Optimierungs-Druck.",img:xe.url,alt:"Stats-Tab mit Balkendiagramm der letzten 7 Tage",tilt:1.5},{n:"5",title:"Vergleich mit anderen (freiwillig)",text:"Wenn Du magst, sieh wo Du im Liebe-Zeitarbeit-Club stehst. Wenn nicht: einfach aus lassen. Du entscheidest.",img:ve.url,alt:"Bestenliste im Liebe-Zeitarbeit-Club",tilt:-1.5},{n:"6",title:`${x.length} Heldenstufen vom Lehrling bis zum Imperator`,text:`Punkte sammeln, Stufe aufsteigen. Jede neue Stufe ein kleines Hoch-die-Faust. Über ${h.length} Achievements warten.`,img:Ee.url,alt:"Profil mit Stufe 4 – Macher und Fortschrittsbalken",tilt:1.5}],Ve=[{icon:w,t:"Kostenlos. Für immer.",d:"Kein Abo, kein Verkauf."},{icon:j,t:"Daten in der EU.",d:"Supabase Irland, kein US-Tracking."},{icon:y,t:"Keine Werbung. Keine Pixel.",d:"Datenschutz auf Profi-Niveau."},{icon:_,t:"Du steigst jederzeit aus.",d:"Export + Loeschung in 2 Klicks."}],Ue=[{q:"Kostet das wirklich nichts?",a:"Ja. Kein Abo, kein Daten-Verkauf. Wenn ich später Premium-Features einbaue, bleiben die Basics für immer kostenlos."},{q:"Was passiert mit meinen Daten?",a:"Liegen verschluesselt in einer EU-Datenbank (Supabase Irland). Jederzeit als JSON exportieren oder Account in 2 Klicks löschen."},{q:"Brauche ich eine App-Installation?",a:"Nein. Laeuft im Browser und auf jedem Smartphone als PWA. Im Safari/Chrome auf Teilen tippen, zum Home-Bildschirm hinzufuegen. Fertig."}];function tt(){N("Über die App","Was das Fokus Cockpit ist, wie es funktioniert und wer dahinter steckt – gamifizierte To-Do-App von Daniel Müller / Liebe Zeitarbeit.");const a=o(),i=()=>{var t;(t=document.getElementById("steps"))==null||t.scrollIntoView({behavior:"smooth"})};return e.jsxs("div",{className:"min-h-screen bg-background flex flex-col",children:[e.jsx("header",{className:"bg-gradient-brand text-white overflow-hidden",children:e.jsx("div",{className:"container mx-auto px-4 py-10 md:py-16",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-8 md:gap-10 items-center",children:[e.jsxs("div",{className:"text-center md:text-left",children:[e.jsx("div",{className:"flex justify-center md:justify-start mb-5",children:e.jsx(k,{size:72})}),e.jsxs("h1",{className:"font-display text-4xl md:text-6xl leading-tight",children:["Erledige mehr.",e.jsx("br",{}),"Feiere mehr.",e.jsx("br",{}),"Werde besser."]}),e.jsx("p",{className:"mt-4 text-white/90 text-lg max-w-xl",children:"Dein gamifiziertes To-Do-Cockpit. Punkte, Stufen, Belohnungen. Kostenlos. EU-DSGVO. Ohne Werbung."}),e.jsxs("div",{className:"mt-6 flex flex-wrap gap-3 justify-center md:justify-start",children:[e.jsxs(r,{size:"lg",className:"bg-white text-primary hover:bg-white/90",onClick:()=>a("/auth?tab=register"),children:["Jetzt kostenlos starten ",e.jsx(c,{className:"ml-1 h-4 w-4"})]}),e.jsx(r,{size:"lg",variant:"outline",className:"bg-transparent border-white/70 text-white hover:bg-white/10",onClick:i,children:"Wie es funktioniert"})]})]}),e.jsx("div",{className:"relative",children:e.jsx("img",{src:Me.url,alt:"FOKUS Cockpit auf drei Smartphones",loading:"eager",className:"w-full h-auto block drop-shadow-2xl"})})]})})}),e.jsxs("main",{className:"flex-1",children:[e.jsx("section",{className:"container mx-auto px-4 py-12",children:e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsx("h2",{className:"font-display text-2xl md:text-3xl text-center mb-2",children:"In 4 Minuten verstehst Du, warum es funktioniert"}),e.jsx("p",{className:"text-sm text-muted-foreground text-center mb-6",children:"Daniel zeigt Dir live, wie Fokus Cockpit im Alltag läuft."}),e.jsx("div",{className:"relative aspect-video rounded-2xl overflow-hidden shadow-2xl border border-border bg-gradient-to-br from-primary/20 to-accent/20 flex items-center justify-center",children:e.jsxs("div",{className:"text-center p-8",children:[e.jsx("div",{className:"text-6xl mb-2",children:"🎥"}),e.jsx("p",{className:"text-base font-medium",children:"Video-Walkthrough kommt bald"}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:"In wenigen Tagen direkt hier"})]})})]})}),e.jsx("section",{className:"container mx-auto px-4 py-12 md:py-16",children:e.jsxs("div",{className:"max-w-2xl mx-auto text-center space-y-3",children:[e.jsx("p",{className:"font-display text-xl md:text-2xl",children:"Du fängst 100 Sachen an – und beendest 3."}),e.jsx("p",{className:"font-display text-xl md:text-2xl",children:"Apps motivieren am ersten Tag. Danach Karteileichen."}),e.jsx("p",{className:"font-display text-xl md:text-2xl",children:"Aufgaben abhaken sollte sich gut anfühlen. Tut es aber nicht."})]})}),e.jsx("section",{className:"bg-muted/50 border-y border-border",children:e.jsx("div",{className:"container mx-auto px-4 py-6 text-center",children:e.jsxs("p",{className:"text-sm md:text-base text-muted-foreground",children:["Schon über ",e.jsx("strong",{className:"text-foreground",children:"10 Personen"})," aus der Zeitarbeitsbranche nutzen das Cockpit täglich. Ein Werkzeug für Dich, Deine Mitarbeitenden, Deine Kandidaten."]})})}),e.jsxs("section",{id:"steps",className:"container mx-auto px-4 py-12 md:py-20",children:[e.jsx("h2",{className:"font-display text-3xl md:text-4xl text-center mb-12",children:"So funktioniert's"}),e.jsx("div",{className:"space-y-16 md:space-y-24 max-w-6xl mx-auto",children:Oe.map((t,s)=>{const l=s%2===1;return e.jsxs("div",{className:`grid md:grid-cols-2 gap-8 md:gap-12 items-center ${l?"md:[&>*:first-child]:order-2":""}`,children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-display text-7xl md:text-8xl bg-gradient-brand bg-clip-text text-transparent leading-none mb-3",children:t.n}),e.jsx("h3",{className:"font-display text-2xl md:text-3xl mb-3",children:t.title}),e.jsx("p",{className:"text-muted-foreground md:text-lg",children:t.text})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"max-w-[280px] md:max-w-sm w-full",children:e.jsx(Ze,{src:t.img,alt:t.alt,tilt:t.tilt})})})]},t.n)})})]}),e.jsx("section",{className:"bg-muted/30 border-y border-border",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16",children:[e.jsx("h2",{className:"font-display text-2xl md:text-3xl text-center mb-8",children:"Vertraue uns Deine To-Dos an"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-5xl mx-auto",children:Ve.map(t=>{const s=t.icon;return e.jsxs(n,{className:"p-5",children:[e.jsx("div",{className:"h-10 w-10 rounded-lg bg-gradient-brand text-white grid place-items-center mb-3",children:e.jsx(s,{className:"h-5 w-5"})}),e.jsx("h3",{className:"font-display text-base mb-1",children:t.t}),e.jsx("p",{className:"text-xs text-muted-foreground",children:t.d})]},t.t)})})]})}),e.jsx("section",{className:"container mx-auto px-4 py-12 md:py-16",children:e.jsx(n,{className:"p-6 md:p-8 max-w-3xl mx-auto",children:e.jsxs("div",{className:"flex flex-col sm:flex-row items-center sm:items-start gap-5",children:[e.jsx("img",{src:$,alt:"Daniel Mueller, Gruender Liebe Zeitarbeit",loading:"lazy",className:"h-24 w-24 rounded-full object-cover shrink-0 border border-border"}),e.jsxs("div",{className:"text-center sm:text-left",children:[e.jsx("h2",{className:"font-display text-xl mb-2",children:"Wer steckt dahinter?"}),e.jsxs("p",{className:"text-muted-foreground",children:["Hi, ich bin ",e.jsx("strong",{className:"text-foreground",children:"Daniel Mueller"}),", Gruender von Liebe Zeitarbeit. Ich hab das Cockpit für mich gebaut, weil ich keine App fand, die mich wirklich am Ball haelt. Wenn es Dir hilft – umso besser. Wenn nicht: Feedback raus, ich antworte selbst."]})]})]})})}),e.jsxs("section",{className:"container mx-auto px-4 py-8 md:py-12",children:[e.jsx("h2",{className:"font-display text-2xl md:text-3xl text-center mb-6",children:"Haeufige Fragen"}),e.jsx(n,{className:"p-4 md:p-6 max-w-3xl mx-auto",children:e.jsx(u,{type:"single",collapsible:!0,className:"w-full",children:Ue.map((t,s)=>e.jsxs(b,{value:`item-${s}`,children:[e.jsx(f,{className:"text-left",children:t.q}),e.jsx(p,{className:"text-muted-foreground",children:t.a})]},s))})})]}),e.jsx("section",{className:"container mx-auto px-4 py-12 md:py-16",children:e.jsxs(n,{className:"p-8 md:p-12 bg-gradient-brand text-white text-center max-w-4xl mx-auto border-0",children:[e.jsx(g,{className:"h-10 w-10 mx-auto mb-3"}),e.jsx("h2",{className:"font-display text-3xl md:text-4xl mb-3",children:"Bereit? Leg in 30 Sekunden los."}),e.jsx("p",{className:"text-white/85 mb-6",children:"Kostenlos. Ohne Kreditkarte. EU-DSGVO."}),e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsxs(r,{size:"lg",className:"bg-white text-primary hover:bg-white/90",onClick:()=>a("/auth?tab=register"),children:["Jetzt kostenlos anmelden ",e.jsx(c,{className:"ml-1 h-4 w-4"})]}),e.jsx(m,{to:"/auth",className:"text-white/90 underline text-sm",children:"Schon Account? Hier einloggen"})]})]})})]}),e.jsx(v,{})]})}

6export{tt as default};