diff --git a/src/app/main_video/page.tsx b/src/app/main_video/page.tsx
new file mode 100644
index 0000000..8e78480
--- /dev/null
+++ b/src/app/main_video/page.tsx
@@ -0,0 +1,17 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+function MainVideoPage() {
+  const router = useRouter();
+
+  useEffect(() => {
+    router.push("/");
+  }, []);
+
+  return <></>;
+}
+
+export default MainVideoPage;
diff --git a/src/app/stream/page.tsx b/src/app/stream/page.tsx
new file mode 100644
index 0000000..88d0d8c
--- /dev/null
+++ b/src/app/stream/page.tsx
@@ -0,0 +1,17 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+function StreamPage() {
+  const router = useRouter();
+
+  useEffect(() => {
+    router.push("/#stream");
+  }, []);
+
+  return <></>;
+}
+
+export default StreamPage;
diff --git a/src/components/Stream/Stream.tsx b/src/components/Stream/Stream.tsx
index 1cc9d6e..15ab16d 100644
--- a/src/components/Stream/Stream.tsx
+++ b/src/components/Stream/Stream.tsx
@@ -5,7 +5,7 @@ import StreamButton from "./StreamButton";
 
 const Stream = () => {
   return (
-    <div className="relative 2xl:mb-[200px] sm:mb-[120px] mb-20">
+    <div id="stream" className="relative 2xl:mb-[200px] sm:mb-[120px] mb-20">
       <div className="grid sm:grid-cols-2 sm:gap-4 gap-6 2xl:mb-16 xl:mb-10 sm:mb-12 mb-8">
         <div className="flex flex-col gap-8 justify-between">
           <Heading2>