즈금 더 안정화

app/page.tsx

@@ -11,23 +11,31 @@ export default function Home() {
     signIn("google")
   }
   return (
-    <div className="bg-[url('/imsi_bg.png')] bg-cover bg-center h-screen">
-      {/* <video className="bg-cover bg-center h-screen" autoPlay loop muted>
-        <source src="/bgmv.mp4" type="video/mp4" />
-        Your browser does not support the video tag.
-      </video> */}
+    <div className="relative min-h-screen overflow-hidden bg-black">
+      <video
+        className="fixed inset-0 w-full h-full object-cover z-0"
+        autoPlay
+        muted
+        loop
+        playsInline
+        preload="metadata"
+        poster="/imsi_bg.png"
+      >
+        <source src="/everfactory.mp4" type="video/mp4" />
+      </video>
       <div className="
-      h-screen
       pt-5 pb-5
 
       w-full sm:w-1/2 xl:w-1/3
       transition-width 
 
-      fixed right-0
+      fixed right-0 top-0 bottom-0 z-10
       shadow-lg
 
       min-w-[500px] min-h-[500px]
-      " >
+      "
+      style={{ height: '100dvh', paddingBottom: 'max(env(safe-area-inset-bottom), 1.25rem)' }}
+      >
         <div
         className="
         bg-black/30 backdrop-blur-lg
@@ -46,9 +54,9 @@ export default function Home() {
               <div className="text-white text-4xl font-bold text-center mb-3">콘텐츠 음원 수익<br/>에버팩토리에서 편리하게</div>
               {/* <div className="text-white text-md text-center mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis maximus</div> */}
             </div>
-            <div>
-              <div className="text-white text-md text-center mb-3 cursor-pointer ">Ready to travel with us?<br/> Enter your email to create or restart your membership.</div>
-              <div className="pointer rounded-full bg-white p-2 flex items-center justify-center gap-2 cursor-pointer" onClick={handleSignIn}> <FcGoogle/> continue with google</div>
+            <div className="w-full">
+              <div className="text-white text-md text-center mb-3 cursor-pointer ">Ready to travel with us?</div>
+              <div className="pointer rounded-full bg-white p-2 flex items-center justify-center gap-2 cursor-pointer w-full" onClick={handleSignIn}> <FcGoogle/> continue with google</div>
             </div>
           </div>