fifty-shades-of-bully/src/main.jsx

import * as React from 'react';
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
import './css/global.css';
import HomePage from './pages/homePage.jsx';
import WarningPage from './pages/warningPage.jsx';
import NamePage from './pages/namePage.jsx';
import IntroductionPage from './pages/introductionPage.jsx';
import PlayVideo from './pages/components/playVideo.jsx'
import VitualNovelHandler from './pages/vistualNovelHandler.jsx';
import EndPage from './pages/endPage.jsx';
import LanguageSelection from './pages/languageSelection.jsx';

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/warn" element={<WarningPage />} />
        <Route path="/name" element={<NamePage />} />
        <Route path='/video' element={<PlayVideo />} />
        <Route path="/introduction" element={<IntroductionPage />} />
        <Route path='/vs/:char/:lang/:step' element={<VitualNovelHandler />} />
        <Route path='/end' element={<EndPage />} />
        <Route path='/lang' element={<LanguageSelection />} />

        <Route path="*" element={<Navigate to="/" replace />} />
      </Routes>
    </BrowserRouter>
  </StrictMode>,
);