Räkna ut hur mycket tid och pengar ipool sparar er verksamhet. Baserat på 18 timmar sparad chefstid per chef och månad.
; import { ArrowRight, PhoneOff, MessagesSquare, RefreshCw, Zap, TrendingUp } from
; const ease: [number, number, number, number] = [0.25, 0.1, 0, 1]; const heroImg =
; const fmt = (n: number) => Math.round(n).toLocaleString(
); function SliderCard({ label, value, suffix, min, max, step, onChange, }: { label: string; value: number; suffix?: string; min: number; max: number; step: number; onChange: (v: number) => void; }) { return ( <div className=
text-[11px] font-medium uppercase tracking-[0.2em] text-foreground/70
> {fmt(value)} {suffix && <span className=
>{suffix}</span>} </span> </div> <Slider value={[value]} min={min} max={max} step={step} onValueChange={(v) => onChange(v[0])} className=
Räkna ut vad ipool sparar er — ROI-kalkylator | ipool
Räkna ut hur mycket tid och pengar ipool sparar er verksamhet. Baserat på 18 timmar sparad chefstid per chef och månad.
max-w-[1200px] mx-auto grid lg:grid-cols-[1fr_1.05fr] gap-12 lg:gap-16 items-start
text-[11px] font-semibold uppercase tracking-[0.18em] text-forest mb-7
> Vad skulle ipool spara <em className=
>er?</em> </h1> <p className=
> Justera reglagen efter er verksamhet. Beräkningen bygger på det våra kunder faktiskt rapporterar — 18 timmar sparad chefstid per chef och månad. </p> {/* Photo + illustrative overlay */} <div className=
> <img src={heroImg} alt=
> kr </text> </g> ))} </svg> <div className=
text-[10px] font-medium uppercase tracking-[0.18em] text-foreground/70
>+18 h/mån</div> </div> </div> </motion.div> {/* Right — Calculator */} <motion.div initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.7, delay: 0.1, ease }} className=
rounded-[2rem] bg-cream-deep border border-foreground/10 p-6 md:p-8 shadow-[0_2px_30px_rgba(0,0,0,0.04)]
text-[11px] font-medium uppercase tracking-[0.2em] text-forest
> <SliderCard label=
value={chefer} min={1} max={100} step={1} onChange={setChefer} /> <SliderCard label=
value={pass} min={10} max={1000} step={10} onChange={setPass} /> <SliderCard label=
value={kostnad} suffix=
min={250} max={900} step={25} onChange={setKostnad} /> </div> {/* Result cards */} <div className=
text-[10px] font-medium uppercase tracking-[0.2em] text-background/75
> {fmt(sparTimmar)} </div> <div className=
>timmar</div> </div> <div className=
> {fmt(varde)} </div> <div className=
>kr</div> </div> </div> {/* Bonus row */} <div className=
> Utöver tiden: snabbare bemanning vid sjukfrånvaro betyder{
} som löses på minuter istället för timmar. </p> </div> {/* CTA */} <div className=
> Boka demo med dessa siffror <ArrowRight className=
> Indikativ uppskattning — verkliga siffror beror på er verksamhet </span> </div> </div> </motion.div> </div> </section> {/* SECTION 2 — Bakom siffrorna */} <section className=
text-[11px] font-semibold uppercase tracking-[0.18em] text-forest mb-5
font-serif text-4xl md:text-5xl leading-[1.05] tracking-[-0.02em] text-foreground
>mätbar tid</em> </h2> <p className=
> Beräkningen utgår från det våra kunder rapporterar i praktiken. Den tid en chef tidigare lade på att ringa runt vid sjukfrånvaro, jaga vikarier, hantera passbyten och kommunicera ändringar — den tiden försvinner inte, men den krymper dramatiskt. </p> </div> <div className=
> {[ { icon: PhoneOff, title:
Den enskilt största tidstjuven. Pass-förfrågan går ut automatiskt istället för att chefen ringer en i taget.
SMS-trådar, samtal och manuella listor ersätts av ett flöde. Mindre tid på att jaga och bekräfta.
Personaluppgifter och schema synkas med Tiltid eller Tidomat. Inget dubbelregister att underhålla.
strokeWidth={1.75} /> </div> <h3 className=
>12 butiker</em> </h2> </div> <div className=
>Detaljhandel</div> </div> </div> {/* Result sheet */} <div className=
text-[11px] font-semibold uppercase tracking-[0.18em] text-forest
> 12 butiker · 14 chefer · ~280 pass/vecka </div> <div className=
}, ].map((r) => ( <div key={r.label} className=
>{r.label}</span> <div className=
>{r.value}</div> <div className=
>{r.suffix}</div> </div> </div> ))} </div> <p className=
> Räkneexempel baserat på branschsnitt. Boka demo så räknar vi på just er verksamhet. </p> </div> </div> </div> </section> {/* SECTION 4 — CTA */} <section className=
absolute inset-0 opacity-[0.07] pointer-events-none
text-[11px] font-semibold uppercase tracking-[0.18em] text-background/75 mb-6
font-serif text-4xl md:text-5xl lg:text-6xl leading-[1.05] tracking-[-0.02em]
>20 minuter</em> </h2> <p className=
> Boka en demo så går vi igenom beräkningen för just er verksamhet, med era system och era utmaningar. Inga säljpresentationer. </p> <div className=
> Boka demo <ArrowRight className=