add links page

2026-10-17 05:32:05 +02:00 · 2026-04-08 17:27:46 -04:00
parent 41276cd0bb
commit 2c5562f45d
1 changed files with 78 additions and 0 deletions
@@ -0,0 +1,78 @@
+import { Header } from "@/components/layout/header";
+import { MobileNav } from "@/components/layout/mobile-nav";
+import { StoreButtons } from "@/components/store-buttons";
+import Link from "next/link";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Links | Such Software",
+  description: "Download our apps on App Store and Google Play.",
+  alternates: { canonical: "/links" },
+};
+
+const apps = [
+  {
+    name: "Vegan IQ",
+    tagline: "Plant-based trivia backed by real data",
+    color: "text-green-600 dark:text-green-400",
+    borderColor: "border-green-500/20",
+    href: "/products/vegan-iq",
+    links: [
+      { platform: "google" as const, href: "https://play.google.com/store/apps/details?id=com.veganiq.vegan_iq" },
+      { platform: "apple" as const, href: "https://apps.apple.com/us/app/vegan-iq-plant-based-trivia/id6761139580" },
+    ],
+  },
+  {
+    name: "Bauhaus Echo",
+    tagline: "Visual memory puzzle inspired by Bauhaus design",
+    color: "text-blue-600 dark:text-blue-400",
+    borderColor: "border-blue-500/20",
+    href: "/products/bauhaus-echo",
+    links: [
+      { platform: "apple" as const, href: "https://apps.apple.com/us/app/bauhaus-echo/id6759010657" },
+      { platform: "google" as const, href: "https://play.google.com/store/apps/details?id=com.suchsoftware.bauhausecho" },
+    ],
+  },
+  {
+    name: "Suchoice",
+    tagline: "AI-powered decision making",
+    color: "text-pink-600 dark:text-pink-400",
+    borderColor: "border-pink-500/20",
+    href: "/products/suchoice",
+    links: [
+      { platform: "google" as const, href: "https://play.google.com/store/apps/details?id=com.suchsoftware.suchoice" },
+      { platform: "apple" as const, href: "https://apps.apple.com/us/app/suchoice/id6759626658" },
+    ],
+  },
+];
+
+export default function LinksPage() {
+  return (
+    <main className="relative min-h-screen flex flex-col items-center bg-background text-foreground">
+      <Header />
+      <div id="main-content" className="z-10 w-full max-w-lg mx-auto py-20 px-4 pb-24 md:pb-20">
+        <h1 className="text-3xl font-bold mb-2 text-center">Such Software</h1>
+        <p className="text-muted-foreground text-center mb-10">Our apps</p>
+
+        <div className="space-y-8">
+          {apps.map((app) => (
+            <div key={app.name} className={`rounded-xl border ${app.borderColor} bg-card p-6`}>
+              <Link href={app.href}>
+                <h2 className={`text-xl font-bold ${app.color} hover:underline`}>{app.name}</h2>
+              </Link>
+              <p className="text-sm text-muted-foreground mt-1 mb-4">{app.tagline}</p>
+              <StoreButtons links={app.links} />
+            </div>
+          ))}
+        </div>
+
+        <div className="mt-12 text-center">
+          <Link href="/" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
+            such.software
+          </Link>
+        </div>
+      </div>
+      <MobileNav />
+    </main>
+  );
+}