School-of-Company
diff --git a/‎public/images/left_line.png‎
37 KB b/‎public/images/left_line.png‎
37 KB
diff --git a/‎public/images/left_star.png‎
419 KB b/‎public/images/left_star.png‎
419 KB
diff --git a/‎public/images/right_line.png‎
36.9 KB b/‎public/images/right_line.png‎
36.9 KB
diff --git a/‎public/images/right_star.png‎
558 KB b/‎public/images/right_star.png‎
558 KB
diff --git a/‎public/images/star.png‎
-99.3 KB b/‎public/images/star.png‎
-99.3 KB
diff --git a/‎public/images/starline.png‎
-10.6 KB b/‎public/images/starline.png‎
-10.6 KB
diff --git a/‎public/images/trophy.png‎
-56 KB b/‎public/images/trophy.png‎
-56 KB
diff --git a/‎public/images/trophyline.png‎
-12.2 KB b/‎public/images/trophyline.png‎
-12.2 KB
diff --git a/‎src/app/layout.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/app/layout.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/entities/home/ui/MainYoutubeVideo/index.tsx‎
Lines changed: 38 additions & 0 deletions b/‎src/entities/home/ui/MainYoutubeVideo/index.tsx‎
Lines changed: 38 additions & 0 deletions
@@ -153,7 +153,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="ko">
+    <html lang="ko" suppressHydrationWarning>
       <head>
         <meta name="naver-site-verification" content="9b809c2b47126fcb57113f690708d63c39eb9681" />
       </head>
 
@@ -0,0 +1,38 @@
+import { cn } from "@/shared/utils/cn";
+
+export default function MainYoutubeVideo() {
+  const youtubeId = "8iM_JB8u-Vo";
+  return (
+    <>
+      <iframe
+        className={cn(
+          "absolute",
+          "top-1/2",
+          "left-1/2",
+          "-translate-x-1/2",
+          "-translate-y-1/2",
+          "w-[177.78vh]",
+          "h-[100vh]",
+          "min-w-full",
+          "min-h-full",
+          "pointer-events-none",
+        )}
+        src={`https://www.youtube.com/embed/${youtubeId}?autoplay=1&mute=1&controls=0&playsinline=1&loop=1&playlist=${youtubeId}&modestbranding=1&rel=0`}
+        title="Intro video"
+        allow="autoplay; encrypted-media; picture-in-picture"
+        referrerPolicy="strict-origin-when-cross-origin"
+      />
+
+      <div
+        className={cn(
+          "absolute",
+          "inset-0",
+          "bg-gradient-to-t",
+          "from-black/100",
+          "via-black/30",
+          "to-black/10",
+        )}
+      />
+    </>
+  );
+}