design: 온보딩 페이지 퍼블리싱

package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"
@@ -18,6 +18,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router": "^7.1.5",
+    "swiper": "^11.2.4",
     "tailwind-merge": "^3.0.1",
     "tailwindcss": "^4.0.6",
     "zustand": "^5.0.3"

src/assets/icons/index.ts

@@ -1,25 +1,37 @@
 import AlarmIcon from './alarm.svg?react';
 import ArrowLeftIcon from './arrow-left.svg?react';
 import BoardIcon from './board.svg?react';
+import CloudIcon from './cloud.svg?react';
+import ColorSirenIcon from './color-siren.svg?react';
 import DeleteIcon from './delete.svg?react';
 import EnvelopeIcon from './envelope.svg?react';
 import InformationIcon from './infromation.svg?react';
 import LikeFilledIcon from './like-filled.svg?react';
 import LikeOutlinedIcon from './like-outlined.svg?react';
 import NoticeIcon from './notice.svg?react';
 import PersonIcon from './person.svg?react';
+import RestartIcon from './restart.svg';
 import SirenFilledIcon from './siren-filled.svg?react';
 import SirenOutlinedIcon from './siren-outlined.svg?react';
+import SnowIcon from './snow.svg?react';
+import ThermostatIcon from './thermostat.svg?react';
+import WarmIcon from './warm.svg?react';
 
 export {
   AlarmIcon,
   PersonIcon,
   ArrowLeftIcon,
   InformationIcon,
-  SirenFilledIcon,
-  SirenOutlinedIcon,
   EnvelopeIcon,
   BoardIcon,
+  RestartIcon,
+  CloudIcon,
+  SnowIcon,
+  ThermostatIcon,
+  WarmIcon,
+  ColorSirenIcon,
+  SirenFilledIcon,
+  SirenOutlinedIcon,
   NoticeIcon,
   LikeFilledIcon,
   LikeOutlinedIcon,