feat(web): link to sofa.watch from the landing page

Add a quiet "Powered by Sofa" footer to the logged-out splash screen,
linking to sofa.watch. The footer sits in normal flow below the hero so
it can't overlap the buttons on short screens, and clears the bottom
safe-area inset.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
jakeandClaude Opus 5.5 committed 2026-10-06 21:53:59 -04:00
1 parent ac76898db4
commit 2487cd0199
13 files changed
+71 -1

No files matched your search

+23 -1
View File
@@ -91,7 +91,7 @@ export function LandingPage({
}}
/>
<main className="relative z-10 flex flex-col items-center gap-10 px-6 text-center">
<main className="relative z-10 flex flex-1 flex-col items-center justify-center gap-10 px-6 text-center">
<div className="space-y-4">
<motion.p
className="text-primary text-sm font-medium tracking-[0.3em] uppercase"
@@ -184,6 +184,28 @@ export function LandingPage({
{/* Bottom fade */}
<div className="from-background pointer-events-none absolute right-0 bottom-0 left-0 h-32 bg-gradient-to-t to-transparent" />
<motion.footer
className="relative z-10 pt-6 pb-[max(1.5rem,env(safe-area-inset-bottom))]"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.8, delay: 0.6 }}
>
<a
href="https://sofa.watch"
target="_blank"
rel="noopener noreferrer"
className="group text-muted-foreground/70 inline-flex items-center gap-1.5 text-xs"
>
<Trans>
Powered by{" "}
<span className="text-foreground/80 group-hover:text-primary inline-flex items-center gap-1 transition-colors">
<SofaLogo className="size-3.5" />
<span className="font-display text-sm leading-none">Sofa</span>
</span>
</Trans>
</a>
</motion.footer>
</div>
);
}
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "الشعبية"
msgid "Portuguese"
msgstr "البرتغالية"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "قبل 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Beliebtheit"
msgid "Portuguese"
msgstr "Portugiesisch"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Vor 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Popularity"
msgid "Portuguese"
msgstr "Portuguese"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr "Powered by <0><1/><2>Sofa</2></0>"
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Pre-1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Popularidad"
msgid "Portuguese"
msgstr "Portugués"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Anterior a 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Popularité"
msgid "Portuguese"
msgstr "Portugais"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Avant 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "פופולריות"
msgid "Portuguese"
msgstr "פורטוגזית"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "לפני 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Popolarità"
msgid "Portuguese"
msgstr "Portoghese"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Prima del 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "人気"
msgid "Portuguese"
msgstr "ポルトガル語"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "1970年以前"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "인기도"
msgid "Portuguese"
msgstr "포르투갈어"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "1970년 이전"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Populariteit"
msgid "Portuguese"
msgstr "Portugees"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Vóór 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "Popularidade"
msgid "Portuguese"
msgstr "Português"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "Antes de 1970"
+4
View File
@@ -2542,6 +2542,10 @@ msgstr "人气"
msgid "Portuguese"
msgstr "葡萄牙语"
#: apps/web/src/components/landing-page.tsx
msgid "Powered by <0><1/><2>Sofa</2></0>"
msgstr ""
#: apps/web/src/components/explore/discover-section.tsx
msgid "Pre-1970"
msgstr "1970 年前"