From 5e460dec20f158ab0de17fa2572474f593cf5b1d Mon Sep 17 00:00:00 2001
From: MariamSawera <mariamsawera@gmail.com>
Date: Wed, 23 Jul 2025 18:10:40 -0800
Subject: [PATCH] added feedback form

---
 notes-aid/src/app/feedback/page.tsx | 38 +++++++++++++++++++++++++++++
 notes-aid/src/components/Footer.tsx |  9 +++++++
 2 files changed, 47 insertions(+)
 create mode 100644 notes-aid/src/app/feedback/page.tsx

diff --git a/notes-aid/src/app/feedback/page.tsx b/notes-aid/src/app/feedback/page.tsx
new file mode 100644
index 0000000..40aa5c8
--- /dev/null
+++ b/notes-aid/src/app/feedback/page.tsx
@@ -0,0 +1,38 @@
+// src/app/feedback/page.tsx
+
+import React from 'react';
+
+const FeedbackPage = () => {
+  return (
+    <div className="p-4 min-h-screen flex flex-col items-center justify-start bg-white">
+      <h1 className="text-2xl font-bold mb-4 text-center">Submit Feedback / Notes / Feature Request</h1>
+      
+      <div className="w-full max-w-4xl aspect-[4/3]">
+        <iframe
+          src="https://docs.google.com/forms/d/e/1FAIpQLSf1-1avq8IoT-nIpXLacg-5YDz-HM4XyxeJRKrUTRsb9nkW6w/viewform?embedded=true" //replace with your own form id
+          width="100%"
+          height="100%"
+          className="w-full h-full border-none"
+          allowFullScreen
+          loading="lazy"
+        >
+          Loading…
+        </iframe>
+      </div>
+
+      <p className="mt-4 text-sm text-gray-500">
+        Having trouble loading the form?{' '}
+        <a
+          href="https://docs.google.com/forms/d/e/1FAIpQLSf1-1avq8IoT-nIpXLacg-5YDz-HM4XyxeJRKrUTRsb9nkW6w/viewform?embedded=true" //replace with your own form id
+          className="text-blue-600 underline"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Open it in a new tab
+        </a>
+      </p>
+    </div>
+  );
+};
+
+export default FeedbackPage;
diff --git a/notes-aid/src/components/Footer.tsx b/notes-aid/src/components/Footer.tsx
index 60e61ea..280425c 100644
--- a/notes-aid/src/components/Footer.tsx
+++ b/notes-aid/src/components/Footer.tsx
@@ -17,6 +17,8 @@ const Footer = () => {
             </Link>
           </div>
 
+          
+
           <Link
             href="/contributors"
             className="flex items-center gap-2 hover:text-primary"
@@ -52,6 +54,13 @@ const Footer = () => {
               Aarush
             </Link>
           </div>
+                      <Link
+              href="/feedback"
+              className="vtext-sm underline hover:text-primary block text-right"
+            >
+              Submit Feedback
+            </Link>
+
         </div>
       </div>
     </footer>