+ {/* header */}
+
+ )
+}
+
+export default HomeLayout
diff --git a/src/pages/DownloadPage.tsx b/src/pages/DownloadPage.tsx
new file mode 100644
index 0000000..be1af8e
--- /dev/null
+++ b/src/pages/DownloadPage.tsx
@@ -0,0 +1,26 @@
+import WindowIcon from "@assets/icons/download-window-icon.svg?react"
+import MacIcon from "@assets/icons/download-mac-icon.svg?react"
+const DownloadPage: React.FC = () => {
+ return (
+
+ {/* logo */}
+
+ {/* Main Content */}
+
+
+
+
+
+ {/* footer */}
+
+
+
+
+ ALIGN LAB
+
+
+
+ 개인정보처리방침
+
+
+ 이용약관
+
+ Copyright all reserved @2024
+
+ {/* left */}
+
+ )
+}
+
+export default DownloadPage
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 82d7c6f..67314e1 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,80 +1,54 @@
-import LogoImage from "@assets/icons/home-logo.svg?react"
-import KakaoSignupIcon from "@assets/icons/home-kakao-signup-button-icon.svg?react"
import IntroImage from "@/assets/images/home-intro.png"
import MonitoringImage from "@/assets/images/home-monitoring.png"
-
+import { useNavigate } from "react-router-dom"
+import RoutePath from "@/constants/routes.json"
const REST_API_KEY = import.meta.env.VITE_OAUTH_KAKAO_REST_API_KEY
const REDIRECT_URI = import.meta.env.VITE_OAUTH_KAKAO_REDIRECT_URI
const LOGIN_LINK = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`
+const IS_ELECTRON = window?.versions?.electron
const HomePage: React.FC = () => {
+ const navigate = useNavigate()
const loginHandler = (): void => {
window.location.href = LOGIN_LINK
}
return (
-
+ 끈김없이 더 바른 자세 유지를 위한
+
+ PC용 앱을 다운받아보세요 +
+ + PC용 앱을 다운받아보세요 +
+
+
+
+ Window OS
+
+
+ Mac OS
+
- {/* header */}
-
- {/* logo */}
-
-
- {/* content */}
-
-
-
-
- {/* left */}
-
-
-
-
- 자세공작소와 함께하는
- 일상의 변화
- 간단하게 회원가입 후 이용을 시작하세요!
+
+ {/* left */}
+
+
- {/* right */}
-
+
+
+
+ 자세공작소와 함께하는
+ 일상의 변화
간단하게 회원가입 후 이용을 시작하세요!
+
-
- 카카오톡으로 계속하기
-
- 
+ 카카오톡으로 계속하기
+ {!IS_ELECTRON && (
+ navigate(RoutePath.DOWNLOAD)}
+ >
+ PC 앱 다운로드
+
+ )}
-
- {/* footer */}
-
- 
-
+
+
-
)
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
index 9392a6e..42e8c86 100644
--- a/src/routes/Router.tsx
+++ b/src/routes/Router.tsx
@@ -2,8 +2,10 @@ import Modals from "@/components/Modal/Modals"
import RoutePath from "@/constants/routes.json"
import AnalysisLayout from "@/layouts/AnalysisLayout"
import BaseLayout from "@/layouts/BaseLayout"
+import HomeLayout from "@/layouts/HomeLayout"
import MonitoringLayout from "@/layouts/MonitoringLayout"
import { AnalysisDashboard, AuthPage, Crew, HomePage, MonitoringPage } from "@/pages"
+import DownloadPage from "@/pages/DownloadPage"
import MyCrew from "@/pages/MyCrew"
import MyPage from "@/pages/MyPage"
import AuthRoute from "@/routes/AuthRoute"
@@ -20,7 +22,11 @@ const Router: React.FC = () => {