feat: replace shader background with responsive video backgrounds and update card styling with new transparency and text effects

app/page.tsx

@@ -28,11 +28,14 @@ export default async function Home() {
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
       />
-      <ShaderBackground />
-      {/* <video className="fixed top-0 left-0 w-full h-full -z-10 object-cover" autoPlay muted loop playsInline>
-        <source src="https://cdn.gunshiz.top/mavuika.mp4"></source>
-      </video> */}
-      <Card className="w-full max-w-md overflow-hidden relative" role="article">
+      {/* <ShaderBackground /> */}
+      <video className="fixed top-0 left-0 w-full h-full -z-10 object-cover hidden md:block" autoPlay muted loop playsInline>
+        <source src="https://cdn.gunshiz.top/erika.mp4"></source>
+      </video>
+      <video className="fixed top-0 left-0 w-full h-full -z-10 object-cover md:hidden" autoPlay muted loop playsInline>
+        <source src="https://cdn.gunshiz.top/erika-mb.mp4"></source>
+      </video>
+      <Card className="w-full max-w-md overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border" role="article">
         <CardHeader className="flex flex-col items-center gap-4 text-center">
           <div className="relative w-24 h-24 overflow-hidden rounded-full">
             <Image 
@@ -44,7 +47,7 @@ export default async function Home() {
             />
           </div>
           <div>
-            <h1 className="text-2xl font-bold">
+            <h1 className="text-2xl font-bold bg-linear-to-r from-pink-500 to-yellow-200 bg-clip-text text-transparent">
               {config.profile.name}
             </h1>
             <p className="text-sm text-zinc-400 mt-1">
@@ -65,7 +68,7 @@ export default async function Home() {
                 <Button
                   key={index}
                   variant="outline"
-                  className="w-full h-auto p-4 group"
+                  className="w-full h-auto p-4 group md:bg-muted bg-black/40 "
                   asChild
                 >
                   <Link href={item.link} target="_blank" rel="noopener noreferrer" className="w-full">