feat(website): hand feedback off to a prefilled GitHub issue form

- Feedback form now opens a prefilled issue on
  github.com/IamCoder18/synapse instead of faking a local submit
- Add .github/ISSUE_TEMPLATE/website-feedback.yml issue form
  (website-feedback label, name/team optional, experience required)
  plus config.yml keeping blank issues enabled
- Drop the email field; make name optional
- Button acknowledges the GitHub handoff: "Send feedback on GitHub"

Author: IamCoder18

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: true

.github/ISSUE_TEMPLATE/website-feedback.yml

@@ -0,0 +1,32 @@
+name: Website feedback
+description: Feedback on the Synapse website and docs — the good, the broken, and the missing
+title: "[Website] "
+labels: ["website-feedback"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time! This goes straight to the maintainers
+        and into release planning. Issues are public — please don't include
+        anything you don't want visible.
+  - type: input
+    id: name
+    attributes:
+      label: Name (optional)
+      description: You, your team, or both.
+    validations:
+      required: false
+  - type: input
+    id: team
+    attributes:
+      label: Team number (optional)
+      placeholder: "23684"
+    validations:
+      required: false
+  - type: textarea
+    id: experience
+    attributes:
+      label: Your experience so far
+      description: The good, the broken, and the missing...
+    validations:
+      required: true

website/src/components/redesign/PilotForm.tsx

@@ -1,65 +1,78 @@
 import { useState, type FormEvent } from "react"
-import { CheckCircle2 } from "lucide-react"
+import { ArrowUpRight } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Textarea } from "@/components/ui/textarea"
 
+const REPO = "https://github.com/IamCoder18/synapse"
+
 export function PilotForm() {
-  const [sent, setSent] = useState(false)
+  const [name, setName] = useState("")
+  const [team, setTeam] = useState("")
+  const [experience, setExperience] = useState("")
 
-  function submit(e: FormEvent) {
-    e.preventDefault()
-    setSent(true)
+  function issueUrl() {
+    const params = new URLSearchParams({
+      template: "website-feedback.yml",
+      title: `[Website] Feedback${name ? ` from ${name}` : ""}`,
+      experience,
+    })
+    if (name) params.set("name", name)
+    if (team) params.set("team", team)
+    return `${REPO}/issues/new?${params.toString()}`
   }
 
-  if (sent) {
-    return (
-      <div className="flex h-full min-h-64 flex-col items-center justify-center gap-3 text-center">
-        <div className="flex size-12 items-center justify-center rounded-full bg-primary/15">
-          <CheckCircle2 className="size-6 text-primary" />
-        </div>
-        <p className="font-display text-lg font-semibold">Feedback received</p>
-        <p className="max-w-xs text-sm text-muted-foreground">
-          Thanks for taking the time — your notes go straight to the
-          maintainers and into release planning.
-        </p>
-      </div>
-    )
+  function submit(e: FormEvent) {
+    e.preventDefault()
+    window.open(issueUrl(), "_blank", "noopener")
   }
 
   return (
     <form onSubmit={submit} className="grid gap-5">
       <div className="grid gap-5 sm:grid-cols-2">
         <div className="grid gap-2.5">
-          <Label htmlFor="pilot-name">Name</Label>
-          <Input id="pilot-name" placeholder="Ada Lovelace" required />
+          <Label htmlFor="pilot-name">
+            Name <span className="text-muted-foreground">(optional)</span>
+          </Label>
+          <Input
+            id="pilot-name"
+            placeholder="Ada Lovelace"
+            value={name}
+            onChange={(e) => setName(e.target.value)}
+          />
         </div>
         <div className="grid gap-2.5">
           <Label htmlFor="pilot-team">
             Team number <span className="text-muted-foreground">(optional)</span>
           </Label>
-          <Input id="pilot-team" placeholder="23684" />
+          <Input
+            id="pilot-team"
+            placeholder="23684"
+            value={team}
+            onChange={(e) => setTeam(e.target.value)}
+          />
         </div>
       </div>
-      <div className="grid gap-2.5">
-        <Label htmlFor="pilot-email">Email</Label>
-        <Input id="pilot-email" type="email" placeholder="you@team.org" required />
-      </div>
       <div className="grid gap-2.5">
         <Label htmlFor="pilot-about">Your experience so far</Label>
         <Textarea
           id="pilot-about"
+          required
           placeholder="The good, the broken, and the missing..."
           className="min-h-24"
+          value={experience}
+          onChange={(e) => setExperience(e.target.value)}
         />
       </div>
       <div className="flex flex-wrap items-center gap-3">
         <Button type="submit" size="lg">
-          Send feedback
+          Send feedback on GitHub
+          <ArrowUpRight />
         </Button>
         <p className="text-xs text-muted-foreground">
-          Read by the maintainers — no newsletter, no spam.
+          Opens a public issue on GitHub — read by the maintainers, no email
+          needed.
         </p>
       </div>
     </form>