Uppsatte abonnemangsvillkor

Bytte till svenska namn, exkl. moms priser och förenklade funktioner i PlansSection:
- ersatte Starter/Standard/Pro med Liten/Mellan/Stor
- visade priser exkl. moms istället för inklusive
- förenklade funktioner till Företagsfaktura, Veckoleverans och antal kakor
- tog bort flexibla upplägg, personlig kontakt och anpassat sortiment
- ändrade rubriker och prispresence i UI för enhetlighet

X-Lovable-Edit-ID: edt-31d711e5-7d32-4ed5-9bc5-124ee228af0e
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 19:42:54 +00:00
+8 -23
View File
@@ -2,50 +2,38 @@ import { Check } from "lucide-react";
const plans = [ const plans = [
{ {
name: "Starter", name: "Liten",
subtitle: "Abonnemang",
kgPerWeek: "3 kg", kgPerWeek: "3 kg",
priceWeekExclVat: "1 350", priceWeekExclVat: "1 350",
priceWeekInclVat: "1 687,50",
priceMonthExclVat: "5 400", priceMonthExclVat: "5 400",
priceMonthInclVat: "6 750",
features: [ features: [
"3 kg kakor per vecka", "3 kg kakor per vecka",
"Veckoleverans", "Veckoleverans",
"Företagsfaktura", "Företagsfaktura",
"Flexibelt upplägg",
], ],
featured: false, featured: false,
}, },
{ {
name: "Standard", name: "Mellan",
subtitle: "Abonnemang",
kgPerWeek: "5 kg", kgPerWeek: "5 kg",
priceWeekExclVat: "2 250", priceWeekExclVat: "2 250",
priceWeekInclVat: "2 812,50",
priceMonthExclVat: "9 000", priceMonthExclVat: "9 000",
priceMonthInclVat: "11 250",
features: [ features: [
"5 kg kakor per vecka", "5 kg kakor per vecka",
"Veckoleverans", "Veckoleverans",
"Prioriterad hantering",
"Företagsfaktura", "Företagsfaktura",
], ],
featured: true, featured: true,
}, },
{ {
name: "Pro / Office Plus", name: "Stor",
subtitle: "Abonnemang",
kgPerWeek: "10 kg", kgPerWeek: "10 kg",
priceWeekExclVat: "4 500", priceWeekExclVat: "4 500",
priceWeekInclVat: "5 625",
priceMonthExclVat: "18 000", priceMonthExclVat: "18 000",
priceMonthInclVat: "22 500",
features: [ features: [
"10 kg kakor per vecka", "10 kg kakor per vecka",
"Veckoleverans", "Veckoleverans",
"Personlig kontakt", "Företagsfaktura",
"Anpassade sortiment",
], ],
featured: false, featured: false,
}, },
@@ -88,7 +76,7 @@ const PlansSection = () => {
{/* Plan header */} {/* Plan header */}
<div className="text-center mb-6 pb-6 border-b border-border"> <div className="text-center mb-6 pb-6 border-b border-border">
<p className="text-muted-foreground text-sm uppercase tracking-wider mb-1"> <p className="text-muted-foreground text-sm uppercase tracking-wider mb-1">
{plan.subtitle} Abonnemang
</p> </p>
<h3 className="font-display text-3xl font-semibold text-foreground italic"> <h3 className="font-display text-3xl font-semibold text-foreground italic">
{plan.name} {plan.name}
@@ -102,15 +90,12 @@ const PlansSection = () => {
</div> </div>
<div> <div>
<span className="font-display text-3xl font-bold text-primary"> <span className="font-display text-3xl font-bold text-primary">
{plan.priceMonthInclVat} {plan.priceMonthExclVat}
</span> </span>
<span className="text-muted-foreground ml-1">kr/mån</span> <span className="text-muted-foreground ml-1">kr/mån exkl. moms</span>
</div>
<div className="text-muted-foreground text-xs">
({plan.priceMonthExclVat} kr exkl. moms)
</div> </div>
<div className="text-muted-foreground text-xs border-t border-border pt-2 mt-2"> <div className="text-muted-foreground text-xs border-t border-border pt-2 mt-2">
Veckopris: {plan.priceWeekInclVat} kr inkl. moms Veckopris: {plan.priceWeekExclVat} kr exkl. moms
</div> </div>
</div> </div>