feat:change all section color

src/components/ProjectsSection.tsx

@@ -5,6 +5,7 @@ import { ArrowRight } from "lucide-react";
 import { useRef } from "react";
 import { Link } from "react-router-dom";
 import { ProjectCard } from "./ProjectCard";
+import PremiumBadge from "./shared/PremiumBadge";
 
 const gradientColors = [
   "from-neon-blue/90",
@@ -49,12 +50,9 @@ export default function ProjectsSection() {
           transition={{ duration: 0.7 }}
           className="text-center mb-20"
         >
-          <span className="inline-block px-5 py-2 rounded-full glass text-sm font-medium text-primary mb-4 tracking-widest">
-            OUR PORTFOLIO
-          </span>
+         <PremiumBadge text="our projects"/>
           <h2 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">
-            Featured{" "}
-            <span className="text-primary neon-text-glow">Projects</span>
+            Featured <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-accent-foreground">Projects</span>
           </h2>
           <p className="text-muted-foreground max-w-2xl mx-auto text-lg">
             Crafted with passion. Delivered with excellence.