feat: add background video and enhance hover effects in CTA and GetStarted components

src/components/GetStarted.tsx

@@ -10,18 +10,21 @@ export  function GetStarted() {
       description:
         "Learn how Mycelium works and get a high-level understanding of its architecture, deployment, and API references.",
       href: "/docs",
+      buttonText: "Docs",
     },
     {
       title: "Mycelium Repository",
       description:
         "Explore the official code repositories, contribute, and stay up-to-date with the latest changes.",
       href: "https://github.com/your-repo", // replace with actual repo
+      buttonText: "Explore",
     },
     {
       title: "Mycelium Support",
       description:
         "Need help? Reach out to our support team or join the community to get your questions answered quickly.",
       href: "/support",
+      buttonText: "Support",
     },
   ];
 
@@ -41,13 +44,22 @@ export  function GetStarted() {
         {items.map((item, idx) => (
           <div
             key={idx}
-            className="flex flex-col justify-between border border-white/10 rounded-2xl p-6 hover:border-white/20 transition bg-black/20"
+            className="relative flex flex-col justify-between overflow-hidden rounded-2xl border border-white/10 bg-black/40 p-6 shadow-md shadow-gray-900/5 transition-all duration-300 ease-out hover:scale-105 hover:border-white/40 hover:bg-black/60"
+            style={{
+              filter: 'brightness(1)',
+            }}
+            onMouseEnter={(e) => {
+              e.currentTarget.style.filter = 'brightness(0.8)';
+            }}
+            onMouseLeave={(e) => {
+              e.currentTarget.style.filter = 'brightness(1)';
+            }}
           >
             {/* Title + Button Row */}
             <div className="flex items-center justify-between">
               <h3 className="text-xl font-semibold">{item.title}</h3>
               <Button variant="outline" href={item.href}>
-                View All
+                {item.buttonText}
               </Button>
             </div>