my-website/src/App.tsx

30 lines
920 B
TypeScript

import { ThemeProvider } from 'styled-components';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import Header from './components/Header';
import { defaultTheme } from './styles/themes/default';
import { GlobalStyle } from './styles/global';
import Home from './pages/home';
import About from './pages/about';
import Contact from './pages/contact';
import Projects from './pages/projects';
function App() {
return (
<ThemeProvider theme={defaultTheme}>
<GlobalStyle />
<Router>
<Header />
<div className="mc">
<Routes>
<Route path="/" element={<Home />} />
<Route path="/about" element={<About />} />
<Route path="/contact" element={<Contact />} />
<Route path="/projects" element={<Projects />} />
</Routes>
</div>
</Router>
</ThemeProvider>
);
}
export default App;