첫번째 온보딩 화면 구현

src/pages/home/KakaoCallbackPage.tsx

@@ -75,7 +75,7 @@ export default function KakaoCallbackPage() {
         sessionStorage.removeItem('postLoginAction');
 
         if (result.newUser) {
-          navigate('/register/2', { replace: true });
+          navigate('/register/1', { replace: true });
           return;
         }
 

src/pages/register/Register.tsx

@@ -0,0 +1,40 @@
+import WelcomeMessage from '@/image/Welcomem.svg';
+import WelcomeIllustration from '@/image/Welcome.svg';
+import Button from '@/component/common/Button/Button';
+import { useNavigate } from 'react-router-dom';
+
+export default function Register1() {
+  const navigate = useNavigate();
+
+  return (
+    <div className="min-h-screen bg-beige1 flex flex-col items-center justify-between px-6 py-10">
+
+      <div className="mt-6 w-full flex justify-center">
+        <img
+          src={WelcomeMessage}
+          alt="숨여행, 틈이 처음이시네요! 초기 설정을 진행할게요."
+          className="w-full max-w-[320px] h-auto"
+        />
+      </div>
+      <div className="flex-1 w-full flex items-center justify-center">
+        <img
+          src={WelcomeIllustration}
+          alt="환영 일러스트"
+          className="w-full max-w-[320px] h-auto"
+        />
+      </div>
+
+      <div className="w-full">
+        <Button
+          variant="lg"
+          color="green3"
+          className="w-full"
+          onClick={() => navigate('/register/2')}
+          aria-label="다음 단계로 이동"
+        >
+          다음
+        </Button>
+      </div>
+    </div>
+  );
+}

src/routes/router.tsx

@@ -15,12 +15,17 @@ import Register2 from '@/pages/register/Register2';
 import Register3 from '@/pages/register/Register3';
 import TravelSearch from '@/pages/home/TravelSearch';
 import RequireAuth from './RequireAuth';
-
+import Resgister1 from '@/pages/register/Register';
 export const router = createBrowserRouter([
+
   {
     path: '/',
     element: <HomePage />,
   },
+  {
+    path:'/register/1',
+    element:<Resgister1 />
+  },
   {
     path: '/register/2',
     element: <Register2 />,