fixed fonts

src/components/CampaignTracker.tsx

@@ -81,15 +81,15 @@ const CampaignTracker = ({ handleMenuClick }: { handleMenuClick: () => void }) =
       {/* Status Cards */}
       <div className="grid grid-cols-3 gap-4 mb-4">
         <div className="px-2 rounded-lg p-1 border">
-          <div className=" text-gray-700 mb-1 ">Indexed:</div>
+          <div className=" text-gray-700  ">Indexed:</div>
           <div className="text-sm font-bold text-gray-900">77%</div>
         </div>
         <div className="px-2 rounded-lg p-1 border">
-          <div className="text- text-gray-700 mb-1 ">Interlinked:</div>
+          <div className="text- text-gray-700 ">Interlinked:</div>
           <div className="text-sm font-bold text-gray-900">5%</div>
         </div>
         <div className="px-2 rounded-lg p-1 border">
-          <div className="text- text-gray-700 mb-1 ">Publishing:</div>
+          <div className="text- text-gray-700  ">Publishing:</div>
           <div className="text-sm font-bold text-gray-900">Locked</div>
         </div>
       </div>

src/components/DashboardGrid.tsx

@@ -619,7 +619,7 @@ export default function DashboardGrid() {
                                                 hoveredIndex={hoverState.cardId === card.title ? hoverState.ringIndex : null}
                                                 onHover={(index) => handleRingHover(card.title, index)}
                                             />
-                                            <div className={`mt-1 font-bold text-lg text-center ${card.faded ? "text-gray-400" : "text-gray-900"}`}>
+                                            <div className={`mt-1 font-semibold text-lg text-center ${card.faded ? "text-gray-400" : "text-gray-900"}`}>
                                                 {card.title}
                                             </div>
                                             {/* Tags */}
@@ -677,7 +677,7 @@ export default function DashboardGrid() {
                                             >
                                                 <ArrowLeft className="w-5 h-5 text-gray-600" />
                                             </button>
-                                            <h1 className="text-xl font-bold text-gray-900">{card.title}</h1>
+                                            <h1 className="text-xl font-semibold text-gray-900">{card.title}</h1>
                                         </div>
                                         {/* <button
                                             onClick={() => handleMenuClick(card.title)}

src/components/flip-card.tsx

@@ -158,7 +158,7 @@ console.log(CARDS)
             >
               <div className="p-5 flex flex-col items-center h-full justify-center">
                 {card.badge && (
-                   <div className="absolute top-8 right-[-100px] w-[320px] bg-green-600 text-white font-semibold py-4 flex items-center justify-center gap-3 rotate-45 shadow-lg">
+                   <div className="absolute top-8 right-[-100px] w-[320px] bg-[#0CAA75] text-white font-semibold py-4 flex items-center justify-center gap-3 rotate-45 shadow-lg">
                    {/* Unlock Icon (SVG) */}
                    <svg
                      xmlns="http://www.w3.org/2000/svg"