diff --git a/src/App.tsx b/src/App.tsx
index 7f27dfa..4148a91 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { Outlet, Route, Routes, useNavigate } from 'react-router-dom';
+import { Link, Outlet, Route, Routes, useNavigate } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import toast, { Toaster, useToasterStore } from 'react-hot-toast';
 import { Navbar } from './components';
@@ -47,6 +47,9 @@ export default function App() {
           path="/"
           element={
             <S.RootLayout>
+              <Link className="BetaBanner" to="https://beta.tmpf.me/" target="_blank">
+                베타버전이 출시되었습니다. beta.tmpf.me에서 베타 버전을 체험해보세요!
+              </Link>
               <div>
                 <Toaster
                   toastOptions={{
diff --git a/src/styles/app.ts b/src/styles/app.ts
index 70ddc79..10a3140 100644
--- a/src/styles/app.ts
+++ b/src/styles/app.ts
@@ -1,9 +1,21 @@
 import styled from '@emotion/styled';
 
 export const RootLayout = styled.div`
+  .BetaBanner {
+    width: 100vw;
+    padding: 2rem;
+    background-color: #757bab;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+  }
   .RootWrapper {
     width: 100%;
     height: fit-content;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 
   .Text {
diff --git a/tmp/build-errors.log b/tmp/build-errors.log
new file mode 100644
index 0000000..05e5985
--- /dev/null
+++ b/tmp/build-errors.log
@@ -0,0 +1 @@
+exit status 1
\ No newline at end of file