💄 Add Header2

Author: young-52

src/components/Header2.tsx

@@ -0,0 +1,37 @@
+
+import { Link, NavLink } from 'react-router';
+
+
+export default function Header() {
+
+  const linkClassName = (isActive: boolean) => `
+    h-[42px] items-center px-4 py-2 rounded-md text-black font-semibold
+    ${isActive ? 'bg-gray-200' : 'hover:bg-gray-200 transition-all'}
+  `;
+
+  return (
+    <header className="sticky top-0 z-[100] flex w-full justify-center bg-gray-50 border">
+      <div className="flex w-full items-center justify-between px-6 py-4 sm:w-screen-sm md:w-screen-md lg:w-screen-lg xl:max-w-screen-xl">
+        <Link to="/" className="text-xl font-bold font-title">
+          모이샤
+        </Link>
+        <div className="items-center space-x-2">
+          
+              <NavLink
+                to="/login"
+                className={({ isActive }) => linkClassName(isActive)}
+              >
+                로그인
+              </NavLink>
+              <NavLink
+                to="/register"
+                className={({ isActive }) => linkClassName(isActive)}
+              >
+                회원가입
+              </NavLink>
+            
+        </div>
+      </div>
+    </header>
+  );
+}

src/layouts/RootLayout2.tsx

@@ -0,0 +1,18 @@
+import { Outlet } from 'react-router';
+import { Toaster } from 'sonner';
+import Header2 from '@/components/Header2';
+
+export default function RootLayout() {
+  return (
+    <div className="flex flex-col min-h-screen">
+      <Header2 />
+      <main
+        className="flex w-full flex-1 flex-col bg-white px-3 xs:px-0"
+        style={{ padding: '2rem' }}
+      >
+        <Outlet />
+      </main>
+      <Toaster position="bottom-center" richColors />
+    </div>
+  );
+}

src/routes.ts

@@ -12,16 +12,23 @@ import NewEvent from './routes/NewEvent';
 import RegisterChoice from './routes/RegisterChoice';
 import RegisterForm from './routes/RegisterForm';
 import SocialCallback from './routes/SocialCallback';
+import RootLayout2 from './layouts/RootLayout2';
 
 export const router = createBrowserRouter([
   {
     path: '/',
-    Component: RootLayout,
+    Component: RootLayout2,
     children: [
       { index: true, Component: Home },
       { path: 'login', Component: Login },
       { path: 'register', Component: RegisterChoice },
       { path: 'register/email', Component: RegisterForm },
+    ],
+  },
+  {
+    path: '/',
+    Component: RootLayout,
+    children: [
       { path: 'new-event', Component: NewEvent },
       { path: 'auth/callback/:provider', Component: SocialCallback },
       { path: 'test-main', Component: Dashboard }, // 테스트용 메인 페이지 라우트