46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { Routes, Route } from 'react-router-dom';
|
|
import Home from './pages/Home';
|
|
import SingleBlog from "./pages/SingleBlog";
|
|
import Navbar from "./components/navbar/Navbar";
|
|
import Hero from "./components/hero/Hero";
|
|
import AboutMe from "./components/about-me/AboutMe";
|
|
import Contact from "./components/contact/Contact";
|
|
import Hobbies from "./components/hobbies/Hobbies";
|
|
import Projects from "./components/projects/Projects";
|
|
import Blogs from "./components/blogs/Blogs";
|
|
|
|
|
|
const NavBarView = (props: {children: any}) => {
|
|
return (
|
|
<div>
|
|
<Navbar/>
|
|
<div style={{height: "95vh"}}>
|
|
{props.children}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const Main = () => {
|
|
|
|
|
|
|
|
return (
|
|
<div>
|
|
<Routes>
|
|
<Route element={<NavBarView><Hero/></NavBarView>} path='/'/>
|
|
<Route element={<NavBarView><Hero/></NavBarView>} path='/home'/>
|
|
<Route element={<NavBarView><AboutMe/></NavBarView>} path='/about'/>
|
|
<Route element={<NavBarView><Contact/></NavBarView>} path='/contact'/>
|
|
<Route element={<NavBarView><Hobbies/></NavBarView>} path='/hobbies'/>
|
|
<Route element={<NavBarView><Projects/></NavBarView>} path='/projects'/>
|
|
<Route element={<NavBarView><Blogs/></NavBarView>} path='/blogs'/>
|
|
<Route element={<SingleBlog/>} path='/blog/*'/>
|
|
</Routes>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Main;
|