Added Functionality for Header and react router dom

This commit is contained in:
Sarim-Sheikh-2003
2023-10-28 17:07:11 -06:00
parent 87278f4c56
commit ecd1b97c28
19 changed files with 161 additions and 75 deletions

View File

@ -1,13 +1,33 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Header from './Header/Header';
import AboutUs from './AboutUs/AboutUs';
import Teams from './Teams/Teams';
import OurSponsors from './OurSponsors/OurSponsors';
import BecomeASponsor from './BecomeASponsor/BecomeASponsor';
import JoinTheClub from './Club Membership & Upcoming Events/JoinTheClub/JoinTheClub';
import UpcomingEvents from './Club Membership & Upcoming Events/UpcominEvents/UpcomingEvents';
import Gallery from './Gallery/Gallery';
import './index.css';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
<BrowserRouter>
<Routes>
<Route element = {<Header />}>
<Route path = '/' element = {<AboutUs />}></Route>
<Route path = '/Teams' element = {<Teams />}></Route>
<Route path = '/OurSponsors' element = {<OurSponsors />}></Route>
<Route path = '/BecomeASponsor' element = {<BecomeASponsor />}></Route>
<Route path = '/JoinTheClub' element = {<JoinTheClub />}></Route>
<Route path = '/UpcomingEvents' element = {<UpcomingEvents />}></Route>
<Route path = '/Gallery' element = {<Gallery />}></Route>
</Route>
</Routes>
</BrowserRouter>
</React.StrictMode>
);