https://visiwing.com/_next/static/chunks/9154-f66a57c0ce2c9914.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9154],{9154:function(e,t,s){s.d(t,{b:function(){return h}});var a=s(7437),n=s(2265),l=s(2421),r=s(3231),i=s(3045),x=s(1593),d=s(8660),c=s(2361);let o={free:null,essential:{label:"Ab Essential",cls:"bg-[#EFF6FF] text-[#0006FF] border-[#BFDBFE]"},agentur:{label:"Ab Agentur",cls:"bg-[#F5F3FF] text-[#7C3AED] border-[#DDD6FE]"}};function p(e){let{f:t}=e,[s,i]=n.useState(!1),x=o[t.minPlan];return(0,a.jsxs)("div",{id:"f-".concat(t.id),className:"rounded-xl border transition-colors scroll-mt-32 ".concat(s?"border-[#C7D2FE] bg-white":"border-transparent bg-[#FBFCFE] hover:bg-white hover:border-[#E2E8F0]"),children:[(0,a.jsxs)("button",{onClick:()=>i(!s),"aria-expanded":s,className:"w-full text-left px-4 md:px-5 py-3.5 flex items-start gap-3",children:[(0,a.jsx)(l.Z,{className:"w-4 h-4 mt-0.5 shrink-0 transition-transform duration-200 ".concat(s?"rotate-180 text-[#0006FF]":"text-[#94A3B8]"),"aria-hidden":"true"}),(0,a.jsxs)("span",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("span",{className:"flex flex-wrap items-center gap-x-2.5 gap-y-1",children:[(0,a.jsx)("span",{className:"text-[15px] font-bold text-[#000033]",children:t.name}),x&&(0,a.jsx)("span",{className:"text-[9.5px] font-bold uppercase tracking-wider px-2 py-0.5 rounded-full border ".concat(x.cls),children:x.label})]}),(0,a.jsx)("span",{className:"block text-[13.5px] text-[#64748B] leading-snug mt-1",children:t.claim})]})]}),s&&(0,a.jsxs)("div",{className:"px-4 md:px-5 pb-4 pl-11 md:pl-12",children:[(0,a.jsx)("div",{className:"space-y-2.5",children:t.paragraphs.map((e,t)=>(0,a.jsx)("p",{className:"text-[13.5px] text-[#475569] leading-relaxed",children:e},t))}),t.facts&&t.facts.length>0&&(0,a.jsxs)("div",{className:"mt-3.5 rounded-xl bg-[#F8FAFC] border border-[#EEF1F7] px-4 py-3",children:[(0,a.jsx)("div",{className:"text-[9.5px] font-black uppercase tracking-wider text-[#94A3B8] mb-2",children:"Im Detail"}),(0,a.jsx)("ul",{className:"space-y-1.5",children:t.facts.map(e=>(0,a.jsxs)("li",{className:"flex items-start gap-2 text-[12.5px] text-[#475569] leading-snug",children:[(0,a.jsx)(r.Z,{className:"w-3.5 h-3.5 flex-shrink-0 mt-0.5 text-[#0006FF]"}),(0,a.jsx)("span",{children:e})]},e))})]}),(0,a.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-x-5 gap-y-1 text-[11.5px] text-[#94A3B8]",children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"font-bold text-[#64748B]",children:"Wo:"})," ",t.location]}),t.note&&(0,a.jsx)("span",{children:t.note})]})]})]})}function m(e){let{c:t,index:s}=e;return(0,a.jsxs)("section",{id:t.id,className:"scroll-mt-32 bg-white rounded-2xl border border-[#E6E9F2] overflow-hidden",style:{boxShadow:"0 1px 3px rgba(2,6,40,.03)"},children:[(0,a.jsx)("div",{className:"px-5 md:px-7 pt-6 pb-5 border-b border-[#F1F4FA]",style:{background:"linear-gradient(180deg,#FBFCFF 0%,#FFFFFF 100%)"},children:(0,a.jsxs)("div",{className:"flex items-start gap-3.5",children:[(0,a.jsx)("span",{className:"text-[13px] font-black tabular-nums text-[#0006FF] bg-[#F2F4FD] rounded-lg px-2.5 py-1.5 leading-none mt-0.5",children:String(s+1).padStart(2,"0")}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-baseline gap-3 flex-wrap",children:[(0,a.jsx)("h2",{className:"text-xl md:text-[26px] font-extrabold text-[#000033] tracking-tight leading-tight",children:t.title}),(0,a.jsxs)("span",{className:"text-[11px] font-bold text-[#94A3B8] whitespace-nowrap",children:[t.features.length," ",1===t.features.length?"Funktion":"Funktionen"]})]}),(0,a.jsx)("p",{className:"text-[14.5px] text-[#64748B] leading-relaxed mt-2 max-w-3xl",children:t.intro})]})]})}),(0,a.jsx)("div",{className:"p-3 md:p-4 space-y-1",children:t.features.map(e=>(0,a.jsx)(p,{f:e},e.id))})]})}function h(e){let{onNavigate:t}=e,s=c.mp.reduce((e,t)=>e+t.features.length,0);return(0,a.jsxs)("div",{className:"min-h-screen bg-white",children:[(0,a.jsx)(d.P,{active:"features"}),(0,a.jsx)("section",{className:"py-16 md:py-20 px-6 text-center",style:{background:"linear-gradient(180deg, #F2F4FD 0%, #FFFFFF 100%)"},children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,a.jsx)("span",{className:"text-[12px] font-bold text-[#0006FF] uppercase tracking-[0.2em] block mb-4",children:"Features"}),(0,a.jsx)("h1",{className:"text-4xl md:text-5xl font-extrabold text-[#000033] tracking-tight mb-6 leading-[1.1]",children:"Alles, was VISIWING f\xfcr dich tut."}),(0,a.jsxs)("p",{className:"text-lg md:text-xl text-[#64748B] font-medium max-w-2xl mx-auto leading-relaxed mb-7",children:[s," Funktionen in ",c.mp.length," Themen. W\xe4hle ein Thema, klapp auf, was dich interessiert: alles andere bleibt aus dem Weg."]}

1),(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[(0,a.jsx)("button",{onClick:()=>t("landing"),className:"px-5 py-3 text-[14px] font-bold text-white bg-[#0006FF] hover:opacity-90 rounded-xl transition-opacity",children:"Kostenlos starten"}),(0,a.jsx)("a",{href:"/pricing",className:"px-5 py-3 text-[14px] font-bold text-[#0006FF] bg-white border border-[#C7D2FE] hover:border-[#0006FF] rounded-xl transition-colors",children:"Preise ansehen"})]}),(0,a.jsx)("div",{className:"mt-9 flex flex-wrap items-stretch justify-center gap-x-10 gap-y-4 text-left",children:[{wert:String(s),label:"Funktionen, einzeln erkl\xe4rt"},{wert:String(c.mp.length),label:"Themen von Scan bis Abrechnung"},{wert:"4",label:"KI-Systeme in jedem Scan"}].map(e=>(0,a.jsxs)("div",{className:"flex items-baseline gap-2.5",children:[(0,a.jsx)("span",{className:"text-[26px] font-black text-[#0006FF] leading-none tabular-nums",children:e.wert}),(0,a.jsx)("span",{className:"text-[12.5px] text-[#64748B] leading-tight max-w-[150px]",children:e.label})]},e.label))})]})}),(0,a.jsx)("section",{className:"px-4 sm:px-6 pt-12 md:pt-16 pb-4",children:(0,a.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,a.jsx)("h2",{className:"text-[11px] font-black uppercase tracking-[0.18em] text-[#94A3B8] mb-4",children:"Inhalt"}),(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 md:gap-x-10 border-t border-[#E6E9F2]",children:c.mp.map((e,t)=>(0,a.jsxs)("a",{href:"#".concat(e.id),className:"group flex items-baseline gap-4 py-3.5 border-b border-[#E6E9F2] hover:border-[#0006FF] transition-colors",children:[(0,a.jsx)("span",{className:"text-[12px] font-black tabular-nums text-[#CBD5E1] group-hover:text-[#0006FF] transition-colors w-5 shrink-0",children:String(t+1).padStart(2,"0")}),(0,a.jsx)("span",{className:"text-[15px] font-bold text-[#000033] group-hover:text-[#0006FF] transition-colors leading-snug flex-1 min-w-0",children:e.title}),(0,a.jsx)("span",{className:"text-[11.5px] text-[#94A3B8] whitespace-nowrap shrink-0",children:e.features.length})]},e.id))})]})}),(0,a.jsx)("div",{className:"px-4 sm:px-6 py-8 md:py-10 bg-[#FBFCFE]",children:(0,a.jsx)("div",{className:"max-w-5xl mx-auto space-y-4 md:space-y-5",children:c.mp.map((e,s)=>(0,a.jsxs)(n.Fragment,{children:[(0,a.jsx)(m,{c:e,index:s}),4===s&&(0,a.jsxs)("div",{className:"rounded-2xl px-6 py-6 flex flex-col sm:flex-row sm:items-center gap-4",style:{background:"linear-gradient(135deg, #F2F4FD 0%, #EEF2FF 100%)",border:"1px solid #C7D2FE"},children:[(0,a.jsx)("p",{className:"flex-1 text-[14px] font-semibold text-[#000033] leading-snug",children:"Neugierig, wie deine Marke abschneidet? Der Scan ist kostenlos."}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2.5 shrink-0",children:[(0,a.jsx)("button",{onClick:()=>t("landing"),className:"px-4 py-2.5 text-[13px] font-bold text-white bg-[#0006FF] hover:opacity-90 rounded-xl transition-opacity",children:"Kostenlos starten"}),(0,a.jsx)("a",{href:"/pricing",className:"px-4 py-2.5 text-[13px] font-bold text-[#0006FF] bg-white border border-[#C7D2FE] hover:border-[#0006FF] rounded-xl transition-colors",children:"Preise ansehen"})]})]})]},e.id))})}),(0,a.jsx)("section",{className:"px-4 sm:px-6 py-10",children:(0,a.jsx)("div",{className:"max-w-5xl mx-auto",children:(0,a.jsxs)("div",{className:"rounded-2xl border border-[#E2E8F0] bg-white px-6 md:px-10 py-8 flex flex-col md:flex-row md:items-center gap-5",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"text-xl font-extrabold text-[#000033] tracking-tight mb-1.5",children:"Welcher Plan enth\xe4lt was?"}),(0,a.jsxs)("p",{className:"text-[14px] text-[#64748B] leading-relaxed",children:["Auf der Preisseite findest du genau diese ",s," Funktionen als Vergleichsmatrix je Plan: Free, Essential und Agentur, Feature f\xfcr Feature."]})]}),(0,a.jsx)("a",{href:"/pricing",className:"shrink-0 inline-flex items-center justify-center px-5 py-3 text-[13px] font-bold uppercase tracking-widest text-white bg-[#0006FF] hover:opacity-90 rounded-xl transition-opacity",children:"Zu den Preisen"})]})})}),(0,a.jsx)("section",{className:"px-4 sm:px-6 pb-12 pt-2",children:(0,a.jsx)("div",{className:"max-w-5xl mx-auto",children:(0,a.jsxs)("div",{className:"rounded-2xl px-6 md:px-10 py-8 md:py-10 flex flex-col md:flex-row md:items-center gap-6",style:{background:"linear-gradient(135deg, #000033 0%, #1E293B 100%)"},children:[(0,a.jsx)("div",{className:"flex-shrink-0 w-14 h-14 roun

1ded-2xl flex items-center justify-center",style:{background:"rgba(165, 180, 252, 0.15)"},children:(0,a.jsx)(i.Z,{className:"w-7 h-7 text-[#A5B4FC]"})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("div",{className:"text-[11px] font-bold uppercase tracking-[0.18em] text-[#A5B4FC] mb-1.5",children:"Service-Tier \xb7 Verl\xe4ngerte Werkbank"}),(0,a.jsx)("h3",{className:"text-xl md:text-2xl font-extrabold text-white tracking-tight mb-2 leading-tight",children:"Du hast das Tool. Wir k\xf6nnen auch das Team sein."}),(0,a.jsx)("p",{className:"text-[14px] md:text-[15px] text-[#CBD5E1] leading-relaxed max-w-2xl",children:"Foundation Sprint plus laufender Retainer. Strategie, Implementierung und Content-Produktion aus einer Hand: Schema, llms.txt, Trust-Signale, Live-Monitoring. Die verl\xe4ngerte Werkbank f\xfcr SEO und AI Visibility."})]}),(0,a.jsx)("a",{href:"mailto:[email protected]?subject=Managed%20Service%20Interesse",className:"flex-shrink-0 inline-flex items-center justify-center px-5 py-3 text-[13px] font-bold uppercase tracking-widest text-[#000033] bg-white hover:bg-[#F2F4FD] rounded-xl transition-colors",children:"Kennenlernen"})]})})}),(0,a.jsx)("section",{className:"py-8 px-6 border-t border-[#E2E8F0]",children:(0,a.jsx)("div",{className:"max-w-5xl mx-auto",children:(0,a.jsxs)("p",{className:"text-sm text-[#64748B] flex flex-wrap items-center justify-center gap-x-5 gap-y-2",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-emerald-500 font-bold",children:"✓"})," DSGVO-konform"]}),(0,a.jsx)("span",{className:"text-[#CBD5E1]",children:"\xb7"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-emerald-500 font-bold",children:"✓"})," EU-Server (Frankfurt)"]}),(0,a.jsx)("span",{className:"text-[#CBD5E1]",children:"\xb7"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"deFlagFeatures",children:(0,a.jsx)("circle",{cx:"7",cy:"7",r:"6.5"})})}),(0,a.jsxs)("g",{clipPath:"url(#deFlagFeatures)",children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"14",height:"4.67",fill:"#000000"}),(0,a.jsx)("rect",{x:"0",y:"4.67",width:"14",height:"4.67",fill:"#DD0000"}),(0,a.jsx)("rect",{x:"0",y:"9.33",width:"14",height:"4.67",fill:"#FFCE00"})]}),(0,a.jsx)("circle",{cx:"7",cy:"7",r:"6.5",fill:"none",stroke:"rgba(0,0,0,0.10)",strokeWidth:"1"})]}),"Made in Germany"]}),(0,a.jsx)("span",{className:"text-[#CBD5E1]",children:"\xb7"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-emerald-500 font-bold",children:"✓"})," Keine Kreditkarte f\xfcrs Probieren"]})]})})}),(0,a.jsx)(x.d,{})]})}}}]);