https://wechselpilot.com/assets/FinanzierungSection-CsqWy6-g.js

1import{r as p,j as e}from"./vendor-react-DGSJREdp.js";import{L as f}from"./vendor-router-B0yek_TD.js";import{S as u}from"./slider-D48EcjJV.js";import{W as g}from"./WpCheckmark-DxqemcM1.js";import"./index-BdQq_4o_.js";import"./RechnerWidget-D-NdYgUS.js";import"./index-kWy0Pzdz.js";import"./index-BXFTndD8.js";import"./vendor-query-DPjj6zqo.js";import"./vendor-supabase-C6T5JIOu.js";const I=()=>{const[s,o]=p.useState(360),i=1500,m=Math.max(0,i-s),c=Math.min(s*.25,200),d=s-c,r=n=>`${Math.round(n)} €`,t=75,x=25,a=42,l=2*Math.PI*a,h=t/100*l;return e.jsxs("div",{className:"rounded-md p-4 sm:p-8 lg:p-10 shadow-lg grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-10 items-center",style:{backgroundColor:"#44607F"},children:[e.jsxs("div",{className:"text-primary-foreground",children:[e.jsx("div",{className:"text-sm font-medium uppercase tracking-[0.12em] text-accent mb-2",children:"Transparenz"}),e.jsx("h2",{className:"text-[22px] font-extrabold uppercase leading-tight mb-4",children:"Wie finanziert sich Wechselpilot?"}),e.jsxs("p",{className:"text-sm text-primary-foreground/85 leading-[1.7] mb-3",children:["WECHSELPILOT kostet Sie nur dann etwas, ",e.jsx("strong",{className:"text-primary-foreground font-semibold",children:"wenn Sie wirklich mit uns sparen."})," Durch eine erfolgsbasierte Servicegebühr finden wir für Sie die besten Tarife auf dem Markt."]}),e.jsxs("p",{className:"text-sm text-primary-foreground/85 leading-[1.7] mb-4",children:["Servicegebühr: ",e.jsx("strong",{className:"text-primary-foreground font-semibold",children:"25 % Ihrer erwarteten Ersparnis pro neu angelegtem Zähler, ab dem zweiten Wechsel 20 %"})," – ",e.jsx("strong",{className:"text-primary-foreground font-semibold",children:"max. 200 € pro Zähler."})," Sparen Sie nichts, ist unser Service kostenlos."]}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center sm:items-center gap-4 sm:gap-5 mb-5 p-4 bg-primary-foreground/5 rounded-md",children:[e.jsxs("div",{className:"relative shrink-0","aria-hidden":"true",children:[e.jsxs("svg",{width:"96",height:"96",viewBox:"0 0 100 100",className:"-rotate-90 sm:w-[110px] sm:h-[110px]",children:[e.jsx("circle",{cx:"50",cy:"50",r:a,fill:"none",stroke:"hsl(var(--primary-foreground) / 0.2)",strokeWidth:"12"}),e.jsx("circle",{cx:"50",cy:"50",r:a,fill:"none",stroke:"hsl(var(--accent))",strokeWidth:"12",strokeDasharray:`${h} ${l}`,strokeLinecap:"butt",className:"transition-all duration-300"})]}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsxs("span",{className:"text-[20px] font-extrabold text-primary-foreground",children:[t," %"]})})]}),e.jsxs("div",{className:"flex flex-col gap-2 text-sm min-w-0 w-full",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-sm bg-accent shrink-0 mt-1"}),e.jsxs("span",{className:"text-primary-foreground break-words",children:["Ihre Ersparnis (",t," %)"]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-sm bg-primary-foreground/30 shrink-0 mt-1"}),e.jsxs("span",{className:"text-primary-foreground/85 break-words",children:["Servicegebühr im 1. Jahr (",x," %)"]})]})]})]}),e.jsx(f,{to:"/ueber-uns/servicegebuehr",className:"inline-flex items-center text-sm font-semibold text-accent hover:text-accent/80 transition-colors",children:"Mehr zur Servicegebühr →"})]}),e.jsxs("div",{className:"bg-card rounded-md p-4 sm:p-6 shadow-md",children:[e.jsx("div",{className:"text-sm font-medium uppercase tracking-[0.12em] text-muted-foreground mb-4",children:"Rechenbeispiel"}),e.jsxs("div",{className:"mb-4",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2 text-sm text-secondary",children:[e.jsx("span",{children:"Ihre jährliche Ersparnis"}),e.jsx("span",{className:"font-extrabold text-base text-accent",children:r(s)})]}),e.jsx(u,{value:[s],onValueChange:n=>o(n[0]),min:0,max:1500,step:10,"aria-label":"Jährliche Ersparnis"}),e.jsxs("div",{className:"flex justify-between text-sm text-muted-foreground mt-1",children:[e.jsx("span",{children:"0 €"}),e.jsx("span",{children:"1.500 €"})]})]}),e.jsxs("div",{className:"flex justify-between items-center py-1.5 text-sm text-secondary",children:[e.jsx("span",{children:"Bisheriger Jahresbeitrag"}),e.jsx("span",{className:"font-semibold text-foreground",children:r(i)})]}),e.jsxs("div",{className:"flex justify-between items-center py-1.5 px-2.5 -mx-2.5 rounded bg-background text-sm text-secondary",children:[e.jsx("span",{children:"Neuer Tarif mit Wechselpilot"}),e.jsx("span",{className:"font-semibold text-foreground",children:r(m)})]}),e.jsxs("div",{className:"flex justify-between items-center py-1.5 text-sm text-secondary",children:[e.jsx("span",{children:"Servicegebühr (25 %, max. 200 €)"}),e.jsx("span",{className:"font-semibold text-foreground",children:r(c)})]}),e.jsx("div",{className:"h-px bg-border my-1.5"}),e.jsxs("div",{className:"flex justify-between items-center pt-1.5 text-sm text-secondary",children:[e.jsx("span",{children:"Ihre Nettoersparnis"}),e.jsx("span",{className:"font-extrabold text-xl text-accent",children:r(d)})]}),e.jsxs("div",{className:"flex items-start gap-2 mt-3 text-sm text-muted-foreground leading-relaxed",children:[e.jsx(g,{className:"w-3.5 h-3 shrink-0 mt-0.5"}),"Bei 0 € Ersparnis ist unser Service vollständig kostenlos."]})]})]})};export{I as default};