From b385f3b7e681c8449df13b890d6332090afe4204 Mon Sep 17 00:00:00 2001
From: Nisha <nishasanap2005@gmail.com>
Date: Sun, 17 May 2026 00:23:51 +0530
Subject: [PATCH 1/2] fix: add contact page to prevent footer 404

---
 src/app/contact/page.tsx | 47 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 00000000..bd52c171
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,47 @@
+import Link from "next/link";
+
+export default function ContactPage() {
+  return (
+    <main className="min-h-screen bg-black text-white p-8">
+      <div className="mb-8">
+        <Link 
+          href="/" 
+          className="inline-flex items-center text-sm opacity-70 hover:opacity-100 transition-opacity"
+        >
+          &larr; Back to Reframe
+        </Link>
+      </div>
+      <h1 className="text-4xl font-bold mb-6">Contact</h1>
+
+      <p className="mb-8 text-lg opacity-90">
+        Have a question, feedback, or found a bug?
+      </p>
+
+      <div className="space-y-6">
+        <div>
+          <a
+            href="https://github.com/magic-peach/reframe/issues"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-lg font-semibold underline hover:opacity-80 transition-opacity"
+          >
+            GitHub Issues
+          </a>
+          <p className="opacity-70 mt-1">For bug reports and feature requests.</p>
+        </div>
+
+        <div>
+          <a
+            href="https://github.com/magic-peach/reframe/discussions"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-lg font-semibold underline hover:opacity-80 transition-opacity"
+          >
+            GitHub Discussions
+          </a>
+          <p className="opacity-70 mt-1">For questions, ideas, and general help.</p>
+        </div>
+      </div>
+    </main>
+  );
+}

From 642a60ef80ed4413a6ef316500c070545ded16eb Mon Sep 17 00:00:00 2001
From: Nisha <nishasanap2005@gmail.com>
Date: Tue, 19 May 2026 00:05:49 +0530
Subject: [PATCH 2/2] Improve Reset All Settings button UI

---
 src/components/ResetSettingsButton.tsx | 34 ++++++++++++++++++++++++++
 src/components/VideoEditor.tsx         |  9 ++-----
 2 files changed, 36 insertions(+), 7 deletions(-)
 create mode 100644 src/components/ResetSettingsButton.tsx

diff --git a/src/components/ResetSettingsButton.tsx b/src/components/ResetSettingsButton.tsx
new file mode 100644
index 00000000..fe314257
--- /dev/null
+++ b/src/components/ResetSettingsButton.tsx
@@ -0,0 +1,34 @@
+import { RotateCcw } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface ResetSettingsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  onReset: () => void;
+}
+
+export default function ResetSettingsButton({ onReset, className, ...props }: ResetSettingsButtonProps) {
+  return (
+    <button
+      type="button"
+      onClick={onReset}
+      className={cn(
+        "group relative flex items-center justify-center gap-2",
+        "px-4 py-2 rounded-xl text-xs font-semibold tracking-wide",
+        "bg-black/5 dark:bg-white/5 border border-[var(--border)]",
+        "backdrop-blur-sm",
+        "text-[var(--muted)] transition-all duration-200 ease-out",
+        "hover:text-red-500 hover:border-red-500/30 hover:bg-red-500/10 hover:shadow-[0_0_15px_rgba(239,68,68,0.1)]",
+        "active:scale-[0.97] active:bg-red-500/20",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500/50 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]",
+        className
+      )}
+      {...props}
+    >
+      <RotateCcw
+        size={14}
+        className="transition-transform duration-300 ease-out group-hover:-rotate-180"
+        aria-hidden="true"
+      />
+      <span>Reset all settings</span>
+    </button>
+  );
+}
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index 189d8701..ff6eec08 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -12,6 +12,7 @@ import FormatSelector from "./FormatSelector";
 import ExportSettings from "./ExportSettings";
 import ExportOverlay from "./ExportOverlay";
 import DownloadResult from "./DownloadResult";
+import ResetSettingsButton from "./ResetSettingsButton";
 import { cn } from "@/lib/utils";
 import {
   Layers, Crop, Scissors, RotateCw, Volume2,
@@ -277,13 +278,7 @@ export default function VideoEditor() {
               </Section>
 
               <div className="pt-2 flex justify-end">
-                <button
-                  type="button"
-                  onClick={resetSettings}
-                  className="text-[9px] font-heading font-bold uppercase tracking-widest text-[var(--muted)] hover:text-film-600 transition-all opacity-60 hover:opacity-100"
-                >
-                  Reset all settings
-                </button>
+                <ResetSettingsButton onReset={resetSettings} />
               </div>
             </div>