next js

README.md

@@ -132,5 +132,4 @@ the permission set to access the bucket, `rerofit-plan-inputs-<stage>`. The name
 
 Quick wins:
 
-- [] Sign in butotn in microsoft disappear!
 - [] Frequently asked questions page

package.json

@@ -17,7 +17,7 @@
     "@aws-sdk/client-sqs": "^3.864.0",
     "@aws-sdk/s3-request-presigner": "^3.927.0",
     "@headlessui/react": "^2.2.7",
-    "@heroicons/react": "^2.0.18",
+    "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^3.9.1",
     "@hubspot/api-client": "^13.4.0",
     "@radix-ui/react-accordion": "^1.2.12",
@@ -39,8 +39,6 @@
     "@tanstack/react-query": "^4.29.12",
     "@tanstack/react-table": "^8.9.3",
     "@tremor/react": "^3.18.7",
-    "@types/node": "20.2.3",
-    "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
     "@vercel/speed-insights": "^1.2.0",
     "autoprefixer": "10.4.14",
@@ -53,8 +51,8 @@
     "eslint-config-next": "13.4.3",
     "framer-motion": "^12.23.24",
     "lucide-react": "^0.233.0",
-    "next": "^15.4.2",
-    "next-auth": "^4.22.1",
+    "next": "^15.4.8",
+    "next-auth": "^4.24.13",
     "next-axiom": "^1.9.2",
     "next-themes": "^0.3.0",
     "nodemailer": "^7.0.11",
@@ -76,8 +74,10 @@
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
     "@testing-library/cypress": "^10.0.3",
+    "@types/node": "^24.10.1",
     "@types/nodemailer": "^7.0.2",
     "@types/pg": "^8.10.2",
+    "@types/react": "^19.2.7",
     "cypress": "^14.5.3",
     "cypress-social-logins": "^1.14.1",
     "dotenv": "^16.3.1",

src/app/help/page.tsx

@@ -1,8 +1,60 @@
-const HelpPage = () => {
+"use client";
+
+import { useState } from "react";
+
+const FAQItem = ({ question, answer }: { question: string; answer: string }) => {
+  const [open, setOpen] = useState(false);
+
   return (
-    <div>
-      <h1>Help Page</h1>
-      <p> All the help you could ever need </p>
+    <div className="border-b border-zinc-300 py-4">
+      <button
+        onClick={() => setOpen(!open)}
+        className="w-full flex justify-between items-center text-left"
+      >
+        <span className="font-medium text-lg">{question}</span>
+        <span className="text-zinc-500">{open ? "−" : "+"}</span>
+      </button>
+
+      <div
+        className={`transition-all overflow-hidden ${
+          open ? "max-h-40 mt-2" : "max-h-0"
+        }`}
+      >
+        <p className="text-zinc-600">{answer}</p>
+      </div>
+    </div>
+  );
+};
+
+const HelpPage = () => {
+  const faqs = [
+    {
+      question: "Question 1",
+      answer:
+        "Answer 1",
+    },
+    {
+      question: "Question 2",
+      answer:
+        "Answer 2",
+    },
+    {
+      question: "Question 3",
+      answer:
+        "Answer 3",
+    },
+  ];
+
+  return (
+    <div className="max-w-2xl mx-auto mt-12 px-4">
+      <h1 className="text-3xl font-bold mb-6">Help & FAQ</h1>
+      <p className="text-zinc-600 mb-8">
+        Answers to common questions below.
+      </p>
+
+      {faqs.map((f, i) => (
+        <FAQItem key={i} question={f.question} answer={f.answer} />
+      ))}
     </div>
   );
 };

src/types/next-auth.d.ts

@@ -13,3 +13,9 @@ declare module "next-auth" {
     onboarded: boolean;
   }
 }
+
+
+declare module "next-auth/react" {
+  // Use “any” to satisfy TS — next-auth does not export full types here
+  export * from "next-auth";
+}