From b1bb1f7cb8fa3d4f21bf223776e3a49237126bc8 Mon Sep 17 00:00:00 2001
From: Alex Kern <alex@kern.io>
Date: Wed, 16 Jul 2025 20:37:36 -0700
Subject: [PATCH] Add upload page subtitle

---
 src/app/page.tsx                |  5 +++++
 src/components/SubtitleText.tsx | 13 +++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/components/SubtitleText.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8d06d2..7cb0017 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,6 +14,7 @@ import CancelButton from '../components/CancelButton'
 import { useMemo } from 'react'
 import { getFileName } from '../fs'
 import TitleText from '../components/TitleText'
+import SubtitleText from '../components/SubtitleText'
 import { pluralize } from '../utils/pluralize'
 import TermsAcceptance from '../components/TermsAcceptance'
 
@@ -36,6 +37,10 @@ function InitialState({
     <PageWrapper>
       <div className="flex flex-col items-center space-y-1 max-w-md">
         <TitleText>Peer-to-peer file transfers in your browser.</TitleText>
+        <SubtitleText>
+          Leave this tab open—FilePizza is peer to peer and never stores your
+          files.
+        </SubtitleText>
       </div>
       <DropZone onDrop={onDrop} />
       <TermsAcceptance />
diff --git a/src/components/SubtitleText.tsx b/src/components/SubtitleText.tsx
new file mode 100644
index 0000000..cb9fd8d
--- /dev/null
+++ b/src/components/SubtitleText.tsx
@@ -0,0 +1,13 @@
+import React, { JSX } from 'react'
+
+export default function SubtitleText({
+  children,
+}: {
+  children: React.ReactNode
+}): JSX.Element {
+  return (
+    <p className="text-sm text-center text-stone-600 dark:text-stone-400 max-w-md">
+      {children}
+    </p>
+  )
+}