From a25f778f57ccb49a120eb4da3ad50e1b51e0413d Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sat, 20 Jun 2026 23:31:10 +0700
Subject: [PATCH] feat: replace shader background with responsive video
 backgrounds and update card styling with new transparency and text effects

---
 app/page.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 3f9bd97..07464a5 100644
--- a/app/page.tsx
+++ b/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">