Remove premium badge from Stor plan

Removed the premium badge rendering by deleting the Crown icon block and its surrounding markup in PlansSection.tsx; also dropped the import of Crown.

X-Lovable-Edit-ID: edt-4ac87afd-d3e8-46b5-bfd4-50a1524b5394
This commit is contained in:
gpt-engineer-app[bot]
2026-01-28 13:23:44 +00:00
+1 -11
View File
@@ -1,5 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { Check, Loader2, Crown } from "lucide-react"; import { Check, Loader2 } from "lucide-react";
import { useShopifyProducts } from "@/hooks/useShopifyProducts"; import { useShopifyProducts } from "@/hooks/useShopifyProducts";
import { useCartStore } from "@/stores/cartStore"; import { useCartStore } from "@/stores/cartStore";
import { toast } from "sonner"; import { toast } from "sonner";
@@ -123,16 +123,6 @@ const PlansSection = () => {
: '' : ''
}`} }`}
> >
{/* Premium badge */}
{plan.isPremium && (
<div className="absolute -top-3 left-1/2 -translate-x-1/2 z-10">
<div className="bg-gradient-to-r from-amber-500 via-yellow-400 to-amber-500 text-amber-950 px-2 md:px-4 py-0.5 md:py-1 rounded-full text-[8px] md:text-xs font-bold flex items-center gap-1 shadow-lg">
<Crown className="w-2.5 h-2.5 md:w-3.5 md:h-3.5" />
<span className="hidden md:inline">Mest populär</span>
<span className="md:hidden">Populär</span>
</div>
</div>
)}
{/* Plan header */} {/* Plan header */}
<div className={`text-center mb-3 md:mb-6 pb-3 md:pb-6 border-b ${plan.isPremium ? 'border-amber-400/50' : 'border-border'}`}> <div className={`text-center mb-3 md:mb-6 pb-3 md:pb-6 border-b ${plan.isPremium ? 'border-amber-400/50' : 'border-border'}`}>