46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import '@radix-ui/themes/styles.css';
|
|
import { Theme } from '@radix-ui/themes';
|
|
import { ToastContainer } from 'react-toastify';
|
|
import 'react-toastify/dist/ReactToastify.css';
|
|
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
|
|
|
import Home from './src/pages/Home';
|
|
import Portfolio from './src/pages/Portfolio';
|
|
import Services from './src/pages/Services';
|
|
import About from './src/pages/About';
|
|
import Blog from './src/pages/Blog';
|
|
import Contact from './src/pages/Contact';
|
|
import NotFound from './src/pages/NotFound';
|
|
|
|
const App: React.FC = () => {
|
|
return (
|
|
<Theme appearance="inherit" radius="large" scaling="100%">
|
|
<Router>
|
|
<main className="min-h-screen font-inter">
|
|
<Routes>
|
|
<Route path="/" element={<Home />} />
|
|
<Route path="/portfolio" element={<Portfolio />} />
|
|
<Route path="/portfolio/*" element={<Portfolio />} />
|
|
<Route path="/services" element={<Services />} />
|
|
<Route path="/services/*" element={<Services />} />
|
|
<Route path="/about" element={<About />} />
|
|
<Route path="/about/*" element={<About />} />
|
|
<Route path="/blog" element={<Blog />} />
|
|
<Route path="/contact" element={<Contact />} />
|
|
<Route path="*" element={<NotFound />} />
|
|
</Routes>
|
|
<ToastContainer
|
|
position="top-right"
|
|
autoClose={3000}
|
|
newestOnTop
|
|
closeOnClick
|
|
pauseOnHover
|
|
/>
|
|
</main>
|
|
</Router>
|
|
</Theme>
|
|
);
|
|
}
|
|
|
|
export default App; |