diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index fb11185..21cd2a1 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -7,7 +7,7 @@ import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { CreditCard, HelpCircle } from "lucide-react";
+import { CreditCard, HelpCircle, Rocket, Sparkles, Crown } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
@@ -95,7 +95,7 @@ export default function PricingPage() {
             {
               id: "starter",
               badge: "For New Creators",
-              badgeIcon: "Rocket",
+              badgeIcon: Rocket,
               price: "Free",
               subtitle: "Get started with basic tools",
               features: [
@@ -115,7 +115,7 @@ export default function PricingPage() {
             {
               id: "pro",
               badge: "Most Popular",
-              badgeIcon: "Sparkles",
+              badgeIcon: Sparkles,
               price: "$49/month",
               subtitle: "Perfect for growing creators",
               features: [
@@ -137,7 +137,7 @@ export default function PricingPage() {
             {
               id: "premium",
               badge: "For Large Communities",
-              badgeIcon: "Crown",
+              badgeIcon: Crown,
               price: "$199/month",
               subtitle: "Enterprise-grade features",
               features: [