diff --git a/src/components/cards/CommunityBannerCard.js b/src/components/cards/CommunityBannerCard.js
new file mode 100644
index 0000000..01ce52f
--- /dev/null
+++ b/src/components/cards/CommunityBannerCard.js
@@ -0,0 +1,19 @@
+import React from "react";
+import Link from "@docusaurus/Link";
+import styles from "./card.module.css";
+
+const CommunityBannerCard = ({ link, headerTitle, bodyText, icon }) => {
+	return (
+		<Link href={link}>
+			<div className={styles.communityBanner}>
+				<div>{icon}</div>
+				<div className={styles.communityBannerContent}>
+					<h3>{headerTitle}</h3>
+					<p>{bodyText}</p>
+				</div>
+			</div>
+		</Link>
+	);
+};
+
+export default CommunityBannerCard;
diff --git a/src/components/cards/DiscordCard.js b/src/components/cards/DiscordCard.js
deleted file mode 100644
index 294d768..0000000
--- a/src/components/cards/DiscordCard.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import styles from "./card.module.css";
-import DiscordLogo from "@site/static/img/discord-logo.svg";
-import Link from "@docusaurus/Link";
-
-const DiscordCard = () => {
-	return (
-		<Link href='https://discord.verida.io'>
-			<div className={styles.communityBanner}>
-				<div>
-					<DiscordLogo
-						className={styles.communityBannerSvg}
-						title='DiscordLogo'
-					/>
-				</div>
-				<div className={styles.communityBannerContent}>
-					<h3>Join our Discord Community</h3>
-					<p>
-						We would love to hear from you! Let us know what you're building or
-						if you need any assistance getting started.
-					</p>
-				</div>
-			</div>
-		</Link>
-	);
-};
-
-export default DiscordCard;
diff --git a/src/components/cards/PartnershipCard.js b/src/components/cards/PartnershipCard.js
deleted file mode 100644
index 71ed3c9..0000000
--- a/src/components/cards/PartnershipCard.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-import styles from "./card.module.css";
-import Link from "@docusaurus/Link";
-
-const PartnerShipCard = () => {
-	return (
-		<Link href='https://www.verida.io/ecosystem#partner'>
-			<div className={styles.communityBanner}>
-				<div></div>
-				<div className={styles.communityBannerContent}>
-					<h3>Verida Early Adopter Program</h3>
-					<p>
-						Join the growing ecosystem of partners building the future of web3.
-					</p>
-				</div>
-			</div>
-		</Link>
-	);
-};
-
-export default PartnerShipCard;
diff --git a/src/pages/index.js b/src/pages/index.js
index 875cc8e..b438d1f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,17 +4,17 @@ import Layout from "@theme/Layout";
 import Link from "@docusaurus/Link";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import ExternalLink from "@site/static/img/external-link.svg";
+import DiscordLogo from "@site/static/img/discord-logo.svg";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import styles from "./index.module.css";
 import ContentCard from "../components/cards/ContentCard";
-import DiscordCard from "../components/cards/DiscordCard";
-import PartnerShipCard from "../components/cards/PartnershipCard";
 import GithubCard from "../components/cards/GithubCard";
 import Footer from "../components/Footer";
 import ReadDocsIcon from "@site/static/img/read_docs.svg";
 import ExploreAPiICon from "@site/static/img/explore_api.svg";
 import IntTutorialIcon from "@site/static/img/interactive_tutorial.svg";
 import DemosIcon from "@site/static/img/demos.svg";
+import CommunityBannerCard from "../components/cards/CommunityBannerCard";
 
 const contentCards = [
 	{
@@ -203,9 +203,22 @@ export default function Home() {
 									</div>
 								))}
 							</div>
-							
-							<DiscordCard />
-							<PartnerShipCard />
+							<CommunityBannerCard
+								link='https://discord.verida.io'
+								headerTitle='Join our Discord Community'
+								icon={
+									<DiscordLogo
+										className={styles.communityBannerSvg}
+										title='DiscordLogo'
+									/>
+								}
+								bodyText={`We would love to hear from you! Let us know what you're building or if you need any assistance getting started.`}
+							/>
+							<CommunityBannerCard
+								link='https://www.verida.io/ecosystem#partner'
+								headerTitle='Verida Early Adopter Program'
+								bodyText={`Join the growing ecosystem of partners building the future of web3.`}
+							/>
 							<div className={styles.githubCardSection}>
 								<h2>GitHub Repositories</h2>
 								<p>