라우팅 추가 및 CSS 구성

- 개인 블로그
 - 로또
 - 여행

로고 이미지 추가 및 변경

src/routes.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import Home from './pages/home/Home';
+import Blog from './pages/blog/Blog';
+import Lotto from './pages/lotto/Lotto';
+import Travel from './pages/travel/Travel';
+
+export const navLinks = [
+    {
+        id: 'home',
+        label: 'Home',
+        path: '/',
+        description: '첫 인상과 최신 업데이트를 모아둔 허브',
+    },
+    {
+        id: 'blog',
+        label: 'Blog',
+        path: '/blog',
+        description: '생각과 기록, 코드 스니펫을 모으는 공간',
+    },
+    {
+        id: 'lotto',
+        label: 'Lotto',
+        path: '/lotto',
+        description: '숫자를 뽑고 통계를 확인하는 실험실',
+    },
+    {
+        id: 'travel',
+        label: 'Travel',
+        path: '/travel',
+        description: '여행에서 담은 색과 장면을 전시하는 갤러리',
+    },
+];
+
+export const appRoutes = [
+    {
+        index: true,
+        element: <Home />,
+    },
+    {
+        path: 'blog',
+        element: <Blog />,
+    },
+    {
+        path: 'lotto',
+        element: <Lotto />,
+    },
+    {
+        path: 'travel',
+        element: <Travel />,
+    },
+];