Upload client/src/pages/Feedback.tsx with huggingface_hub

client/src/pages/Feedback.tsx

@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+
+const Feedback: React.FC = () => {
+  const [subject, setSubject] = useState('Suggestion: ');
+  const [message, setMessage] = useState('');
+
+  const mailto = () => {
+    const to = 'your-email@example.com';
+    const body = encodeURIComponent(message);
+    const sub = encodeURIComponent(subject);
+    window.location.href = `mailto:${to}?subject=${sub}&body=${body}`;
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50 py-8">
+      <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
+        <h1 className="text-2xl font-semibold text-gray-900 mb-4">Feedback & Suggestions</h1>
+        <p className="text-sm text-gray-600 mb-4">Share feature requests or issues. This will open your email client and prefill the message.</p>
+        <div className="bg-white rounded-lg border border-gray-200 p-4 space-y-3">
+          <input
+            className="w-full border border-gray-300 rounded-md px-3 py-2"
+            placeholder="Subject"
+            value={subject}
+            onChange={(e) => setSubject(e.target.value)}
+          />
+          <textarea
+            className="w-full border border-gray-300 rounded-md px-3 py-2 min-h-[160px]"
+            placeholder="Your message..."
+            value={message}
+            onChange={(e) => setMessage(e.target.value)}
+          />
+          <div className="flex justify-end">
+            <button onClick={mailto} className="px-4 py-2 rounded-md bg-indigo-600 text-white hover:bg-indigo-700">Send via Email</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Feedback;
+
+