40 lines
1.4 KiB
React
40 lines
1.4 KiB
React
|
import { BrowserRouter, Routes, Route } from 'react-router-dom';
|
||
|
|
import { BrowserView, MobileView } from 'react-device-detect';
|
||
|
|
|
||
|
|
// PC 페이지
|
||
|
|
import PCHome from './pages/pc/Home';
|
||
|
|
import PCMembers from './pages/pc/Members';
|
||
|
|
import PCDiscography from './pages/pc/Discography';
|
||
|
|
import PCSchedule from './pages/pc/Schedule';
|
||
|
|
|
||
|
|
// PC 레이아웃
|
||
|
|
import PCLayout from './components/pc/Layout';
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
return (
|
||
|
|
<BrowserRouter>
|
||
|
|
<BrowserView>
|
||
|
|
<PCLayout>
|
||
|
|
<Routes>
|
||
|
|
<Route path="/" element={<PCHome />} />
|
||
|
|
<Route path="/members" element={<PCMembers />} />
|
||
|
|
<Route path="/discography" element={<PCDiscography />} />
|
||
|
|
<Route path="/schedule" element={<PCSchedule />} />
|
||
|
|
</Routes>
|
||
|
|
</PCLayout>
|
||
|
|
</BrowserView>
|
||
|
|
<MobileView>
|
||
|
|
{/* 모바일 버전은 추후 구현 */}
|
||
|
|
<div className="flex items-center justify-center h-screen bg-gray-100 p-4">
|
||
|
|
<div className="text-center">
|
||
|
|
<p className="text-xl font-bold text-primary mb-2">fromis_9</p>
|
||
|
|
<p className="text-gray-500">모바일 버전은 준비 중입니다.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</MobileView>
|
||
|
|
</BrowserRouter>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default App;
|