diff --git a/src/index.ts b/src/index.ts
index 160645b..7153bb7 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -23,6 +23,14 @@ const websites = [{
 	jsfile: "js/index.js",
 	cssfile: "css/styles.css",
 	themecolor: ""
+},
+{
+	sitename: "about",
+	title: "IEEE at UCSD",
+	description: "",
+	jsfile: "js/index.js",
+	cssfile: "css/styles.css",
+	themecolor: ""
 }] as Website[];
 
 const PORT = 9000;
@@ -43,6 +51,11 @@ app.get("/", (req: Request, res: Response) => {
 	respond(res, "index");
 });
 
+app.get("/about", (req: Request, res: Response) => {
+	respond(res, "about");
+});
+
+
 /**
  * Utility functions for above methods
  */
diff --git a/src/public/components/CarouselItem.tsx b/src/public/components/CarouselItem.tsx
index 5b6bd75..e299b11 100644
--- a/src/public/components/CarouselItem.tsx
+++ b/src/public/components/CarouselItem.tsx
@@ -20,7 +20,6 @@ export default class CarouselItem extends Component<CarouselItemProps, CarouselI
 			<img src={this.props.photo}></img>
 			<div className="carousel-name">{this.props.name}</div>
 			<div className="carousel-pos">{this.props.position}</div>
-			<div className="carousel-email">{this.props.email}</div>
 		</div>;
 	}
 }
diff --git a/src/public/img/backgrounds/fa21social.png b/src/public/img/backgrounds/fa21social.png
new file mode 100644
index 0000000..d4c39d5
Binary files /dev/null and b/src/public/img/backgrounds/fa21social.png differ
diff --git a/src/public/img/backgrounds/gbm.png b/src/public/img/backgrounds/gbm.png
new file mode 100644
index 0000000..d8e3ad3
Binary files /dev/null and b/src/public/img/backgrounds/gbm.png differ
diff --git a/src/public/img/backgrounds/robofest.png b/src/public/img/backgrounds/robofest.png
new file mode 100644
index 0000000..b4fca1a
Binary files /dev/null and b/src/public/img/backgrounds/robofest.png differ
diff --git a/src/public/index.tsx b/src/public/index.tsx
index d07d3f0..8f0a738 100644
--- a/src/public/index.tsx
+++ b/src/public/index.tsx
@@ -19,7 +19,6 @@ class Main extends React.Component<MainProps, MainState> {
 	}
 	public render() {
 		return <>
-			<TopBar links={ACTIVE_PAGES}></TopBar>
 			<Splash cta="Join the 2nd largest IEEE student branch in the US!" delay={2000} backgrounds={["img/backgrounds/fa21qp.png"]}></Splash>
 			<DefaultSection title="We are..." paragraphs={[
 				"A diverse engineering community seeking to empower students through hands-on projects, networking opportunities, and social events. Bonus points on having an open-access project studio!",
@@ -32,9 +31,9 @@ class Main extends React.Component<MainProps, MainState> {
 			</div>
 			<DefaultSection className={"involved"} title="How else can I get involved?">
 				<div className="cards">
-					<InvolveBox boxTitle="Events" image="https://dummyimage.com/400x400/000/fff" description="sdfsfdsd"></InvolveBox>
-					<InvolveBox boxTitle="Projects" image="https://dummyimage.com/400x400/000/fff" description="sdfdsfdsf"></InvolveBox>
-					<InvolveBox boxTitle="Committees" image="https://dummyimage.com/400x400/000/fff" description="sdfsdfsdf"></InvolveBox>
+					<InvolveBox boxTitle="Events" image="img/backgrounds/fa21social.png" description="Events"></InvolveBox>
+					<InvolveBox boxTitle="Projects" image="img/backgrounds/robofest.png" description="Projects"></InvolveBox>
+					<InvolveBox boxTitle="Committees" image="img/backgrounds/gbm/png" description="Committees"></InvolveBox>
 				</div>
 			</DefaultSection>
 			<DefaultSection title="Have questions? Contact us!">