Remove exclusive offer badge Stor plan
Removed exclusiveOffer from Stor plan and hid the badge rendering in PlansSection to reflect no discount offer. Also dropped Gift icon import as badge is no longer shown. X-Lovable-Edit-ID: edt-e0d39749-1120-4906-96eb-838b6faffb43
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { useState } from "react";
|
||||
import { Check, Loader2, Crown, Gift } from "lucide-react";
|
||||
import { Check, Loader2, Crown } from "lucide-react";
|
||||
import { useShopifyProducts } from "@/hooks/useShopifyProducts";
|
||||
import { useCartStore } from "@/stores/cartStore";
|
||||
import { toast } from "sonner";
|
||||
@@ -44,7 +44,6 @@ const planDetails = [
|
||||
],
|
||||
shopifyHandle: "stor-kakabonnemang-10-kg-vecka",
|
||||
isPremium: true,
|
||||
exclusiveOffer: "Första månaden -20%",
|
||||
},
|
||||
];
|
||||
|
||||
@@ -143,14 +142,6 @@ const PlansSection = () => {
|
||||
<p className="text-muted-foreground text-[10px] md:text-sm mt-1 md:mt-2 leading-tight">
|
||||
{plan.employeeRecommendation}
|
||||
</p>
|
||||
|
||||
{/* Exclusive offer badge */}
|
||||
{plan.isPremium && plan.exclusiveOffer && (
|
||||
<div className="mt-2 md:mt-3 inline-flex items-center gap-1 bg-amber-100 text-amber-800 px-2 md:px-3 py-0.5 md:py-1 rounded-full text-[8px] md:text-xs font-semibold">
|
||||
<Gift className="w-2.5 h-2.5 md:w-3 md:h-3" />
|
||||
{plan.exclusiveOffer}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Price info */}
|
||||
|
||||
Reference in New Issue
Block a user