feat:change all section color

src/components/BlogSection.tsx

@@ -3,6 +3,7 @@ import { useBlogs } from "@/hooks/queires/useBlogs";
 import { motion } from "framer-motion";
 import { ArrowRight, Calendar, Clock, User } from "lucide-react";
 import { Link } from "react-router-dom";
+import PremiumBadge from "./shared/PremiumBadge";
 
 const containerVariants = {
   hidden: { opacity: 0 },
@@ -41,11 +42,13 @@ export default function BlogSection() {
           transition={{ duration: 0.6 }}
           className="text-center mb-16"
         >
-          <span className="inline-block px-4 py-2 rounded-full glass text-primary text-sm font-medium mb-4">
-            Latest Insights
-          </span>
+          <PremiumBadge text="Latest Insights" />
+
           <h2 className="text-4xl md:text-5xl font-bold mb-6">
-            News & <span className="text-primary neon-text-glow">Blog</span>
+            News &{" "}
+            <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-sidebar-primary">
+              Blog
+            </span>
           </h2>
           <p className="text-muted-foreground max-w-2xl mx-auto text-lg">
             Stay updated with the latest trends, insights, and thought