diff --git a/src/_includes/layouts/homepage.html b/src/_includes/layouts/homepage.html
index 12789a8..0032a3a 100644
--- a/src/_includes/layouts/homepage.html
+++ b/src/_includes/layouts/homepage.html
@@ -21,7 +21,6 @@
 	<body data-typeface="system-ui">
 		{% include partials/header.html %}
 		<main data-layout="centered-single-column">
-			<h2 id="next-event" class="events-title">Next event</h2>
 			<section id="next-event-section" aria-labelledby="next-event" class="events-section">
 				{% assign nextEvent = collections.upcomingEvents | first %}
 				<article aria-labelledby="{{ nextEvent.data.title | slug }}" class="event-item">
@@ -45,10 +44,63 @@ <h3 id="{{ nextEvent.data.title | slug }}">{{ nextEvent.data.title }}</h3>
 						{% endfor %}
 					</ul>
 
-					<a href="{{ nextEvent.url }}" aria-label="View Details for {{ nextEvent.data.title }}"
+					<a
+						href="{{ nextEvent.url }}"
+						class="event-details-link"
+						aria-label="View Details for {{ nextEvent.data.title }}"
 						>View Details &#8250;</a
 					>
 				</article>
+
+				<article class="event-item" id="recurring-events">
+					<h5>Tuesdays &middot; 1PM EDT</h5>
+					<ul>
+						<li>
+							<a
+								href="https://www.twitch.tv/someanticsdev"
+								target="_blank"
+								rel="noreferrer noopener"
+								style="background-color: #ffe56a; color: #743c9b"
+								><strong>Some Antics</strong></a
+							>
+						</li>
+					</ul>
+
+					<h5>Wednesdays &middot; 1PM EDT</h5>
+					<ul>
+						<li>
+							<a
+								href="https://anchor.fm/single-threaded"
+								target="_blank"
+								rel="noreferrer noopener"
+								class="discontinued-event"
+								><strong>Single-Threaded Episode Listening Party</strong></a
+							>
+							<!-- style="color:#E61F83;"  -->
+						</li>
+					</ul>
+
+					<h5>Thursdays &middot; 1PM EDT</h5>
+					<ul>
+						<li>
+							<a href="/typescript-in-50-lessons-book-club-intro/" style="color: #235a97"
+								><strong>TypeScript in 50 Lessons Book CLub</strong></a
+							>
+						</li>
+						<li>
+							<a
+								href="https://reactpodcast.simplecast.com/"
+								target="_blank"
+								rel="noreferrer noopener"
+								class="discontinued-event"
+								><strong>React Podcast Episode Listening Party</strong></a
+							>
+							<!-- style="background-color:#FFE001;color:#222222;"  -->
+						</li>
+					</ul>
+
+					<p class="recurring-info-message"><span class="discontinued-event">Event</span> = temporarily discontinued</p>
+				</article>
 			</section>
 
 			<h2 class="events-title">Upcoming Events</h2>
@@ -76,9 +128,16 @@ <h3 id="{{ event.data.title | slug }}">{{ event.data.title }}</h3>
 						{% endfor %}
 					</ul>
 
-					<a href="{{ event.url }}" aria-label="View Details for {{ event.data.title }}">View Details &#8250;</a>
+					<a href="{{ event.url }}" class="event-details-link" aria-label="View Details for {{ event.data.title }}"
+						>View Details &#8250;</a
+					>
 				</article>
 				{% endfor %}
+
+				<a href="/sesh" class="event-item" id="add-event-link">
+					{% include partials/add.svg %}
+					<span>*Insert Your Awesome Event Idea Here*</span>
+				</a>
 			</section>
 
 			<h2 class="events-title">Past Events</h2>
@@ -104,7 +163,9 @@ <h3 id="{{ event.data.title | slug }}">{{ event.data.title }}</h3>
 						{% endfor %}
 					</ul>
 
-					<a href="{{ event.url }}" aria-label="View Details for '{{ event.data.title }}'">View Details &#8250;</a>
+					<a href="{{ event.url }}" class="event-details-link" aria-label="View Details for '{{ event.data.title }}'"
+						>View Details &#8250;</a
+					>
 				</article>
 				{% endfor %}
 			</section>
diff --git a/src/_includes/partials/add.svg b/src/_includes/partials/add.svg
new file mode 100644
index 0000000..9b28547
--- /dev/null
+++ b/src/_includes/partials/add.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 24 24">
+  <title>Add icon</title>
+  <path fill="#000" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
+</svg>
\ No newline at end of file
diff --git a/src/_includes/partials/footer.html b/src/_includes/partials/footer.html
index a6fcd0a..8c4bf1e 100644
--- a/src/_includes/partials/footer.html
+++ b/src/_includes/partials/footer.html
@@ -1,4 +1,4 @@
-<footer data-layout="centered-single-column">
+<footer id="footer" data-layout="centered-single-column">
 	<div href="/">lunch.dev community 🗓️</div>
 
 	<div class="footer-links">
@@ -6,7 +6,7 @@
 		<span class="footer-divider">•</span>
 		<a href="/">Events</a>
 		<span class="footer-divider">•</span>
-		<a href="/sesh">Sesh Help</a>
+		<a href="/sesh">Participate</a>
 	</div>
 
 	<div class="footer-social">
diff --git a/src/_includes/partials/header.html b/src/_includes/partials/header.html
index 3e8d404..260a8dd 100644
--- a/src/_includes/partials/header.html
+++ b/src/_includes/partials/header.html
@@ -1,7 +1,7 @@
 <header id="navbar">
 	<nav>
 		<a href="/">
-			<h1 aria-label="Lunch.dev Community Calendar">lunch.dev Community 🗓️</h1>
+			<h1 aria-label="Lunch.dev Community Calendar">lunch.dev community 🗓️</h1>
 		</a>
 	</nav>
 </header>
diff --git a/src/css/footer.css b/src/css/footer.css
index 4c51dad..eaa2806 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -1,8 +1,9 @@
-footer {
+#footer {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	margin: 16px;
+	padding-top: 40px;
+	padding-bottom: 40px;
 }
 
 .footer-links {
@@ -51,8 +52,10 @@ footer {
 }
 
 @media screen and (max-width: 768px) {
-	footer {
+	#footer {
 		flex-direction: column-reverse;
+		padding-top: 24px;
+		padding-bottom: 24px;
 	}
 
 	.footer-social {
diff --git a/src/css/homepage.css b/src/css/homepage.css
index 0616bb1..b424d61 100644
--- a/src/css/homepage.css
+++ b/src/css/homepage.css
@@ -14,6 +14,7 @@
 	min-height: 140px;
 	margin: 16px;
 	padding: 16px;
+	border-radius: 6px;
 	box-shadow: rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px, rgba(0, 0, 0, 0.11) 0px 6.4px 14.4px;
 	background-color: white;
 
@@ -21,6 +22,29 @@
 	flex-direction: column;
 }
 
+#add-event-link {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+	box-shadow: none;
+	color: #000;
+	border: 2px solid #000;
+	text-decoration: none;
+	padding: 48px 0;
+	transition: 0.3s;
+}
+#add-event-link:hover {
+	box-shadow: rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px, rgba(0, 0, 0, 0.11) 0px 6.4px 14.4px;
+}
+#add-event-link span {
+	font-family: 'Alegreya Sans', sans-serif;
+	font-size: 1.17em;
+	padding: 8px 16px;
+	text-align: center;
+}
+
 .event-item__speaker-list {
 	padding-block-start: 1rem;
 	--avatar--size: 2.5rem;
@@ -42,11 +66,11 @@
 	flex-grow: 1;
 }
 
-.event-item a {
+.event-item .event-details-link {
 	background-color: black;
 	color: white;
 	text-decoration: none;
-	padding: 4px 8px;
+	padding: 4px 16px;
 	border-radius: 8px;
 
 	display: block;
@@ -55,24 +79,71 @@
 
 	margin-top: 1em;
 }
-
-.event-item a:hover {
+.event-item .event-details-link:hover {
 	opacity: 0.8;
 }
-
-.event-item a:focus-visible {
+.event-item .event-details-link:focus-visible {
 	outline-color: #ba8d1c;
 	outline-offset: 5px;
 	outline-style: dotted;
 	outline-width: 2px;
 }
-
-.event-item a:active {
+.event-item .event-details-link:active {
 	transform: scaleX(0.95);
 }
 
+#next-event-section .event-item:first-of-type {
+	font-size: 1.4em;
+	padding: 40px;
+	width: calc(66% - 32px);
+	min-height: 280px;
+	border: 2px solid #7289da;
+}
+#next-event-section .event-item:first-of-type h3 {
+	color: #7289da;
+}
+#next-event-section .event-item:first-of-type .event-details-link {
+	background-color: #7289da;
+	color: #fff;
+}
+
+#recurring-events {
+	border: 1px dashed #a9a9a9;
+	padding: 16px;
+	line-height: 1.2;
+}
+#recurring-events ul {
+	padding-left: 24px;
+	margin: 0;
+}
+#recurring-events ul li {
+	padding: 4px 0;
+}
+#recurring-events h5 {
+	margin: 0;
+	font-size: 1.1em;
+	font-style: italic;
+}
+#recurring-events a {
+	font-size: 0.9em;
+	text-decoration: none;
+	padding: 0 4px;
+}
+#recurring-events .discontinued-event {
+	background-color: transparent;
+	color: #a9a9a9;
+	text-decoration: line-through;
+}
+.recurring-info-message {
+	font-size: 0.75em;
+	margin-top: auto;
+}
+
 #upcoming-events-section .event-item a {
-	background-color: gold;
+	background: gold;
+	background: -webkit-linear-gradient(to right, #fceabb, gold);
+	background: linear-gradient(to right, #fceabb, gold);
+
 	color: black;
 }
 
@@ -84,6 +155,11 @@
 	.event-item {
 		width: calc(50% - 32px);
 	}
+
+	#next-event-section .event-item:first-of-type,
+	#recurring-events {
+		width: calc(100% - 32px);
+	}
 }
 
 @media screen and (max-width: 600px) {
