mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
jwinterm
0848fcabde
The hero h1 is now "Precision Engineering for Everyone". The concrete offer moves into the supporting line, which keeps the search terms the h1 gives up and no longer restates the splash's opening sentence. The title's gradient drifts instead of sweeping: a 300% ramp over 18s with symmetric easing, so there is no hard turnaround at either end of the travel. Em dashes are gone from every tsx/ts file (87 lines, 104 occurrences), per AGENTS.md rule 9. Label lists and titles take a colon; appositives take commas; independent clauses take a semicolon or a period. A few sentences were restructured where no single mark read well. Metadata keeps "Crypto" deliberately: it is a real service line and a real search term, and it is no longer in the visible headline.
73 lines
3.1 KiB
TypeScript
73 lines
3.1 KiB
TypeScript
import { ContactForm } from "@/components/contact/contact-form";
|
|
import { Header } from "@/components/layout/header";
|
|
import { MobileNav } from "@/components/layout/mobile-nav";
|
|
import Link from "next/link";
|
|
import type { Metadata } from "next";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Support & Feedback | Such Software",
|
|
description: "Get help with any Such Software app or game. Report a bug, request a feature, or send feedback. We read every message.",
|
|
alternates: { canonical: "/support" },
|
|
openGraph: {
|
|
title: "Support & Feedback | Such Software",
|
|
description: "Get help with any Such Software app or game. Report a bug, request a feature, or send feedback. We read every message.",
|
|
type: "website",
|
|
},
|
|
};
|
|
|
|
export default function SupportPage() {
|
|
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-6xl mx-auto py-20 px-4 pb-24 md:pb-20">
|
|
<Link href="/" className="text-sm text-muted-foreground hover:text-foreground mb-8 inline-block transition-colors">
|
|
← Home
|
|
</Link>
|
|
|
|
<h1 className="text-4xl md:text-5xl font-bold mb-4">Support & Feedback</h1>
|
|
<p className="text-xl text-muted-foreground mb-12 max-w-2xl text-balance">
|
|
Having trouble with one of our apps? Want to suggest a feature? We'd love to hear from you.
|
|
</p>
|
|
|
|
<div className="grid md:grid-cols-3 gap-8 mb-16">
|
|
<div className="section-container border-l-4 border-blue-500">
|
|
<h3 className="font-bold mb-2">Bug Reports</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Something not working right? Let us know what happened, your device, and OS version. We'll investigate.
|
|
</p>
|
|
</div>
|
|
<div className="section-container border-l-4 border-emerald-500">
|
|
<h3 className="font-bold mb-2">Feature Requests</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Have an idea to make your app or game better? We're always looking for ways to improve.
|
|
</p>
|
|
</div>
|
|
<div className="section-container border-l-4 border-amber-500">
|
|
<h3 className="font-bold mb-2">General Feedback</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Enjoying one of our apps? Hate something? All feedback is welcome and helps us prioritize.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<ContactForm source="support" />
|
|
|
|
<div className="mt-16 text-center text-sm text-muted-foreground space-y-2">
|
|
<p>
|
|
You can also reach us directly at{" "}
|
|
<a href="mailto:apps@such.software" className="text-primary hover:underline">
|
|
apps@such.software
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<Link href="/privacy" className="hover:text-foreground transition-colors">
|
|
Privacy Policy
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<MobileNav />
|
|
</main>
|
|
);
|
|
}
|