upd

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;

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;

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>