From e8422154ba0b63e6ab4da89d275a2d4d4f96da1a Mon Sep 17 00:00:00 2001
From: johnny1093 <46250921+jsmorabito@users.noreply.github.com>
Date: Tue, 23 Jun 2026 11:37:56 -0400
Subject: [PATCH 1/5] Update website footer with email signup and social links

Adds a Buttondown email subscription form, text-based social links
(Github, Youtube, Slack, Bluesky), and the Discourse Graphs logo to
the footer using a 3-column layout.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/website/app/(home)/page.tsx | 89 +++++++++++++++++++++-----------
 1 file changed, 59 insertions(+), 30 deletions(-)

diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
index 669a8bf94..021330dcd 100644
--- a/apps/website/app/(home)/page.tsx
+++ b/apps/website/app/(home)/page.tsx
@@ -9,6 +9,7 @@ import {
 import { ArrowBigDownDash, CircleGauge } from "lucide-react";
 import { getLatestBlogs } from "~/(home)/blog/readBlogs";
 import { TeamPerson } from "~/components/TeamPerson";
+import { Logo } from "~/components/Logo";
 import { TEAM_MEMBERS } from "~/data/constants";
 
 const Home = async () => {
@@ -805,45 +806,73 @@ const Home = async () => {
         </div>
       </main>
 
-      <footer className="mt-12 border-t border-neutral-light/10 bg-neutral-dark px-6 py-6">
-        <div className="mx-auto flex max-w-6xl items-center justify-between">
-          <p className="text-secondary">
-            © 2024-{new Date().getFullYear()} Homeworld Collective
-          </p>
-          <div className="flex items-center space-x-4">
+      <footer className="mt-12 border-t border-neutral-light/10 bg-neutral-dark px-6 py-10">
+        <div className="mx-auto grid max-w-6xl grid-cols-1 gap-10 md:grid-cols-3 md:items-start">
+          {/* Logo + copyright */}
+          <div className="flex flex-col gap-3">
+            <Logo textClassName="text-white" linked={false} />
+            <p className="text-sm text-secondary">
+              © 2024-{new Date().getFullYear()} Homeworld Collective
+            </p>
+          </div>
+
+          {/* Links */}
+          <div className="flex flex-col gap-2">
             <Link
               href="https://github.com/DiscourseGraphs"
-              aria-label="GitHub Repository"
+              className="text-secondary transition-colors hover:text-white"
             >
-              <Image
-                src="/github.svg"
-                alt="GitHub"
-                width={24}
-                height={24}
-                className="opacity-80 transition-opacity hover:opacity-100"
-              />
+              Github
+            </Link>
+            <Link
+              href="https://www.youtube.com/@discoursegraphs"
+              className="text-secondary transition-colors hover:text-white"
+            >
+              Youtube
             </Link>
             <Link
               href="https://join.slack.com/t/discoursegraphs/shared_invite/zt-37xklatti-cpEjgPQC0YyKYQWPNgAkEg"
-              aria-label="Slack"
+              className="text-secondary transition-colors hover:text-white"
             >
-              <Image
-                src="/slack.svg"
-                alt="Slack"
-                width={24}
-                height={24}
-                className="opacity-80 transition-opacity hover:opacity-100"
-              />
+              Slack
+            </Link>
+            <Link
+              href="https://bsky.app/profile/discoursegraphs.bsky.social"
+              className="text-secondary transition-colors hover:text-white"
+            >
+              Bluesky
             </Link>
           </div>
-          {/* <div className="flex space-x-4">
-              <Link href="#" className="text-secondary hover:text-neutral-dark">
-                Privacy Policy
-              </Link>
-              <Link href="#" className="text-secondary hover:text-neutral-dark">
-                Terms of Service
-              </Link>
-            </div> */}
+
+          {/* Email subscription */}
+          <div className="rounded-lg border border-neutral-light/20 p-6">
+            <h3 className="mb-1 text-lg font-semibold text-white">
+              Stay up to date
+            </h3>
+            <p className="mb-4 text-sm text-secondary">
+              Periodic news and info about the Discourse Graphs project.
+            </p>
+            <form
+              action="https://buttondown.com/api/emails/embed-subscribe/DiscourseGraphs"
+              method="post"
+              className="flex gap-2"
+            >
+              <input
+                type="email"
+                name="email"
+                id="bd-email"
+                placeholder="your@email.com"
+                required
+                className="min-w-0 flex-1 rounded border border-neutral-light/30 bg-neutral-dark px-3 py-2 text-sm text-white placeholder-neutral-light/50 focus:outline-none focus:ring-1 focus:ring-white/40"
+              />
+              <button
+                type="submit"
+                className="rounded border border-white px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-white hover:text-neutral-dark"
+              >
+                Subscribe
+              </button>
+            </form>
+          </div>
         </div>
       </footer>
     </div>

From ffabc85ab9d08e35ed2d56199cea3e00d4b6bb8e Mon Sep 17 00:00:00 2001
From: johnny1093 <46250921+jsmorabito@users.noreply.github.com>
Date: Tue, 23 Jun 2026 11:47:09 -0400
Subject: [PATCH 2/5] Fix footer width to match main content cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/website/app/(home)/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
index 021330dcd..23ec20e69 100644
--- a/apps/website/app/(home)/page.tsx
+++ b/apps/website/app/(home)/page.tsx
@@ -806,8 +806,8 @@ const Home = async () => {
         </div>
       </main>
 
-      <footer className="mt-12 border-t border-neutral-light/10 bg-neutral-dark px-6 py-10">
-        <div className="mx-auto grid max-w-6xl grid-cols-1 gap-10 md:grid-cols-3 md:items-start">
+      <footer className="mt-12 border-t border-neutral-light/10 bg-neutral-dark py-10">
+        <div className="mx-auto grid max-w-6xl grid-cols-1 gap-10 px-6 md:grid-cols-3 md:items-start">
           {/* Logo + copyright */}
           <div className="flex flex-col gap-3">
             <Logo textClassName="text-white" linked={false} />

From f4aa45e1eed8d1a5bedbef569fba0d45d9505d50 Mon Sep 17 00:00:00 2001
From: Michael Gartner <mclicks@gmail.com>
Date: Tue, 23 Jun 2026 12:10:14 -0600
Subject: [PATCH 3/5] Apply suggestions from code review

Co-authored-by: devin-ai-integration[bot] <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 apps/website/app/(home)/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
index 23ec20e69..4adcf0481 100644
--- a/apps/website/app/(home)/page.tsx
+++ b/apps/website/app/(home)/page.tsx
@@ -822,13 +822,15 @@ const Home = async () => {
               href="https://github.com/DiscourseGraphs"
               className="text-secondary transition-colors hover:text-white"
             >
-              Github
+              GitHub
+
             </Link>
             <Link
               href="https://www.youtube.com/@discoursegraphs"
               className="text-secondary transition-colors hover:text-white"
             >
-              Youtube
+              YouTube
+
             </Link>
             <Link
               href="https://join.slack.com/t/discoursegraphs/shared_invite/zt-37xklatti-cpEjgPQC0YyKYQWPNgAkEg"

From 849c90a596e3cbcc607813a7a7c96a5ffd9bdcd6 Mon Sep 17 00:00:00 2001
From: Michael Gartner <mclicks@gmail.com>
Date: Tue, 23 Jun 2026 12:14:43 -0600
Subject: [PATCH 4/5] Update apps/website/app/(home)/page.tsx

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>
---
 apps/website/app/(home)/page.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
index 4adcf0481..7c335caad 100644
--- a/apps/website/app/(home)/page.tsx
+++ b/apps/website/app/(home)/page.tsx
@@ -854,11 +854,13 @@ const Home = async () => {
             <p className="mb-4 text-sm text-secondary">
               Periodic news and info about the Discourse Graphs project.
             </p>
+
             <form
               action="https://buttondown.com/api/emails/embed-subscribe/DiscourseGraphs"
               method="post"
               className="flex gap-2"
             >
+              <input type="hidden" name="embed" value="1" />
               <input
                 type="email"
                 name="email"
@@ -874,6 +876,7 @@ const Home = async () => {
                 Subscribe
               </button>
             </form>
+
           </div>
         </div>
       </footer>

From edb617c22bc0f6f085180170161902642f5f5629 Mon Sep 17 00:00:00 2001
From: Michael Gartner <mclicks@gmail.com>
Date: Tue, 23 Jun 2026 12:18:24 -0600
Subject: [PATCH 5/5] format

---
 apps/website/app/(home)/page.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
index 7c335caad..6f0b50b24 100644
--- a/apps/website/app/(home)/page.tsx
+++ b/apps/website/app/(home)/page.tsx
@@ -823,14 +823,12 @@ const Home = async () => {
               className="text-secondary transition-colors hover:text-white"
             >
               GitHub
-
             </Link>
             <Link
               href="https://www.youtube.com/@discoursegraphs"
               className="text-secondary transition-colors hover:text-white"
             >
               YouTube
-
             </Link>
             <Link
               href="https://join.slack.com/t/discoursegraphs/shared_invite/zt-37xklatti-cpEjgPQC0YyKYQWPNgAkEg"
@@ -876,7 +874,6 @@ const Home = async () => {
                 Subscribe
               </button>
             </form>
-
           </div>
         </div>
       </footer>