diff --git a/src/assets/icons/iconheader/active.svg b/src/assets/icons/iconheader/active.svg
new file mode 100644
index 0000000..0a7fad2
--- /dev/null
+++ b/src/assets/icons/iconheader/active.svg
@@ -0,0 +1,6 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="41" height="41" rx="6.5" fill="white"/>
+<rect x="0.5" y="0.5" width="41" height="41" rx="6.5" stroke="#DFE1EB"/>
+<path d="M23.1667 30.75H21.0001C15.8932 30.75 13.3398 30.75 11.7527 29.1629C10.1667 27.578 10.1667 25.0246 10.1667 19.9167V16.606C10.1667 14.6387 10.1667 13.655 10.5784 12.9162C10.8721 12.3897 11.3065 11.9554 11.8329 11.6617C12.5717 11.25 13.5554 11.25 15.5227 11.25C16.7837 11.25 17.4142 11.25 17.9667 11.4569C19.2267 11.9292 19.7467 13.0743 20.3154 14.2107L21.0001 15.5833M16.6667 15.5833H26.1459C28.4285 15.5833 29.5692 15.5833 30.3893 16.1315C30.7439 16.3685 31.0483 16.6729 31.2852 17.0274C31.8334 17.8475 31.8334 18.9883 31.8334 21.2708C31.8341 21.962 31.8323 22.5939 31.828 23.1667" stroke="#65677D" stroke-width="1.625" stroke-linecap="round"/>
+<path d="M27.16 30.1347C27.5544 30.5291 28.0895 30.7508 28.6474 30.7508C29.2053 30.7508 29.7403 30.5291 30.1348 30.1347C30.5293 29.7402 30.7509 29.2051 30.7509 28.6472C30.7509 28.0894 30.5293 27.5543 30.1348 27.1598L28.2758 25.3008C27.9007 24.9255 27.3975 24.7059 26.8672 24.6862C26.3369 24.6665 25.8188 24.8482 25.4169 25.1947M25.6736 22.6997C25.2793 22.3054 24.7444 22.0839 24.1867 22.0839C23.6291 22.0839 23.0942 22.3054 22.6999 22.6997C22.3055 23.0941 22.084 23.6289 22.084 24.1866C22.084 24.7443 22.3055 25.2792 22.6999 25.6735L24.5578 27.5314C24.9327 27.9074 25.4359 28.1275 25.9665 28.1476C26.497 28.1677 27.0155 27.9863 27.4178 27.6397" stroke="#65677D" stroke-width="1.625" stroke-linecap="round"/>
+</svg>
diff --git a/src/assets/icons/iconheader/portfolio.svg b/src/assets/icons/iconheader/portfolio.svg
new file mode 100644
index 0000000..90d3b03
--- /dev/null
+++ b/src/assets/icons/iconheader/portfolio.svg
@@ -0,0 +1,6 @@
+<svg width="43" height="42" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.1665" y="0.5" width="41" height="41" rx="6.5" fill="white"/>
+<rect x="1.1665" y="0.5" width="41" height="41" rx="6.5" stroke="#DFE1EB"/>
+<path d="M11.9341 21.4952C11.9341 16.7568 11.9341 14.3876 13.3797 12.9264C13.3922 12.9137 13.4048 12.9011 13.4175 12.8885C14.8787 11.443 17.2525 11.443 22.0002 11.443C26.7479 11.443 29.1217 11.443 30.5829 12.8885C30.5955 12.9011 30.6082 12.9137 30.6207 12.9264C32.0663 14.3876 32.0663 16.728 32.0663 21.4089C32.0663 26.0897 32.0663 28.4302 30.6207 29.8913C30.6082 29.904 30.5955 29.9166 30.5829 29.9292C29.1217 31.3748 26.7813 31.3748 22.1004 31.3748H21.7288C17.2142 31.3748 14.9569 31.3748 13.5144 30.0225C13.436 29.9489 13.3599 29.8729 13.2864 29.7945C11.9341 28.352 11.9341 26.0664 11.9341 21.4952Z" stroke="#65677D" stroke-width="1.63" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5454 24.5926L19.2139 21.0418C19.3773 20.8232 19.6169 20.6738 19.8852 20.6234C20.1535 20.573 20.4309 20.6251 20.6625 20.7695L23.2657 22.4142C23.5063 22.5674 23.7973 22.6201 24.0763 22.561C24.3553 22.502 24.6 22.3359 24.7579 22.0983L27.4373 18.0574" stroke="#65677D" stroke-width="1.63" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/iconheader/total.svg b/src/assets/icons/iconheader/total.svg
new file mode 100644
index 0000000..6d4231d
--- /dev/null
+++ b/src/assets/icons/iconheader/total.svg
@@ -0,0 +1,6 @@
+<svg width="43" height="42" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.833252" y="0.5" width="41" height="41" rx="6.5" fill="white"/>
+<rect x="0.833252" y="0.5" width="41" height="41" rx="6.5" stroke="#DFE1EB"/>
+<path d="M10.5 21C10.5 15.0167 15.3501 10.1667 21.3333 10.1667C27.3166 10.1667 32.1667 15.0167 32.1667 21C32.1667 26.9832 27.3166 31.8333 21.3333 31.8333C15.3501 31.8333 10.5 26.9832 10.5 21Z" stroke="#65677D" stroke-width="1.625"/>
+<path d="M22.0758 24.7172C22.4703 25.1117 23.0053 25.3333 23.5632 25.3333C24.1211 25.3333 24.6561 25.1117 25.0506 24.7172C25.445 24.3228 25.6667 23.7877 25.6667 23.2299C25.6667 22.672 25.445 22.137 25.0506 21.7425L23.1916 19.8836C22.8165 19.5082 22.3133 19.2887 21.7831 19.269C21.2528 19.2493 20.7347 19.4309 20.3328 19.7774M20.5895 17.2826C20.1952 16.8882 19.6604 16.6667 19.1027 16.6667C18.545 16.6667 18.0102 16.8882 17.6159 17.2826C17.2215 17.6769 17 18.2117 17 18.7694C17 19.3271 17.2215 19.8619 17.6159 20.2562L19.4737 22.1141C19.8486 22.49 20.3519 22.7102 20.8824 22.7303C21.4129 22.7504 21.9314 22.5689 22.3336 22.2224" stroke="#65677D" stroke-width="1.62495" stroke-linecap="round"/>
+</svg>
diff --git a/src/components/DashboardGrid.tsx b/src/components/DashboardGrid.tsx
index 018dd6c..60af309 100644
--- a/src/components/DashboardGrid.tsx
+++ b/src/components/DashboardGrid.tsx
@@ -22,9 +22,9 @@ import Vector2 from "../assets/icons/Vector2.png";
 import GPT from "../assets/icons/gpt.svg";
 import Map from "../assets/icons/maps.svg";
 
-import TotalBacklinks from "../assets/icons/iconheader/total.png";
-import ActiveKeywords from "../assets/icons/iconheader/active.png";
-import PortfolioPerformance from "../assets/icons/iconheader/portfolio.png";
+import TotalBacklinks from "../assets/icons/iconheader/total.svg";
+import ActiveKeywords from "../assets/icons/iconheader/active.svg";
+import PortfolioPerformance from "../assets/icons/iconheader/portfolio.svg";
 import InfoBadge from "../assets/icons/iconheader/Info-badge.png";
 import Amazon from "../assets/icons/amazon.svg";
 
diff --git a/src/components/flip-card.tsx b/src/components/flip-card.tsx
index 9b26931..266411b 100644
--- a/src/components/flip-card.tsx
+++ b/src/components/flip-card.tsx
@@ -2,7 +2,7 @@
 
 import type React from "react"
 import { useState } from "react"
-import { ArrowLeft, Menu } from "lucide-react"
+import { ArrowLeft, Menu, Sparkles } from "lucide-react"
 import CampaignTracker from "./CampaignTracker";
 
 // Your existing components - make sure these are imported
@@ -158,9 +158,24 @@ console.log(CARDS)
             >
               <div className="p-5 flex flex-col items-center h-full justify-center">
                 {card.badge && (
-                  <div className="absolute top-4 right-4 bg-green-500 text-white px-3 py-1 rounded-full text-xs font-bold transform rotate-12 shadow-lg">
-                    {card.badge}
-                  </div>
+                   <div className="absolute top-6 right-[-80px] w-[260px] bg-green-600 text-white font-semibold py-3 flex items-center justify-center gap-2 rotate-45 shadow-lg">
+                   {/* Inline SVG Icon */}
+                   <svg
+                     xmlns="http://www.w3.org/2000/svg"
+                     className="w-5 h-5"
+                     fill="none"
+                     viewBox="0 0 24 24"
+                     stroke="currentColor"
+                     strokeWidth={2}
+                   >
+                     <path
+                       strokeLinecap="round"
+                       strokeLinejoin="round"
+                       d="M13 16h-1v-4h-1m1 4h1m-1 0v-4m0 4h1m-1 0H9m4 0h1m-2-4V8a4 4 0 1 1 8 0v4h-2m-4 0h2m-4 0H9m6 0v4m0-4H9m6 0h2"
+                     />
+                   </svg>
+                   <span className="text-base tracking-wide">Content Unlocked</span>
+                 </div>
                 )}
                 <div className="w-32 h-32 rounded-full bg-gradient-to-br from-blue-400 to-purple-500 flex items-center justify-center text-white font-bold text-2xl">
                   {card.title.charAt(0)}