From 1d6b002360bef46b42856abb0234d301bd3c7198 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sun, 28 Jun 2026 22:43:34 +0700
Subject: [PATCH] refactor: consolidate background video elements using
 media-specific source tags

---
 app/page.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 1ef00f8..e1d430c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -45,11 +45,9 @@ export default async function Home() {
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
       />
-      <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 className="fixed top-0 left-0 w-full h-full -z-10 object-cover" autoPlay muted loop playsInline>
+        <source src="https://cdn.gunshiz.top/erika.mp4" media="(min-width: 768px)"></source>
+        <source src="https://cdn.gunshiz.top/erika-mb.mp4" media="(max-width: 767px)"></source>
       </video>
       <Card className="w-full max-w-sm overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border md:max-w-lg" role="article">
         <CardHeader className="flex flex-col items-center gap-4 text-center">