From 6632cf0444b4e7c482a0571ff8385592996d7d98 Mon Sep 17 00:00:00 2001
From: svickars <sam@thedataface.com>
Date: Thu, 27 Aug 2026 09:35:17 -0700
Subject: [PATCH] Add DFLabs attribution and footer to the project hub.

Credits DFLabs in the intro and adds a single-line copyright footer with links to Sam and The DataFace.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/home-page-client.tsx |  4 +++-
 components/hub-footer.tsx       | 35 +++++++++++++++++++++++++++++++++
 components/hub-hero.tsx         | 11 ++++++++++-
 3 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 components/hub-footer.tsx

diff --git a/components/home-page-client.tsx b/components/home-page-client.tsx
index f82e54c..16ec5d7 100644
--- a/components/home-page-client.tsx
+++ b/components/home-page-client.tsx
@@ -4,6 +4,7 @@ import { useRouter } from 'next/navigation'
 import { useEffect, useRef, useState } from 'react'
 
 import { AppProviders } from '@/components/app-providers'
+import { HubFooter } from '@/components/hub-footer'
 import { HubHeader } from '@/components/hub-header'
 import { HubHero } from '@/components/hub-hero'
 import { ProjectList } from '@/components/project-list'
@@ -96,7 +97,7 @@ export function HomePageClient() {
 
   return (
     <AppProviders>
-      <div className="min-h-screen bg-background">
+      <div className="flex min-h-screen flex-col bg-background">
         <HubHeader />
         <HubHero onNewMap={handleNewMap} onOpenFromFile={handleOpenFromFile} />
         <ProjectList
@@ -106,6 +107,7 @@ export function HomePageClient() {
           onDeleteProject={handleDeleteProject}
           onNewMap={handleNewMap}
         />
+        <HubFooter />
         <input
           ref={fileInputRef}
           type="file"
diff --git a/components/hub-footer.tsx b/components/hub-footer.tsx
new file mode 100644
index 0000000..613cfd0
--- /dev/null
+++ b/components/hub-footer.tsx
@@ -0,0 +1,35 @@
+'use client'
+
+import Link from 'next/link'
+
+import { hubInsetClass } from './hub-layout'
+
+const externalLinkClass = 'underline-offset-4 hover:underline'
+
+export function HubFooter() {
+  return (
+    <footer className="mt-auto border-t border-border py-8">
+      <div className={hubInsetClass}>
+        <p className="font-mono text-[11px] text-muted-foreground">
+          © 2026 The DataFace · Built with 🌎 by{' '}
+          <Link
+            href="https://samvickars.com"
+            className={externalLinkClass}
+            target="_blank"
+            rel="noopener noreferrer">
+            Sam
+          </Link>{' '}
+          and{' '}
+          <Link
+            href="https://thedataface.com"
+            className={externalLinkClass}
+            target="_blank"
+            rel="noopener noreferrer">
+            The DataFace team
+          </Link>
+          .
+        </p>
+      </div>
+    </footer>
+  )
+}
diff --git a/components/hub-hero.tsx b/components/hub-hero.tsx
index 1f41020..b15958b 100644
--- a/components/hub-hero.tsx
+++ b/components/hub-hero.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import Link from 'next/link'
 import { FolderOpen, Plus } from 'lucide-react'
 
 import { Button } from '@/components/ui/button'
@@ -22,7 +23,15 @@ export function HubHero({ onNewMap, onOpenFromFile }: HubHeroProps) {
         </h1>
         <p className="mt-3 max-w-lg text-sm leading-relaxed text-muted-foreground">
           Import a dataset, geocode locations, style choropleths or symbol maps, and export production-ready SVG in
-          minutes.
+          minutes. By{' '}
+          <Link
+            href="https://labs.thedataface.com"
+            className="text-foreground underline-offset-4 hover:underline"
+            target="_blank"
+            rel="noopener noreferrer">
+            DFLabs
+          </Link>
+          .
         </p>
         <div className="mt-6 flex flex-wrap items-center gap-2">
           <Button