diff --git a/src/Teams/Leadership.json b/src/Teams/Leadership.json
new file mode 100644
index 0000000..8e55c28
--- /dev/null
+++ b/src/Teams/Leadership.json
@@ -0,0 +1,9 @@
+{
+	"Team Captain": "Aidan Schroeder",
+	"Nole Tabelon": "Chassis Lead",
+	"Hewitt Yee": "Drivetrain Lead",
+	"Alex Buzdugan": "Electrical Lead",
+	"Brock Tomlinson": "Business and Softawre Lead",
+	"Ghaith Abu-Rub": "Suspension Lead",
+	"Anjali Patadia": "Steering Lead"
+}
diff --git a/src/Teams/SubTeams.css b/src/Teams/SubTeams.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Teams/SubTeams.js b/src/Teams/SubTeams.js
new file mode 100644
index 0000000..9b8f17f
--- /dev/null
+++ b/src/Teams/SubTeams.js
@@ -0,0 +1,34 @@
+const SubTeams = () => {
+	// const jsonImport = (filePath) => {
+	// 	data = import(filePath);
+	// 	return data;
+	// };
+	// leadership_json = jsonImport("./Leadership.json");
+	// console.log(leadership_json);
+	return (
+		<div>
+			<div>
+				<h2>Leadership</h2>
+				<p>gallery</p>
+			</div>
+			<table>
+				<tbody>
+					<tr>
+						<td>Aidan Schroeder</td>
+						<td>Team Captain</td>
+					</tr>
+					<tr>
+						<td>Hewitt Yee</td>
+						<td>Drivetrain Lead</td>
+					</tr>
+					<tr>
+						<td>Nole Tabelon</td>
+						<td>Chassis Lead</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	);
+};
+
+export default SubTeams;
diff --git a/src/Teams/Teams.js b/src/Teams/Teams.js
deleted file mode 100644
index 98b7bec..0000000
--- a/src/Teams/Teams.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default function Teams() {
-    return (
-        <p>Teams</p>
-    );
-};
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index dceadbb..cf5cd77 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,34 +1,48 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+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';
+import Header from "./Header/Header";
+import AboutUs from "./AboutUs/AboutUs";
+import SubTeams from "./Teams/SubTeams";
+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'));
+const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
-  <React.StrictMode>
-    <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>
+	<React.StrictMode>
+		<BrowserRouter>
+			<Routes>
+				<Route element={<Header />}>
+					<Route
+						path="/"
+						element={<AboutUs />}></Route>
+					<Route
+						path="/Teams"
+						element={<SubTeams />}></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>
 );
 
 // If you want to start measuring performance in your app, pass a function