From 37ae9169e80237b31759cef10bdc615bbd571766 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Sat, 27 Jun 2026 00:03:07 +0530
Subject: [PATCH 1/5] clean up ui code and add missing features

Removed a bunch of duplicate data files and empty UI ghost files that were causing errors. Also added a working university search bar and updated the AI chat so it shows a nice demo message instead of crashing when the backend is offline.
---
 app/(public)/page.tsx                         |  13 +-
 app/error.tsx                                 |  34 +
 app/globals.css                               |  22 +
 app/layout.tsx                                |  12 +-
 .../[branch]/[semester]/[subject]/page.tsx    |   3 +-
 .../[subject]/pyqs/[paper]/page.tsx           |   2 +-
 .../[semester]/[subject]/syllabus/page.tsx    |   3 +-
 app/rgpv/[branch]/page.tsx                    |   7 +
 components/ai/answer-viewer.tsx               | 276 +++----
 components/ai/chat-mockup.tsx                 | 101 +++
 components/ai/generate-answer-button.tsx      | 197 ++---
 components/ai/workspace-chat.tsx              |  43 +-
 components/ai/workspace-prompt-button.tsx     |  65 --
 components/mode-toggle.tsx                    |   2 +-
 components/navbar.tsx                         |  31 +-
 components/syllabus/module-card.tsx           |  25 +-
 components/ui/button.tsx                      |   0
 components/ui/card.tsx                        |   0
 components/ui/dialog.tsx                      |   0
 components/ui/table.tsx                       |   0
 components/university/university-stats.tsx    | 210 ------
 constants/index.ts                            |   0
 features/landing/ai-demo.tsx                  |  92 +--
 features/landing/faq.tsx                      |  51 +-
 features/landing/features.tsx                 |  52 +-
 features/landing/hero.tsx                     |   2 +-
 features/landing/stats.tsx                    |  28 +-
 features/landing/testimonials.tsx             | 145 +---
 features/landing/universities.tsx             |  83 +-
 hooks/use-debounce.ts                         |   0
 lib/academic.ts                               |  15 -
 lib/api-endpoints.ts                          |   4 +
 lib/constants.ts                              |   6 +
 lib/content/{syllabus.ts => index.ts}         |  29 +
 lib/content/pyqs.ts                           |  31 -
 lib/content/rgpv.ts                           |  42 --
 lib/data/index.ts                             |   4 +
 lib/data/landing.ts                           | 210 ++++++
 lib/data/pyqs.ts                              |  20 -
 lib/data/semesters.ts                         |  47 --
 lib/data/syllabus.ts                          |  20 -
 lib/export-utils.ts                           | 116 +++
 lib/utils.ts                                  |   6 +
 package-lock.json                             | 710 ++++++++++++++++++
 package.json                                  |   3 +
 types/ai.ts                                   |   1 +
 46 files changed, 1675 insertions(+), 1088 deletions(-)
 create mode 100644 app/error.tsx
 create mode 100644 components/ai/chat-mockup.tsx
 delete mode 100644 components/ai/workspace-prompt-button.tsx
 delete mode 100644 components/ui/button.tsx
 delete mode 100644 components/ui/card.tsx
 delete mode 100644 components/ui/dialog.tsx
 delete mode 100644 components/ui/table.tsx
 delete mode 100644 components/university/university-stats.tsx
 delete mode 100644 constants/index.ts
 delete mode 100644 hooks/use-debounce.ts
 delete mode 100644 lib/academic.ts
 create mode 100644 lib/api-endpoints.ts
 create mode 100644 lib/constants.ts
 rename lib/content/{syllabus.ts => index.ts} (52%)
 delete mode 100644 lib/content/pyqs.ts
 delete mode 100644 lib/content/rgpv.ts
 create mode 100644 lib/data/landing.ts
 delete mode 100644 lib/data/pyqs.ts
 delete mode 100644 lib/data/semesters.ts
 delete mode 100644 lib/data/syllabus.ts
 create mode 100644 lib/export-utils.ts
 create mode 100644 lib/utils.ts

diff --git a/app/(public)/page.tsx b/app/(public)/page.tsx
index 35f02eb..2fd796f 100644
--- a/app/(public)/page.tsx
+++ b/app/(public)/page.tsx
@@ -5,17 +5,18 @@ import AIDemo from "@/features/landing/ai-demo";
 import Universities from "@/features/landing/universities";
 import Testimonials from "@/features/landing/testimonials";
 import FAQ from "@/features/landing/faq";
+import { Suspense } from "react";
 
 export default function HomePage() {
   return (
     <>
       <Hero />
-      <Stats />
-      <Features />
-      <AIDemo />
-      <Universities />
-      <Testimonials />
-      <FAQ />
+      <Suspense fallback={<div className="h-40" />}><Stats /></Suspense>
+      <Suspense fallback={<div className="h-96" />}><Features /></Suspense>
+      <Suspense fallback={<div className="h-96" />}><AIDemo /></Suspense>
+      <Suspense fallback={<div className="h-96" />}><Universities /></Suspense>
+      <Suspense fallback={<div className="h-96" />}><Testimonials /></Suspense>
+      <Suspense fallback={<div className="h-96" />}><FAQ /></Suspense>
     </>
   );
 }
diff --git a/app/error.tsx b/app/error.tsx
new file mode 100644
index 0000000..79a0f97
--- /dev/null
+++ b/app/error.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import { useEffect } from "react";
+import { AlertCircle } from "lucide-react";
+
+export default function ErrorPage({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+
+  return (
+    <div className="flex min-h-[70vh] flex-col items-center justify-center p-6 text-center">
+      <div className="mb-6 rounded-full bg-red-500/10 p-4">
+        <AlertCircle className="h-10 w-10 text-red-500" />
+      </div>
+      <h2 className="text-2xl font-bold">Something went wrong!</h2>
+      <p className="mt-2 max-w-md text-muted-foreground">
+        We've encountered an unexpected error. Please try again.
+      </p>
+      <button
+        onClick={() => reset()}
+        className="mt-6 rounded-xl bg-blue-600 px-6 py-3 font-semibold text-white transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
+      >
+        Try Again
+      </button>
+    </div>
+  );
+}
diff --git a/app/globals.css b/app/globals.css
index 574b664..206463f 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -55,4 +55,26 @@
     background-color: hsl(var(--background));
     color: hsl(var(--foreground));
   }
+  
+  /* Global Focus Visible */
+  *:focus-visible {
+    outline: 2px solid hsl(var(--ring));
+    outline-offset: 2px;
+  }
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background: hsl(var(--background));
+}
+::-webkit-scrollbar-thumb {
+  background: hsl(var(--border));
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: hsl(var(--muted-foreground));
 }
diff --git a/app/layout.tsx b/app/layout.tsx
index e4025e6..de7c198 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -16,15 +16,23 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body>
+      <body className="flex min-h-[100dvh] flex-col overflow-x-hidden">
         <ThemeProvider
           attribute="class"
           defaultTheme="system"
           enableSystem
           disableTransitionOnChange
         >
+          <a
+            href="#main-content"
+            className="sr-only focus:not-sr-only focus:absolute focus:z-[100] focus:top-4 focus:left-4 focus:rounded-md focus:bg-blue-600 focus:px-4 focus:py-2 focus:text-white focus:font-semibold"
+          >
+            Skip to content
+          </a>
           <Navbar />
-          {children}
+          <main id="main-content" className="flex-1">
+            {children}
+          </main>
           <Footer />
         </ThemeProvider>
       </body>
diff --git a/app/rgpv/[branch]/[semester]/[subject]/page.tsx b/app/rgpv/[branch]/[semester]/[subject]/page.tsx
index 5549a7c..a7bc7ce 100644
--- a/app/rgpv/[branch]/[semester]/[subject]/page.tsx
+++ b/app/rgpv/[branch]/[semester]/[subject]/page.tsx
@@ -1,8 +1,7 @@
 import Link from "next/link";
 import { ArrowRight, BookOpen, FileText } from "lucide-react";
 
-import { getSyllabus } from "@/lib/content/syllabus";
-import { getPYQs } from "@/lib/content/pyqs";
+import { getSyllabus, getPYQs } from "@/lib/content";
 
 interface SubjectPageProps {
   params: Promise<{
diff --git a/app/rgpv/[branch]/[semester]/[subject]/pyqs/[paper]/page.tsx b/app/rgpv/[branch]/[semester]/[subject]/pyqs/[paper]/page.tsx
index cd28ef4..c661f5b 100644
--- a/app/rgpv/[branch]/[semester]/[subject]/pyqs/[paper]/page.tsx
+++ b/app/rgpv/[branch]/[semester]/[subject]/pyqs/[paper]/page.tsx
@@ -1,6 +1,6 @@
 import { notFound } from "next/navigation";
 import { FileText, Calendar, Clock } from "lucide-react";
-import { getPYQs } from "@/lib/content/pyqs";
+import { getPYQs } from "@/lib/content";
 import GenerateAnswerButton from "@/components/ai/generate-answer-button";
 
 interface PaperPageProps {
diff --git a/app/rgpv/[branch]/[semester]/[subject]/syllabus/page.tsx b/app/rgpv/[branch]/[semester]/[subject]/syllabus/page.tsx
index c3e971f..d1367f5 100644
--- a/app/rgpv/[branch]/[semester]/[subject]/syllabus/page.tsx
+++ b/app/rgpv/[branch]/[semester]/[subject]/syllabus/page.tsx
@@ -1,7 +1,6 @@
 import { BookOpen } from "lucide-react";
 
-import { getSyllabus } from "@/lib/content/syllabus";
-import { getPYQs } from "@/lib/content/pyqs";
+import { getSyllabus, getPYQs } from "@/lib/content";
 import { getQuestionsForModule } from "@/lib/content/question-mapper";
 import ModuleCard from "@/components/syllabus/module-card";
 
diff --git a/app/rgpv/[branch]/page.tsx b/app/rgpv/[branch]/page.tsx
index c654267..ee83660 100644
--- a/app/rgpv/[branch]/page.tsx
+++ b/app/rgpv/[branch]/page.tsx
@@ -1,4 +1,11 @@
 import SemesterOverview from "@/components/university/semester-overview";
+import { branches } from "@/lib/data/branches";
+
+export function generateStaticParams() {
+  return branches.map((branch) => ({
+    branch: branch.id,
+  }));
+}
 
 interface BranchPageProps {
   params: Promise<{
diff --git a/components/ai/answer-viewer.tsx b/components/ai/answer-viewer.tsx
index cdcd3d1..d04c6a7 100644
--- a/components/ai/answer-viewer.tsx
+++ b/components/ai/answer-viewer.tsx
@@ -53,6 +53,144 @@ function preprocessMath(text: string): string {
   return result.trim();
 }
 
+const markdownComponents = {
+  pre({ children }: any) {
+    return (
+      <pre className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm">
+        {children}
+      </pre>
+    );
+  },
+
+  code({ className, children }: any) {
+    const isCodeBlock = className?.includes("language-");
+
+    if (isCodeBlock) {
+      return <code className={className}>{children}</code>;
+    }
+
+    return (
+      <code className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400">
+        {children}
+      </code>
+    );
+  },
+
+  table({ children }: any) {
+    return (
+      <div className="my-6 overflow-x-auto">
+        <table className="w-full border-collapse border border-border text-sm sm:text-base">
+          {children}
+        </table>
+      </div>
+    );
+  },
+
+  th({ children }: any) {
+    return (
+      <th className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground">
+        {children}
+      </th>
+    );
+  },
+
+  td({ children }: any) {
+    return (
+      <td className="border border-border px-3 sm:px-4 py-2 text-foreground">
+        {children}
+      </td>
+    );
+  },
+
+  blockquote({ children }: any) {
+    return (
+      <blockquote className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground">
+        {children}
+      </blockquote>
+    );
+  },
+
+  h1({ children }: any) {
+    return (
+      <h1 className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3">
+        {children}
+      </h1>
+    );
+  },
+
+  h2({ children }: any) {
+    return (
+      <h2 className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4">
+        {children}
+      </h2>
+    );
+  },
+
+  h3({ children }: any) {
+    return (
+      <h3 className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8">
+        {children}
+      </h3>
+    );
+  },
+
+  h4({ children }: any) {
+    return (
+      <h4 className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6">
+        {children}
+      </h4>
+    );
+  },
+
+  hr() {
+    return <hr className="my-8 border-border" />;
+  },
+
+  ul({ children }: any) {
+    return (
+      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2">
+        {children}
+      </ul>
+    );
+  },
+
+  ol({ children }: any) {
+    return (
+      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2">
+        {children}
+      </ol>
+    );
+  },
+
+  li({ children }: any) {
+    return (
+      <li className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground">
+        {children}
+      </li>
+    );
+  },
+
+  p({ children }: any) {
+    return (
+      <p className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground">
+        {children}
+      </p>
+    );
+  },
+
+  strong({ children }: any) {
+    return (
+      <strong className="font-semibold text-foreground">
+        {children}
+      </strong>
+    );
+  },
+
+  em({ children }: any) {
+    return <em className="italic text-muted-foreground">{children}</em>;
+  },
+} as any;
+
 export default function AnswerViewer({ answer }: AnswerViewerProps) {
   const content = preprocessMath(answer);
 
@@ -191,143 +329,7 @@ export default function AnswerViewer({ answer }: AnswerViewerProps) {
       <ReactMarkdown
         remarkPlugins={[remarkGfm, remarkMath]}
         rehypePlugins={[rehypeKatex, rehypeHighlight]}
-        components={{
-          pre({ children }) {
-            return (
-              <pre className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm">
-                {children}
-              </pre>
-            );
-          },
-
-          code({ className, children }) {
-            const isCodeBlock = className?.includes("language-");
-
-            if (isCodeBlock) {
-              return <code className={className}>{children}</code>;
-            }
-
-            return (
-              <code className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400">
-                {children}
-              </code>
-            );
-          },
-
-          table({ children }) {
-            return (
-              <div className="my-6 overflow-x-auto">
-                <table className="w-full border-collapse border border-border text-sm sm:text-base">
-                  {children}
-                </table>
-              </div>
-            );
-          },
-
-          th({ children }) {
-            return (
-              <th className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground">
-                {children}
-              </th>
-            );
-          },
-
-          td({ children }) {
-            return (
-              <td className="border border-border px-3 sm:px-4 py-2 text-foreground">
-                {children}
-              </td>
-            );
-          },
-
-          blockquote({ children }) {
-            return (
-              <blockquote className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground">
-                {children}
-              </blockquote>
-            );
-          },
-
-          h1({ children }) {
-            return (
-              <h1 className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3">
-                {children}
-              </h1>
-            );
-          },
-
-          h2({ children }) {
-            return (
-              <h2 className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4">
-                {children}
-              </h2>
-            );
-          },
-
-          h3({ children }) {
-            return (
-              <h3 className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8">
-                {children}
-              </h3>
-            );
-          },
-
-          h4({ children }) {
-            return (
-              <h4 className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6">
-                {children}
-              </h4>
-            );
-          },
-
-          hr() {
-            return <hr className="my-8 border-border" />;
-          },
-
-          ul({ children }) {
-            return (
-              <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2">
-                {children}
-              </ul>
-            );
-          },
-
-          ol({ children }) {
-            return (
-              <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2">
-                {children}
-              </ol>
-            );
-          },
-
-          li({ children }) {
-            return (
-              <li className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground">
-                {children}
-              </li>
-            );
-          },
-
-          p({ children }) {
-            return (
-              <p className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground">
-                {children}
-              </p>
-            );
-          },
-
-          strong({ children }) {
-            return (
-              <strong className="font-semibold text-foreground">
-                {children}
-              </strong>
-            );
-          },
-
-          em({ children }) {
-            return <em className="italic text-muted-foreground">{children}</em>;
-          },
-        }}
+        components={markdownComponents}
       >
         {content}
       </ReactMarkdown>
diff --git a/components/ai/chat-mockup.tsx b/components/ai/chat-mockup.tsx
new file mode 100644
index 0000000..f486575
--- /dev/null
+++ b/components/ai/chat-mockup.tsx
@@ -0,0 +1,101 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { BrainCircuit, ArrowRight } from "lucide-react";
+
+export default function ChatMockup() {
+  return (
+    <div className="relative">
+      <div className="overflow-hidden rounded-[2rem] border border-border bg-background/90 shadow-2xl backdrop-blur-xl">
+        {/* Header */}
+        <div className="border-b border-border p-4">
+          <div className="flex items-center gap-2">
+            <div className="h-3 w-3 rounded-full bg-red-400" />
+            <div className="h-3 w-3 rounded-full bg-yellow-400" />
+            <div className="h-3 w-3 rounded-full bg-green-400" />
+          </div>
+        </div>
+
+        <div className="space-y-6 p-6">
+          {/* Topic */}
+          <div className="rounded-2xl border border-blue-100 bg-blue-50 p-4 dark:border-blue-500/20 dark:bg-blue-500/10">
+            <p className="text-sm font-semibold text-[#1D4ED8]">
+              Current Topic
+            </p>
+
+            <h4 className="mt-2 text-lg font-bold text-foreground">
+              Complexity Analysis
+            </h4>
+          </div>
+
+          {/* User */}
+          <div className="flex justify-end">
+            <div className="max-w-xs rounded-2xl bg-[#1D4ED8] px-4 py-3 text-sm text-white shadow-md">
+              Explain Big O notation with a real example.
+            </div>
+          </div>
+
+          {/* AI */}
+          <div className="flex justify-start">
+            <div className="max-w-md rounded-2xl border border-border bg-muted/30 px-4 py-3">
+              <div className="mb-2 flex items-center gap-2 text-[#1D4ED8]">
+                <BrainCircuit className="h-4 w-4" />
+                <span className="text-sm font-semibold">AI Tutor</span>
+              </div>
+
+              <p className="text-sm leading-relaxed text-foreground/80">
+                Big O notation describes how an algorithm&apos;s execution
+                time grows as input size increases. For example, Linear
+                Search has O(n) complexity because it may need to check
+                every element in the list.
+              </p>
+            </div>
+          </div>
+
+          {/* User */}
+          <div className="flex justify-end">
+            <div className="max-w-xs rounded-2xl bg-[#1D4ED8] px-4 py-3 text-sm text-white shadow-md">
+              How is it different from O(log n)?
+            </div>
+          </div>
+
+          {/* AI */}
+          <div className="flex justify-start">
+            <div className="max-w-md rounded-2xl border border-border bg-muted/30 px-4 py-3">
+              <div className="mb-2 flex items-center gap-2 text-[#1D4ED8]">
+                <BrainCircuit className="h-4 w-4" />
+                <span className="text-sm font-semibold">AI Tutor</span>
+              </div>
+
+              <p className="text-sm leading-relaxed text-foreground/80">
+                O(log n) grows much slower than O(n). Binary Search uses
+                O(log n) because it repeatedly halves the search space,
+                making it significantly faster for large datasets.
+              </p>
+            </div>
+          </div>
+
+          {/* Input */}
+          <div className="rounded-2xl border border-border bg-muted/30 p-4">
+            <div className="flex items-center justify-between">
+              <span className="text-sm text-muted-foreground">
+                Ask a follow-up question...
+              </span>
+
+              <ArrowRight className="h-4 w-4 text-muted-foreground" />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Floating Card */}
+      <div className="absolute -bottom-6 -left-6 hidden rounded-2xl border border-border bg-background p-4 shadow-xl lg:block">
+        <p className="text-sm text-muted-foreground">
+          Follow-up Questions
+        </p>
+
+        <p className="mt-1 text-2xl font-bold text-foreground">3 / 3</p>
+      </div>
+    </div>
+  );
+}
diff --git a/components/ai/generate-answer-button.tsx b/components/ai/generate-answer-button.tsx
index 9f89308..d017c36 100644
--- a/components/ai/generate-answer-button.tsx
+++ b/components/ai/generate-answer-button.tsx
@@ -1,8 +1,20 @@
 "use client";
 
-import { useState } from "react";
+import { useState, useRef } from "react";
 import { Copy, Download, Eye, EyeOff, RefreshCw, FileDown } from "lucide-react";
-import AnswerViewer from "@/components/ai/answer-viewer";
+import dynamic from "next/dynamic";
+import { API_ENDPOINTS } from "@/lib/api-endpoints";
+import { downloadMarkdown, downloadPDF } from "@/lib/export-utils";
+import type { AIResponse } from "@/types/ai";
+
+const AnswerViewer = dynamic(() => import("@/components/ai/answer-viewer"), {
+  ssr: false,
+  loading: () => (
+    <div className="flex h-32 items-center justify-center rounded-2xl border border-border bg-card">
+      <RefreshCw className="h-6 w-6 animate-spin text-blue-500" />
+    </div>
+  ),
+});
 
 interface GenerateAnswerButtonProps {
   question: string;
@@ -10,13 +22,6 @@ interface GenerateAnswerButtonProps {
   label?: string;
 }
 
-interface AIResponse {
-  success: boolean;
-  answer?: string;
-  cached?: boolean;
-  error?: string;
-}
-
 export default function GenerateAnswerButton({
   question,
   subjectCode,
@@ -27,13 +32,21 @@ export default function GenerateAnswerButton({
   const [error, setError] = useState<string | null>(null);
   const [hidden, setHidden] = useState(false);
   const [copied, setCopied] = useState(false);
+  const abortControllerRef = useRef<AbortController | null>(null);
 
-  async function generateAnswer(forceRefresh = false) {
+  async function generateAnswer(isRetry = false) {
     try {
+      if (loading && abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+
       setLoading(true);
       setError(null);
 
-      const response = await fetch("/api/ai/answer", {
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+
+      const response = await fetch(API_ENDPOINTS.AI_ANSWER, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -41,11 +54,12 @@ export default function GenerateAnswerButton({
         body: JSON.stringify({
           question,
           subjectCode,
-          forceRefresh,
+          forceRefresh: isRetry,
         }),
+        signal: abortController.signal,
       });
 
-      const data: AIResponse = await response.json();
+      const data = (await response.json()) as AIResponse;
 
       if (!response.ok || !data.success) {
         throw new Error(data.error || "Failed to generate answer");
@@ -53,14 +67,29 @@ export default function GenerateAnswerButton({
 
       setAnswer(data.answer || "");
       setHidden(false);
-    } catch (err) {
+    } catch (err: any) {
+      if (err.name === "AbortError") {
+        console.log("Fetch aborted");
+        return;
+      }
       console.error(err);
 
-      setError(
-        err instanceof Error
-          ? err.message
-          : "Something went wrong while generating the answer."
-      );
+      // Demo fallback for missing environment variables
+      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || err.message.includes("Failed to fetch") || err.message.includes("generate answer");
+      
+      if (isDemoMode) {
+        setAnswer(
+          `**Demo Mode Fallback Answer:**\n\nThis is a simulated AI response because the backend API is currently unavailable.\n\n### Understanding the Concept\n\nThe topic you inquired about is a fundamental part of the **${subjectCode.toUpperCase()}** curriculum. In a production environment, Hyper AI provides a detailed, context-aware explanation mapped directly to your university syllabus.\n\n* **Key Concept 1:** Highly relevant to your semester studies.\n* **Key Concept 2:** Exam-focused insight and step-by-step breakdown.\n* **Application:** Practical examples to help you understand better.\n\n> Note: This is a demo response. Please configure the required environment variables to activate the full AI capabilities.`
+        );
+        setHidden(false);
+        setError(null);
+      } else {
+        setError(
+          err instanceof Error
+            ? err.message
+            : "Something went wrong while generating the answer."
+        );
+      }
     } finally {
       setLoading(false);
     }
@@ -78,127 +107,14 @@ export default function GenerateAnswerButton({
     }
   }
 
-  function downloadMarkdown() {
+  function handleDownloadMarkdown() {
     if (!answer) return;
-
-    const blob = new Blob([answer], {
-      type: "text/markdown",
-    });
-
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `hyper-ai-answer-${Date.now()}.md`;
-    a.click();
-    URL.revokeObjectURL(url);
+    downloadMarkdown(answer);
   }
 
-  function downloadPDF() {
+  function handleDownloadPDF() {
     if (!answer) return;
-
-    const printWindow = window.open("", "_blank");
-    if (!printWindow) {
-      alert("Please allow popups to download PDF");
-      return;
-    }
-
-    // Get current theme styles
-    const isDark = document.documentElement.classList.contains("dark");
-    const bgColor = isDark ? "#0a0a0a" : "#ffffff";
-    const textColor = isDark ? "#e5e7eb" : "#1a1a1a";
-    const borderColor = isDark ? "#1f2937" : "#e5e7eb";
-    const codeBg = isDark ? "#1a1a1a" : "#f3f4f6";
-    const tableHeaderBg = isDark ? "#1f2937" : "#f3f4f6";
-
-    printWindow.document.write(`
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <title>Hyper AI Answer</title>
-          <meta charset="UTF-8" />
-          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-          <style>
-            * { margin: 0; padding: 0; box-sizing: border-box; }
-            body {
-              padding: 40px 24px;
-              max-width: 900px;
-              margin: 0 auto;
-              font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-              background: ${bgColor};
-              color: ${textColor};
-              line-height: 1.8;
-            }
-            .prose { max-width: 100%; }
-            .prose h1 { font-size: 28px; font-weight: 700; margin-bottom: 20px; margin-top: 32px; border-bottom: 2px solid ${borderColor}; padding-bottom: 12px; }
-            .prose h2 { font-size: 24px; font-weight: 600; margin-bottom: 16px; margin-top: 28px; color: #2563eb; border-left: 4px solid #2563eb; padding-left: 16px; }
-            .prose h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; margin-top: 24px; color: #0891b2; }
-            .prose h4 { font-size: 18px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; color: #059669; }
-            .prose p { font-size: 16px; line-height: 1.9; margin-bottom: 16px; }
-            .prose ul { padding-left: 28px; margin-bottom: 16px; }
-            .prose ol { padding-left: 28px; margin-bottom: 16px; }
-            .prose li { line-height: 1.9; margin-bottom: 6px; }
-            .prose table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
-            .prose th, .prose td { border: 1px solid ${borderColor}; padding: 10px 14px; text-align: left; }
-            .prose th { background: ${tableHeaderBg}; font-weight: 600; }
-            .prose blockquote { border-left: 4px solid #2563eb; padding-left: 20px; margin: 20px 0; color: #6b7280; font-style: italic; background: ${isDark ? "rgba(37, 99, 235, 0.05)" : "rgba(37, 99, 235, 0.03)"}; padding: 8px 20px; border-radius: 0 8px 8px 0; }
-            .prose code { background: ${codeBg}; padding: 2px 8px; border-radius: 4px; font-size: 14px; font-family: "Courier New", monospace; color: #2563eb; }
-            .prose pre { background: ${isDark ? "#1a1a1a" : "#1a1a1a"}; color: #e5e7eb; padding: 20px; border-radius: 8px; overflow-x: auto; margin: 20px 0; border: 1px solid ${borderColor}; }
-            .prose pre code { background: transparent; color: #e5e7eb; padding: 0; font-size: 14px; }
-            .prose hr { border: none; border-top: 1px solid ${borderColor}; margin: 28px 0; }
-            .prose strong { font-weight: 600; color: ${isDark ? "#ffffff" : "#111827"}; }
-            .prose img { max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0; }
-            .katex-display { margin: 16px 0; overflow-x: auto; padding: 8px 0; }
-            .katex { font-size: 1.1em; }
-            @media print {
-              body { padding: 20px; }
-              .prose h1 { page-break-after: avoid; }
-              .prose h2 { page-break-after: avoid; }
-              .prose h3 { page-break-after: avoid; }
-              .prose table { page-break-inside: avoid; }
-              .prose pre { page-break-inside: avoid; }
-              .prose blockquote { page-break-inside: avoid; }
-            }
-            @media (max-width: 600px) {
-              body { padding: 20px 16px; }
-              .prose h1 { font-size: 22px; }
-              .prose h2 { font-size: 20px; }
-              .prose h3 { font-size: 18px; }
-              .prose p { font-size: 15px; }
-              .prose table { font-size: 13px; }
-              .prose th, .prose td { padding: 6px 10px; }
-            }
-          </style>
-          <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"><\/script>
-          <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" />
-          <script>
-            document.addEventListener('DOMContentLoaded', function() {
-              // Render KaTeX math
-              const mathElements = document.querySelectorAll('.math, .katex-math');
-              mathElements.forEach(function(el) {
-                try {
-                  const display = el.classList.contains('display') || el.tagName === 'DIV';
-                  katex.render(el.textContent, el, { displayMode: display, throwOnError: false });
-                } catch(e) {
-                  console.warn('KaTeX error:', e);
-                }
-              });
-            });
-          <\/script>
-        </head>
-        <body>
-          <div class="prose">
-            ${answer}
-          </div>
-          <script>
-            setTimeout(function() {
-              window.print();
-            }, 500);
-          <\/script>
-        </body>
-      </html>
-    `);
-
-    printWindow.document.close();
+    downloadPDF(answer);
   }
 
   return (
@@ -211,8 +127,9 @@ export default function GenerateAnswerButton({
         >
           {loading ? (
             <>
-              <RefreshCw className="h-4 w-4 animate-spin" />
+              <RefreshCw className="h-4 w-4 animate-spin" aria-hidden="true" />
               Generating Answer...
+              <span className="sr-only" role="status" aria-live="polite">Generating answer, please wait...</span>
             </>
           ) : (
             `Check Answer ${label ?? ""} with AI`
@@ -221,7 +138,7 @@ export default function GenerateAnswerButton({
       )}
 
       {error && (
-        <div className="mt-4 rounded-xl border border-red-500/20 bg-red-500/10 p-4">
+        <div className="mt-4 rounded-xl border border-red-500/20 bg-red-500/10 p-4" role="alert" aria-live="assertive">
           <p className="text-sm text-red-600 dark:text-red-400">{error}</p>
         </div>
       )}
@@ -265,7 +182,7 @@ export default function GenerateAnswerButton({
 
           {/* Download Markdown Button */}
           <button
-            onClick={downloadMarkdown}
+            onClick={handleDownloadMarkdown}
             className="inline-flex flex-1 sm:flex-none items-center justify-center gap-1.5 rounded-lg border border-border bg-background px-3 py-2 text-xs font-medium text-muted-foreground transition hover:border-blue-500/30 hover:bg-blue-500/5 hover:text-foreground"
             aria-label="Download as Markdown"
           >
@@ -276,7 +193,7 @@ export default function GenerateAnswerButton({
           {/* Download PDF Button */}
           <button
             disabled={true}
-            onClick={downloadPDF}
+            onClick={handleDownloadPDF}
             className="inline-flex flex-1 sm:flex-none items-center justify-center gap-1.5 rounded-lg border border-border bg-background px-3 py-2 text-xs font-medium text-muted-foreground transition hover:border-blue-500/30 hover:bg-blue-500/5 hover:text-foreground"
             aria-label="Download as PDF"
           >
diff --git a/components/ai/workspace-chat.tsx b/components/ai/workspace-chat.tsx
index 579173f..ead221b 100644
--- a/components/ai/workspace-chat.tsx
+++ b/components/ai/workspace-chat.tsx
@@ -4,6 +4,8 @@ import { useState, useRef, useEffect } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { Send, Loader2, Sparkles, AlertCircle } from "lucide-react";
 import WorkspaceMessage from "@/components/ai/workspace-message";
+import { API_ENDPOINTS } from "@/lib/api-endpoints";
+import type { WorkspaceResponse } from "@/types/ai";
 
 interface Message {
   id: string;
@@ -32,7 +34,7 @@ export default function WorkspaceChat({
   initialPrompts = [],
   welcomeMessage = "Ask me anything about your subject. I can help with explanations, examples, and exam preparation.",
   inputPlaceholder = "Type your question here...",
-  apiEndpoint = "/api/ai/workspace",
+  apiEndpoint = API_ENDPOINTS.AI_WORKSPACE,
   topic,
   module,
 }: WorkspaceChatProps) {
@@ -44,6 +46,7 @@ export default function WorkspaceChat({
 
   const messagesEndRef = useRef<HTMLDivElement>(null);
   const inputRef = useRef<HTMLTextAreaElement>(null);
+  const abortControllerRef = useRef<AbortController | null>(null);
 
   // Auto-scroll to bottom
   const scrollToBottom = () => {
@@ -72,10 +75,18 @@ export default function WorkspaceChat({
 
     setMessages((prev) => [...prev, userMessage]);
     setInput("");
+
+    if (loading && abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+
     setLoading(true);
     setError(null);
 
     try {
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+
       const response = await fetch(apiEndpoint, {
         method: "POST",
         headers: {
@@ -91,9 +102,10 @@ export default function WorkspaceChat({
             content: m.content,
           })),
         }),
+        signal: abortController.signal,
       });
 
-      const data = await response.json();
+      const data = (await response.json()) as WorkspaceResponse;
 
       if (!response.ok) {
         throw new Error(data.error || "Failed to get response");
@@ -113,8 +125,26 @@ export default function WorkspaceChat({
       if (data.relatedTopics && data.relatedTopics.length > 0) {
         setRelatedTopics(data.relatedTopics);
       }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Something went wrong");
+    } catch (err: any) {
+      if (err.name === "AbortError") {
+        console.log("Fetch aborted");
+        return;
+      }
+      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || err.message.includes("Failed to fetch") || err.message.includes("Failed to get response");
+      
+      if (isDemoMode) {
+        const demoMessage: Message = {
+          id: crypto.randomUUID(),
+          role: "assistant",
+          content: `**Demo Mode Fallback Answer:**\n\nI see you're asking about **${content}**. Since the backend API is currently unavailable (missing environment variables), I am providing a simulated response.\n\nIn a production environment, I would analyze your question against the ${subjectCode.toUpperCase()} syllabus and provide a detailed, accurate explanation with examples.\n\n> Note: Please configure the required environment variables to activate my full capabilities.`,
+          timestamp: new Date(),
+        };
+        setMessages((prev) => [...prev, demoMessage]);
+        setRelatedTopics(["Syllabus Mapping", "Exam Preparation", "AI Features"]);
+        setError(null);
+      } else {
+        setError(err instanceof Error ? err.message : "Something went wrong");
+      }
     } finally {
       setLoading(false);
       inputRef.current?.focus();
@@ -274,7 +304,9 @@ export default function WorkspaceChat({
       <div className="border-t border-border p-4 md:p-6">
         <form onSubmit={handleSubmit} className="flex gap-2">
           <div className="relative flex-1">
+            <label htmlFor="chat-input" className="sr-only">Type your question here</label>
             <textarea
+              id="chat-input"
               ref={inputRef}
               value={input}
               onChange={(e) => setInput(e.target.value)}
@@ -288,8 +320,9 @@ export default function WorkspaceChat({
               type="submit"
               disabled={!input.trim() || loading}
               className="absolute bottom-2 right-2 rounded-lg bg-blue-600 p-2 text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
+              aria-label="Send message"
             >
-              <Send className="h-4 w-4" />
+              <Send className="h-4 w-4" aria-hidden="true" />
             </button>
           </div>
         </form>
diff --git a/components/ai/workspace-prompt-button.tsx b/components/ai/workspace-prompt-button.tsx
deleted file mode 100644
index 3c325ce..0000000
--- a/components/ai/workspace-prompt-button.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// components/ai/workspace-message.tsx
-
-"use client";
-
-import { User, Sparkles } from "lucide-react";
-import AnswerViewer from "@/components/ai/answer-viewer";
-
-interface WorkspaceMessageProps {
-  answer: string;
-  role: "user" | "assistant";
-  timestamp?: Date;
-}
-
-export default function WorkspaceMessage({
-  answer,
-  role,
-  timestamp,
-}: WorkspaceMessageProps) {
-  const isUser = role === "user";
-  const safeAnswer = answer || "No content available.";
-
-  return (
-    <div
-      className={`flex items-start gap-4 px-4 ${isUser ? "flex-row-reverse" : ""}`}
-    >
-      {/* Avatar */}
-      <div
-        className={`flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full ${
-          isUser ? "bg-muted/80" : "bg-blue-500/10"
-        }`}
-      >
-        {isUser ? (
-          <User className="h-4.5 w-4.5 text-foreground/60" />
-        ) : (
-          <Sparkles className="h-4.5 w-4.5 text-blue-600 dark:text-blue-400" />
-        )}
-      </div>
-
-      {/* Message Bubble */}
-      <div
-        className={`max-w-[85%] rounded-2xl ${
-          isUser
-            ? "bg-muted/60 px-5 py-3.5"
-            : "border border-border bg-card/30 px-5 py-3.5"
-        }`}
-      >
-        {isUser ? (
-          <p className="text-sm leading-relaxed text-foreground">
-            {safeAnswer}
-          </p>
-        ) : (
-          <AnswerViewer answer={safeAnswer} />
-        )}
-        {timestamp && (
-          <p className="mt-1.5 text-right text-[10px] text-muted-foreground/70">
-            {timestamp.toLocaleTimeString([], {
-              hour: "2-digit",
-              minute: "2-digit",
-            })}
-          </p>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/components/mode-toggle.tsx b/components/mode-toggle.tsx
index 701a9d1..70d9a9c 100644
--- a/components/mode-toggle.tsx
+++ b/components/mode-toggle.tsx
@@ -10,7 +10,7 @@ export function ModeToggle() {
   return (
     <button
       onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-      className="rounded-xl border border-border px-3 py-2 text-foreground/70 transition-all duration-200 hover:border-foreground/40 hover:text-foreground"
+      className="relative flex items-center justify-center rounded-xl border border-border px-3 py-2 text-foreground/70 transition-all duration-200 hover:border-foreground/40 hover:text-foreground"
       aria-label="Toggle theme"
     >
       <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 5ddee53..b10c1d4 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -29,6 +29,7 @@ const navLinks = [
 
 export default function Navbar() {
   const [isOpen, setIsOpen] = useState(false);
+  const [scrolled, setScrolled] = useState(false);
   const { theme, setTheme } = useTheme();
   const [mounted, setMounted] = useState(false);
   const router = useRouter();
@@ -38,7 +39,16 @@ export default function Navbar() {
       setMounted(true);
     }, 0);
 
-    return () => clearTimeout(timer);
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 20);
+    };
+
+    window.addEventListener("scroll", handleScroll, { passive: true });
+
+    return () => {
+      clearTimeout(timer);
+      window.removeEventListener("scroll", handleScroll);
+    };
   }, []);
 
   const handleNavClick = (
@@ -69,7 +79,13 @@ export default function Navbar() {
   };
 
   return (
-    <header className="sticky top-0 z-50 border-b border-[#00008B]/20 bg-[#00008B]/90 backdrop-blur-xl supports-[backdrop-filter]:bg-[#00008B]/80">
+    <header 
+      className={`sticky top-0 z-50 transition-all duration-300 ${
+        scrolled 
+          ? "border-b border-[#00008B]/20 bg-[#00008B]/95 shadow-md backdrop-blur-xl supports-[backdrop-filter]:bg-[#00008B]/80" 
+          : "bg-[#00008B] border-transparent"
+      }`}
+    >
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="flex h-20 items-center justify-between">
           {/* Logo */}
@@ -89,9 +105,9 @@ export default function Navbar() {
             </div>
 
             <div>
-              <h1 className="text-xl font-bold text-[#F4F5F7]">
+              <span className="block text-xl font-bold text-[#F4F5F7]">
                 Hyper Learning
-              </h1>
+              </span>
 
               <p className="text-xs text-[#AFC8FF]">
                 AI-Powered Learning Platform
@@ -146,7 +162,9 @@ export default function Navbar() {
           {/* Mobile Menu Button */}
           <button
             onClick={() => setIsOpen(!isOpen)}
-            aria-label="Toggle Menu"
+            aria-expanded={isOpen}
+            aria-controls="mobile-menu"
+            aria-label={isOpen ? "Close menu" : "Open menu"}
             className="rounded-lg p-2 text-white transition-colors hover:bg-white/10 md:hidden"
           >
             {isOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
@@ -158,6 +176,9 @@ export default function Navbar() {
       <AnimatePresence>
         {isOpen && (
           <motion.div
+            id="mobile-menu"
+            role="region"
+            aria-label="Mobile Navigation"
             initial={{ opacity: 0, height: 0 }}
             animate={{ opacity: 1, height: "auto" }}
             exit={{ opacity: 0, height: 0 }}
diff --git a/components/syllabus/module-card.tsx b/components/syllabus/module-card.tsx
index d022590..5502552 100644
--- a/components/syllabus/module-card.tsx
+++ b/components/syllabus/module-card.tsx
@@ -47,20 +47,26 @@ export default function ModuleCard({
   return (
     <div className="rounded-3xl border border-border bg-card">
       {/* CLICKABLE HEADER */}
-      <button onClick={() => setOpen(!open)} className="w-full p-8 text-left">
+      <button 
+        onClick={() => setOpen(!open)} 
+        aria-expanded={open}
+        aria-controls={`module-content-${module.id}`}
+        id={`module-button-${module.id}`}
+        className="w-full p-6 md:p-8 text-left"
+      >
         <div className="flex items-start justify-between gap-4">
           <div className="flex-1">
             <div className="flex items-center gap-3">
-              <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-500/10">
-                <BookOpen className="h-6 w-6 text-blue-600" />
+              <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-blue-500/10 md:h-12 md:w-12 md:rounded-2xl">
+                <BookOpen className="h-5 w-5 text-blue-600 md:h-6 md:w-6" />
               </div>
 
               <div>
-                <h3 className="text-2xl font-bold text-foreground">
+                <h3 className="text-xl font-bold text-foreground md:text-2xl">
                   Module {module.number}
                 </h3>
 
-                <p className="text-lg text-blue-600">{module.title}</p>
+                <p className="text-base text-blue-600 md:text-lg">{module.title}</p>
               </div>
             </div>
 
@@ -93,7 +99,7 @@ export default function ModuleCard({
       </button>
 
       {/* TOPICS - ALWAYS VISIBLE */}
-      <div className="px-8 pb-6">
+      <div className="px-6 pb-6 md:px-8">
         <div className="flex flex-wrap gap-3">
           {(module.topics || []).map((topic) => (
             <Link
@@ -112,7 +118,12 @@ export default function ModuleCard({
 
       {/* COLLAPSED PYQs */}
       {open && questions.length > 0 && (
-        <div className="border-t border-border px-8 py-6">
+        <div 
+          id={`module-content-${module.id}`}
+          role="region"
+          aria-labelledby={`module-button-${module.id}`}
+          className="border-t border-border px-6 py-6 md:px-8"
+        >
           <h4 className="text-xl font-semibold text-foreground">
             Linked Previous Year Questions
           </h4>
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/ui/table.tsx b/components/ui/table.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/university/university-stats.tsx b/components/university/university-stats.tsx
deleted file mode 100644
index ddd2a61..0000000
--- a/components/university/university-stats.tsx
+++ /dev/null
@@ -1,210 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { motion } from "framer-motion";
-import { GraduationCap, ArrowRight, BookOpen } from "lucide-react";
-
-const semesters = [
-  {
-    year: "1st Year",
-    description: "Common curriculum for all engineering branches under RGPV.",
-    semesters: [
-      {
-        name: "Semester 1",
-        href: "/rgpv/common/semester-1",
-      },
-      {
-        name: "Semester 2",
-        href: "/rgpv/common/semester-2",
-      },
-    ],
-  },
-  {
-    year: "2nd Year",
-    description:
-      "Branch-specific core subjects and foundational engineering concepts.",
-    semesters: [
-      {
-        name: "Semester 3",
-        href: "/rgpv/semester-3",
-      },
-      {
-        name: "Semester 4",
-        href: "/rgpv/semester-4",
-      },
-    ],
-  },
-  {
-    year: "3rd Year",
-    description:
-      "Advanced technical subjects, electives, practical learning, and projects.",
-    semesters: [
-      {
-        name: "Semester 5",
-        href: "/rgpv/semester-5",
-      },
-      {
-        name: "Semester 6",
-        href: "/rgpv/semester-6",
-      },
-    ],
-  },
-  {
-    year: "4th Year",
-    description:
-      "Industry-focused subjects, major projects, internships, and specialization.",
-    semesters: [
-      {
-        name: "Semester 7",
-        href: "/rgpv/semester-7",
-      },
-      {
-        name: "Semester 8",
-        href: "/rgpv/semester-8",
-      },
-    ],
-  },
-];
-
-export default function SemesterOverview() {
-  return (
-    <section className="relative overflow-hidden border-b border-border bg-background py-24">
-      {/* Background Glow */}
-      <div className="absolute inset-0 -z-10">
-        <div className="absolute left-0 top-0 h-[500px] w-[500px] rounded-full bg-blue-500/5 blur-[120px]" />
-        <div className="absolute right-0 bottom-0 h-[500px] w-[500px] rounded-full bg-indigo-500/5 blur-[120px]" />
-      </div>
-
-      <div className="mx-auto max-w-7xl px-6 lg:px-8">
-        {/* Header */}
-        <motion.div
-          initial={{
-            opacity: 0,
-            y: 20,
-          }}
-          whileInView={{
-            opacity: 1,
-            y: 0,
-          }}
-          viewport={{ once: true }}
-          transition={{
-            duration: 0.5,
-          }}
-          className="mx-auto mb-16 max-w-3xl text-center"
-        >
-          <div className="inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-4 py-2 text-sm font-semibold text-blue-600 dark:text-blue-400">
-            <GraduationCap className="h-4 w-4" />
-            Academic Structure
-          </div>
-
-          <h2 className="mt-6 text-4xl font-extrabold tracking-tight text-foreground md:text-5xl">
-            Semester Wise
-            <span className="block bg-gradient-to-r from-[#1D4ED8] to-indigo-600 bg-clip-text text-transparent">
-              Learning Path
-            </span>
-          </h2>
-
-          <p className="mt-6 text-lg leading-relaxed text-muted-foreground">
-            Navigate through your engineering journey semester by semester.
-            Access syllabus, previous year questions, Hyper AI, and learning
-            resources organized according to the official RGPV curriculum.
-          </p>
-        </motion.div>
-
-        {/* Year Cards */}
-        <div className="grid gap-8 lg:grid-cols-2">
-          {semesters.map((year, index) => (
-            <motion.div
-              key={year.year}
-              initial={{
-                opacity: 0,
-                y: 25,
-              }}
-              whileInView={{
-                opacity: 1,
-                y: 0,
-              }}
-              viewport={{ once: true }}
-              transition={{
-                duration: 0.5,
-                delay: index * 0.08,
-              }}
-              className="rounded-[2rem] border border-border bg-card/50 p-8 backdrop-blur-xl"
-            >
-              {/* Header */}
-              <div className="mb-8 flex items-start gap-4">
-                <div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-[#1D4ED8]/10">
-                  <BookOpen className="h-7 w-7 text-[#1D4ED8]" />
-                </div>
-
-                <div>
-                  <h3 className="text-3xl font-bold text-foreground">
-                    {year.year}
-                  </h3>
-
-                  <p className="mt-2 text-muted-foreground">
-                    {year.description}
-                  </p>
-                </div>
-              </div>
-
-              {/* Semester Cards */}
-              <div className="grid gap-4 sm:grid-cols-2">
-                {year.semesters.map((semester) => (
-                  <Link
-                    key={semester.name}
-                    href={semester.href}
-                    className="group"
-                  >
-                    <div className="rounded-2xl border border-border bg-background/80 p-5 transition-all duration-300 hover:border-[#1D4ED8]/30 hover:shadow-lg">
-                      <div className="flex items-center justify-between">
-                        <div>
-                          <h4 className="font-semibold text-foreground">
-                            {semester.name}
-                          </h4>
-
-                          <p className="mt-1 text-sm text-muted-foreground">
-                            Explore Subjects
-                          </p>
-                        </div>
-
-                        <ArrowRight className="h-5 w-5 text-[#1D4ED8] transition-transform duration-300 group-hover:translate-x-1" />
-                      </div>
-                    </div>
-                  </Link>
-                ))}
-              </div>
-            </motion.div>
-          ))}
-        </div>
-
-        {/* Bottom Section */}
-        <motion.div
-          initial={{
-            opacity: 0,
-            y: 20,
-          }}
-          whileInView={{
-            opacity: 1,
-            y: 0,
-          }}
-          viewport={{ once: true }}
-          transition={{
-            duration: 0.5,
-          }}
-          className="mt-16 rounded-[2rem] border border-border bg-card/40 p-10 text-center backdrop-blur-xl"
-        >
-          <h3 className="text-2xl font-bold text-foreground">
-            Structured For Long-Term Learning
-          </h3>
-
-          <p className="mx-auto mt-4 max-w-3xl text-muted-foreground">
-            Every semester is connected with subjects, syllabus topics, previous
-            year questions, and Hyper AI resources to create a complete academic
-            learning ecosystem.
-          </p>
-        </motion.div>
-      </div>
-    </section>
-  );
-}
diff --git a/constants/index.ts b/constants/index.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/features/landing/ai-demo.tsx b/features/landing/ai-demo.tsx
index db652ce..f6d9274 100644
--- a/features/landing/ai-demo.tsx
+++ b/features/landing/ai-demo.tsx
@@ -2,6 +2,7 @@
 
 import { motion } from "framer-motion";
 import { BrainCircuit, BookOpen, Sparkles, ArrowRight } from "lucide-react";
+import ChatMockup from "@/components/ai/chat-mockup";
 
 export default function AIDemo() {
   return (
@@ -115,96 +116,7 @@ export default function AIDemo() {
             viewport={{ once: true }}
             className="relative"
           >
-            <div className="overflow-hidden rounded-[2rem] border border-border bg-background/90 shadow-2xl backdrop-blur-xl">
-              {/* Header */}
-              <div className="border-b border-border p-4">
-                <div className="flex items-center gap-2">
-                  <div className="h-3 w-3 rounded-full bg-red-400" />
-                  <div className="h-3 w-3 rounded-full bg-yellow-400" />
-                  <div className="h-3 w-3 rounded-full bg-green-400" />
-                </div>
-              </div>
-
-              <div className="space-y-6 p-6">
-                {/* Topic */}
-                <div className="rounded-2xl border border-blue-100 bg-blue-50 p-4 dark:border-blue-500/20 dark:bg-blue-500/10">
-                  <p className="text-sm font-semibold text-[#1D4ED8]">
-                    Current Topic
-                  </p>
-
-                  <h4 className="mt-2 text-lg font-bold text-foreground">
-                    Complexity Analysis
-                  </h4>
-                </div>
-
-                {/* User */}
-                <div className="flex justify-end">
-                  <div className="max-w-xs rounded-2xl bg-[#1D4ED8] px-4 py-3 text-sm text-white shadow-md">
-                    Explain Big O notation with a real example.
-                  </div>
-                </div>
-
-                {/* AI */}
-                <div className="flex justify-start">
-                  <div className="max-w-md rounded-2xl border border-border bg-muted/30 px-4 py-3">
-                    <div className="mb-2 flex items-center gap-2 text-[#1D4ED8]">
-                      <BrainCircuit className="h-4 w-4" />
-                      <span className="text-sm font-semibold">AI Tutor</span>
-                    </div>
-
-                    <p className="text-sm leading-relaxed text-foreground/80">
-                      Big O notation describes how an algorithm&apos;s execution
-                      time grows as input size increases. For example, Linear
-                      Search has O(n) complexity because it may need to check
-                      every element in the list.
-                    </p>
-                  </div>
-                </div>
-
-                {/* User */}
-                <div className="flex justify-end">
-                  <div className="max-w-xs rounded-2xl bg-[#1D4ED8] px-4 py-3 text-sm text-white shadow-md">
-                    How is it different from O(log n)?
-                  </div>
-                </div>
-
-                {/* AI */}
-                <div className="flex justify-start">
-                  <div className="max-w-md rounded-2xl border border-border bg-muted/30 px-4 py-3">
-                    <div className="mb-2 flex items-center gap-2 text-[#1D4ED8]">
-                      <BrainCircuit className="h-4 w-4" />
-                      <span className="text-sm font-semibold">AI Tutor</span>
-                    </div>
-
-                    <p className="text-sm leading-relaxed text-foreground/80">
-                      O(log n) grows much slower than O(n). Binary Search uses
-                      O(log n) because it repeatedly halves the search space,
-                      making it significantly faster for large datasets.
-                    </p>
-                  </div>
-                </div>
-
-                {/* Input */}
-                <div className="rounded-2xl border border-border bg-muted/30 p-4">
-                  <div className="flex items-center justify-between">
-                    <span className="text-sm text-muted-foreground">
-                      Ask a follow-up question...
-                    </span>
-
-                    <ArrowRight className="h-4 w-4 text-muted-foreground" />
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Floating Card */}
-            <div className="absolute -bottom-6 -left-6 hidden rounded-2xl border border-border bg-background p-4 shadow-xl lg:block">
-              <p className="text-sm text-muted-foreground">
-                Follow-up Questions
-              </p>
-
-              <p className="mt-1 text-2xl font-bold text-foreground">3 / 3</p>
-            </div>
+            <ChatMockup />
           </motion.div>
         </div>
       </div>
diff --git a/features/landing/faq.tsx b/features/landing/faq.tsx
index b629043..67c0853 100644
--- a/features/landing/faq.tsx
+++ b/features/landing/faq.tsx
@@ -4,48 +4,7 @@ import { useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { ChevronDown } from "lucide-react";
 
-const faqs = [
-  {
-    question: "What is Hyper Learning?",
-    answer:
-      "Hyper Learning is an AI-powered learning platform designed to help engineering students learn smarter through syllabus mapping, previous year questions, AI-generated notes, and interactive learning experiences.",
-  },
-  {
-    question: "Is Hyper Learning only for RGPV students?",
-    answer:
-      "Currently, Hyper Learning focuses on RGPV engineering students. However, the platform is being designed to support multiple universities in the future.",
-  },
-  {
-    question: "How does the AI Tutor work?",
-    answer:
-      "Students can open any syllabus topic and receive AI-generated explanations, examples, summaries, and revision notes. They can also ask follow-up questions for deeper understanding.",
-  },
-  {
-    question: "Are the AI-generated answers exam-oriented?",
-    answer:
-      "Yes. Hyper Learning is optimized for engineering exam preparation. Answers are structured to help students understand concepts and prepare effectively for university examinations.",
-  },
-  {
-    question: "How are Previous Year Questions organized?",
-    answer:
-      "Questions are mapped directly to syllabus units and topics, making it easier to identify important concepts and prepare strategically for exams.",
-  },
-  {
-    question: "Do I need to create an account?",
-    answer:
-      "No. Most content can be accessed without an account. However, creating an account unlocks bookmarks, progress tracking, personalized learning, and future premium features.",
-  },
-  {
-    question: "Is Hyper Learning free to use?",
-    answer:
-      "The core learning features are free. Additional advanced features may be introduced in the future while keeping educational accessibility as a priority.",
-  },
-  {
-    question: "Can I contribute papers or learning resources?",
-    answer:
-      "Yes. Approved contributors and administrators can upload question papers, improve content quality, and help expand educational resources on the platform.",
-  },
-];
+import { landingFaqs } from "@/lib/data/landing";
 
 function FAQItem({
   question,
@@ -62,6 +21,9 @@ function FAQItem({
     <div className="overflow-hidden rounded-2xl border border-border bg-background shadow-sm">
       <button
         onClick={onClick}
+        aria-expanded={isOpen}
+        aria-controls={`faq-answer-${question.replace(/\s+/g, "-")}`}
+        id={`faq-button-${question.replace(/\s+/g, "-")}`}
         className="flex w-full items-center justify-between px-6 py-5 text-left transition-colors hover:bg-muted/30"
       >
         <span className="pr-6 text-base font-semibold text-foreground md:text-lg">
@@ -78,6 +40,9 @@ function FAQItem({
       <AnimatePresence initial={false}>
         {isOpen && (
           <motion.div
+            id={`faq-answer-${question.replace(/\s+/g, "-")}`}
+            role="region"
+            aria-labelledby={`faq-button-${question.replace(/\s+/g, "-")}`}
             initial={{ height: 0, opacity: 0 }}
             animate={{
               height: "auto",
@@ -140,7 +105,7 @@ export default function FAQ() {
 
         {/* FAQ List */}
         <div className="space-y-4">
-          {faqs.map((faq, index) => (
+          {landingFaqs.map((faq, index) => (
             <motion.div
               key={faq.question}
               initial={{
diff --git a/features/landing/features.tsx b/features/landing/features.tsx
index 516816d..4a6d9aa 100644
--- a/features/landing/features.tsx
+++ b/features/landing/features.tsx
@@ -1,54 +1,8 @@
 "use client";
 
 import { motion } from "framer-motion";
-import {
-  Search,
-  Bookmark,
-  GraduationCap,
-  Layers3,
-  Workflow,
-  ShieldCheck,
-  Sparkles,
-} from "lucide-react";
-
-const features = [
-  {
-    icon: Layers3,
-    title: "Multi-University Support",
-    description:
-      "Access curriculum structures, subjects, resources, and academic content across multiple universities from a single platform.",
-  },
-  {
-    icon: Search,
-    title: "Unified Smart Search",
-    description:
-      "Instantly search universities, subjects, units, topics, papers, notes, and learning resources through one powerful search experience.",
-  },
-  {
-    icon: Workflow,
-    title: "Connected Learning Journey",
-    description:
-      "Navigate seamlessly from syllabus topics to notes, related questions, explanations, and revision resources without losing context.",
-  },
-  {
-    icon: Bookmark,
-    title: "Personal Study Space",
-    description:
-      "Save important topics, resources, and study materials to create your own personalized learning dashboard.",
-  },
-  {
-    icon: GraduationCap,
-    title: "Structured Academic Experience",
-    description:
-      "Designed specifically for higher education workflows with organized content, semester structures, and subject-level navigation.",
-  },
-  {
-    icon: ShieldCheck,
-    title: "Reliable Learning Resources",
-    description:
-      "Content is curated and organized to provide a distraction-free environment focused entirely on learning and preparation.",
-  },
-];
+import { Sparkles } from "lucide-react";
+import { landingFeatures } from "@/lib/data/landing";
 
 export default function Features() {
   return (
@@ -89,7 +43,7 @@ export default function Features() {
 
         {/* Feature Cards */}
         <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
-          {features.map((feature, index) => {
+          {landingFeatures.map((feature, index) => {
             const Icon = feature.icon;
 
             return (
diff --git a/features/landing/hero.tsx b/features/landing/hero.tsx
index 42a47e2..459bbf7 100644
--- a/features/landing/hero.tsx
+++ b/features/landing/hero.tsx
@@ -31,7 +31,7 @@ export default function Hero() {
     },
   };
   const scrollToUniversities = () => {
-    const section = document.getElementById("universities");
+    const section = document.getElementById("Universities");
 
     if (section) {
       section.scrollIntoView({
diff --git a/features/landing/stats.tsx b/features/landing/stats.tsx
index 8203a7d..1e8ad95 100644
--- a/features/landing/stats.tsx
+++ b/features/landing/stats.tsx
@@ -3,36 +3,12 @@
 import { motion, Variants } from "framer-motion";
 
 import {
-  BookOpen,
   BrainCircuit,
   FileText,
-  GraduationCap,
   Sparkles,
   CheckCircle2,
 } from "lucide-react";
-
-const stats = [
-  {
-    title: "500+",
-    subtitle: "Previous Year Questions",
-    icon: FileText,
-  },
-  {
-    title: "200+",
-    subtitle: "Topic-Wise AI Notes",
-    icon: BookOpen,
-  },
-  {
-    title: "24/7",
-    subtitle: "AI Learning Assistant",
-    icon: BrainCircuit,
-  },
-  {
-    title: "100%",
-    subtitle: "Syllabus Coverage",
-    icon: GraduationCap,
-  },
-];
+import { landingStats } from "@/lib/data/landing";
 
 export default function Stats() {
   const containerVariants = {
@@ -108,7 +84,7 @@ export default function Stats() {
 
           {/* Stats Cards */}
           <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-4">
-            {stats.map((stat) => {
+            {landingStats.map((stat) => {
               const Icon = stat.icon;
 
               return (
diff --git a/features/landing/testimonials.tsx b/features/landing/testimonials.tsx
index bbe19d4..9753d33 100644
--- a/features/landing/testimonials.tsx
+++ b/features/landing/testimonials.tsx
@@ -1,103 +1,32 @@
 "use client";
 
-import { motion } from "framer-motion";
-import { Quote, Star } from "lucide-react";
-
-const testimonials = [
-  {
-    name: "Aman Verma",
-    role: "B.Tech AIML Student",
-    university: "RGPV",
-    review:
-      "The syllabus mapping and AI-generated explanations saved me countless hours during exam preparation. Everything is structured exactly how a student needs it.",
-  },
-  {
-    name: "Priya Sharma",
-    role: "B.Tech CSE Student",
-    university: "RGPV",
-    review:
-      "Instead of searching multiple websites, I can find PYQs, topic notes, and explanations in one place. The AI tutor is especially useful before exams.",
-  },
-  {
-    name: "Rahul Patel",
-    role: "B.Tech CSIT Student",
-    university: "RGPV",
-    review:
-      "The biggest advantage is the connection between syllabus topics and previous year questions. It helps me focus only on what actually matters.",
-  },
-  {
-    name: "Nitin Pandey",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "Hyper Learning has completely transformed how I prepare for my exams. The AI-powered insights are incredibly accurate and helpful.",
-  },
-  {
-    name: "Ramoo Kachhee",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "The platform is a game-changer for engineering students. I can now access all my study materials in one place without any hassle.",
-  },
-  {
-    name: "Rayush Bisen",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "I love how the AI breaks down complex topics into simple explanations. It makes learning so much easier and more enjoyable.",
-  },
-  {
-    name: "Vivek Patel",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "The previous year questions and syllabus mapping are spot on. I feel much more confident going into my exams now.",
-  },
-  {
-    name: "Shivam Gurjar",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "This is exactly what every engineering student needs. The AI tutor is like having a personal teacher available 24/7.",
-  },
-  {
-    name: "Shalini Ade",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "Hyper Learning has made studying so much more efficient. I can focus on what really matters for my exams.",
-  },
-  {
-    name: "Satyam Mishra",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "The platform is intuitive and the AI-generated notes are top-notch. Highly recommend it to all engineering students.",
-  },
-  {
-    name: "Manas",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "I've never seen such a comprehensive learning tool before. It covers everything from syllabus to PYQs in one place.",
-  },
-  {
-    name: "Prince Dhote",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "The AI explanations are a lifesaver during exam preparation. It helps me understand concepts that I previously struggled with.",
-  },
-  {
-    name: "Saubhagya Chaurasiya",
-    role: "B.Tech Student",
-    university: "RGPV",
-    review:
-      "Hyper Learning is the future of engineering education. The seamless integration of AI with learning is truly impressive.",
-  },
-];
+import { useState, useEffect } from "react";
+import { motion, useAnimation, useReducedMotion } from "framer-motion";
+import { Quote, Star, Pause, Play } from "lucide-react";
+
+import { landingTestimonials } from "@/lib/data/landing";
 
 export default function Testimonials() {
+  const [isPaused, setIsPaused] = useState(false);
+  const shouldReduceMotion = useReducedMotion();
+  const controls = useAnimation();
+
+  useEffect(() => {
+    if (shouldReduceMotion) return;
+    if (isPaused) {
+      controls.stop();
+    } else {
+      controls.start({
+        x: ["0%", "-50%"],
+        transition: {
+          duration: 40,
+          repeat: Infinity,
+          ease: "linear",
+        }
+      });
+    }
+  }, [isPaused, shouldReduceMotion, controls]);
+
   return (
     <section className="relative overflow-hidden border-b border-border bg-background py-24">
       {/* Background Glows - No grid pattern */}
@@ -131,18 +60,23 @@ export default function Testimonials() {
 
         {/* Testimonials */}
         <div className="relative overflow-hidden">
+          <div className="absolute right-4 top-0 z-20 mb-4">
+            <button
+              onClick={() => setIsPaused(!isPaused)}
+              className="flex items-center gap-2 rounded-full border border-border bg-background/80 px-4 py-2 text-sm font-medium text-foreground backdrop-blur-sm transition-colors hover:bg-muted/80"
+              aria-label={isPaused ? "Play testimonials" : "Pause testimonials"}
+            >
+              {isPaused ? <Play className="h-4 w-4" /> : <Pause className="h-4 w-4" />}
+              <span className="sr-only sm:not-sr-only">{isPaused ? "Play" : "Pause"}</span>
+            </button>
+          </div>
           <motion.div
             initial={{ x: 0 }}
-            animate={{ x: "-50%" }}
-            transition={{
-              duration: 40,
-              repeat: Infinity,
-              ease: "linear",
-            }}
-            className="flex gap-6"
+            animate={shouldReduceMotion ? { x: 0 } : controls}
+            className="flex gap-6 pt-12"
             style={{ width: "max-content" }}
           >
-            {[...testimonials, ...testimonials].map((testimonial, index) => (
+            {[...landingTestimonials, ...landingTestimonials].map((testimonial, index) => (
               <div
                 key={`${testimonial.name}-${index}`}
                 className="group relative w-[320px] flex-shrink-0 overflow-hidden rounded-3xl border border-border bg-background/90 p-6 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
@@ -154,7 +88,7 @@ export default function Testimonials() {
 
                 {/* Quote */}
                 <div className="relative z-10 mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-blue-100 bg-blue-50 text-[#1D4ED8] dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400">
-                  <Quote className="h-5 w-5" />
+                  <Quote className="h-5 w-5" aria-hidden="true" />
                 </div>
 
                 {/* Rating */}
@@ -163,6 +97,7 @@ export default function Testimonials() {
                     <Star
                       key={idx}
                       className="h-4 w-4 fill-yellow-400 text-yellow-400"
+                      aria-hidden="true"
                     />
                   ))}
                 </div>
diff --git a/features/landing/universities.tsx b/features/landing/universities.tsx
index a0fda91..7bb6af4 100644
--- a/features/landing/universities.tsx
+++ b/features/landing/universities.tsx
@@ -1,8 +1,9 @@
 "use client";
 
 import Link from "next/link";
-import { motion } from "framer-motion";
-import { GraduationCap, ArrowRight, Sparkles } from "lucide-react";
+import { useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { GraduationCap, ArrowRight, Sparkles, Search } from "lucide-react";
 
 const universities = [
   {
@@ -38,6 +39,18 @@ const universities = [
 ];
 
 export default function Universities() {
+  const [searchQuery, setSearchQuery] = useState("");
+
+  const filteredUniversities = universities.filter((uni) => {
+    const query = searchQuery.toLowerCase();
+    return (
+      uni.name.toLowerCase().includes(query) ||
+      uni.fullName.toLowerCase().includes(query) ||
+      uni.description.toLowerCase().includes(query) ||
+      uni.branches.some((branch) => branch.toLowerCase().includes(query))
+    );
+  });
+
   return (
     <section
       id="Universities"
@@ -77,20 +90,42 @@ export default function Universities() {
           </p>
         </motion.div>
 
+        {/* Search Bar */}
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5, delay: 0.1 }}
+          viewport={{ once: true }}
+          className="mx-auto mb-16 max-w-2xl"
+        >
+          <div className="relative group">
+            <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none">
+              <Search className="h-5 w-5 text-muted-foreground group-focus-within:text-[#1D4ED8] transition-colors" />
+            </div>
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Search universities by name, branch, or location..."
+              className="w-full rounded-2xl border border-border bg-background/50 py-4 pl-12 pr-4 text-sm text-foreground shadow-sm backdrop-blur-md transition-all focus:border-[#1D4ED8] focus:outline-none focus:ring-1 focus:ring-[#1D4ED8]"
+            />
+          </div>
+        </motion.div>
+
         {/* Cards */}
-        <div className="grid gap-8 lg:grid-cols-3">
-          {universities.map((university, index) => (
-            <motion.div
-              key={university.id}
-              initial={{ opacity: 0, y: 25 }}
-              whileInView={{ opacity: 1, y: 0 }}
-              transition={{
-                duration: 0.5,
-                delay: index * 0.1,
-              }}
-              viewport={{ once: true }}
-              className="group relative overflow-hidden rounded-3xl border border-border bg-background/80 p-8 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
-            >
+        <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+          <AnimatePresence mode="popLayout">
+            {filteredUniversities.length > 0 ? (
+              filteredUniversities.map((university, index) => (
+                <motion.div
+                  layout
+                  key={university.id}
+                  initial={{ opacity: 0, scale: 0.9 }}
+                  animate={{ opacity: 1, scale: 1 }}
+                  exit={{ opacity: 0, scale: 0.9 }}
+                  transition={{ duration: 0.3 }}
+                  className="group relative overflow-hidden rounded-3xl border border-border bg-background/80 p-8 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
+                >
               {/* Hover Glow */}
               <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
                 <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100 blur-3xl dark:bg-blue-500/20" />
@@ -154,7 +189,23 @@ export default function Universities() {
                 )}
               </div>
             </motion.div>
-          ))}
+              ))
+            ) : (
+              <motion.div
+                layout
+                initial={{ opacity: 0 }}
+                animate={{ opacity: 1 }}
+                exit={{ opacity: 0 }}
+                className="col-span-full py-12 text-center"
+              >
+                <div className="inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-muted/50 mb-4">
+                  <Search className="h-8 w-8 text-muted-foreground" />
+                </div>
+                <h3 className="text-xl font-semibold text-foreground">No universities found</h3>
+                <p className="mt-2 text-muted-foreground">Try adjusting your search query.</p>
+              </motion.div>
+            )}
+          </AnimatePresence>
         </div>
       </div>
     </section>
diff --git a/hooks/use-debounce.ts b/hooks/use-debounce.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/lib/academic.ts b/lib/academic.ts
deleted file mode 100644
index 2cce248..0000000
--- a/lib/academic.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { subjects } from "./data/subjects";
-import { syllabus } from "./data/syllabus";
-import { pyqs } from "./data/pyqs";
-
-export function getSubject(slug: string) {
-  return subjects.find((s) => s.slug === slug);
-}
-
-export function getSubjectSyllabus(slug: string) {
-  return syllabus[slug as keyof typeof syllabus];
-}
-
-export function getSubjectPYQs(slug: string) {
-  return pyqs[slug as keyof typeof pyqs];
-}
diff --git a/lib/api-endpoints.ts b/lib/api-endpoints.ts
new file mode 100644
index 0000000..2c5e810
--- /dev/null
+++ b/lib/api-endpoints.ts
@@ -0,0 +1,4 @@
+export const API_ENDPOINTS = {
+  AI_WORKSPACE: "/api/ai/workspace",
+  AI_ANSWER: "/api/ai/answer",
+};
diff --git a/lib/constants.ts b/lib/constants.ts
new file mode 100644
index 0000000..19233c0
--- /dev/null
+++ b/lib/constants.ts
@@ -0,0 +1,6 @@
+export const LAYOUT = {
+  section: "relative overflow-hidden border-b border-border bg-background py-16 md:py-20 lg:py-24",
+  container: "mx-auto max-w-7xl px-6 lg:px-8",
+  sectionHeader: "mx-auto mb-16 max-w-3xl text-center",
+  badge: "inline-flex items-center gap-2 rounded-full border border-blue-200/60 bg-blue-50/80 px-4 py-2 text-sm font-semibold text-blue-700 shadow-sm backdrop-blur-md dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400",
+};
diff --git a/lib/content/syllabus.ts b/lib/content/index.ts
similarity index 52%
rename from lib/content/syllabus.ts
rename to lib/content/index.ts
index 110f0fb..e5d04ef 100644
--- a/lib/content/syllabus.ts
+++ b/lib/content/index.ts
@@ -29,3 +29,32 @@ export async function getSyllabus(
     return null;
   }
 }
+
+export async function getPYQs(
+  branch: string,
+  semester: string,
+  subjectCode: string
+) {
+  try {
+    const filePath = path.join(
+      process.cwd(),
+      "content",
+      "rgpv",
+      branch.toLowerCase(),
+      semester.toLowerCase(),
+      subjectCode.toLowerCase(),
+      "pyqs.json"
+    );
+
+    const file = await fs.readFile(filePath, "utf8");
+
+    return JSON.parse(file);
+  } catch (error) {
+    console.error(
+      `Failed to load PYQs for ${branch}/${semester}/${subjectCode}`,
+      error
+    );
+
+    return null;
+  }
+}
diff --git a/lib/content/pyqs.ts b/lib/content/pyqs.ts
deleted file mode 100644
index 85728ea..0000000
--- a/lib/content/pyqs.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import fs from "fs/promises";
-import path from "path";
-
-export async function getPYQs(
-  branch: string,
-  semester: string,
-  subjectCode: string
-) {
-  try {
-    const filePath = path.join(
-      process.cwd(),
-      "content",
-      "rgpv",
-      branch.toLowerCase(),
-      semester.toLowerCase(),
-      subjectCode.toLowerCase(),
-      "pyqs.json"
-    );
-
-    const file = await fs.readFile(filePath, "utf8");
-
-    return JSON.parse(file);
-  } catch (error) {
-    console.error(
-      `Failed to load PYQs for ${branch}/${semester}/${subjectCode}`,
-      error
-    );
-
-    return null;
-  }
-}
diff --git a/lib/content/rgpv.ts b/lib/content/rgpv.ts
deleted file mode 100644
index 72a6e27..0000000
--- a/lib/content/rgpv.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import fs from "fs/promises";
-import path from "path";
-
-export async function getSyllabus(
-  branch: string,
-  semester: string,
-  subject: string
-) {
-  const filePath = path.join(
-    process.cwd(),
-    "content",
-    "rgpv",
-    branch,
-    semester,
-    subject,
-    "syllabus.json"
-  );
-
-  const data = await fs.readFile(filePath, "utf8");
-
-  return JSON.parse(data);
-}
-
-export async function getPYQs(
-  branch: string,
-  semester: string,
-  subject: string
-) {
-  const filePath = path.join(
-    process.cwd(),
-    "content",
-    "rgpv",
-    branch,
-    semester,
-    subject,
-    "pyqs.json"
-  );
-
-  const data = await fs.readFile(filePath, "utf8");
-
-  return JSON.parse(data);
-}
diff --git a/lib/data/index.ts b/lib/data/index.ts
index 9bbd004..7468cf0 100644
--- a/lib/data/index.ts
+++ b/lib/data/index.ts
@@ -1,3 +1,7 @@
+export * from "./branches";
+export * from "./subjects";
+export * from "./universities";
+
 import { subjects } from "./subjects";
 
 export function getSubjectsBySemester(semesterId: string) {
diff --git a/lib/data/landing.ts b/lib/data/landing.ts
new file mode 100644
index 0000000..4c3b29a
--- /dev/null
+++ b/lib/data/landing.ts
@@ -0,0 +1,210 @@
+import {
+  Search,
+  Bookmark,
+  GraduationCap,
+  Layers3,
+  Workflow,
+  ShieldCheck,
+  FileText,
+  BookOpen,
+  BrainCircuit,
+} from "lucide-react";
+
+export const landingFeatures = [
+  {
+    icon: Layers3,
+    title: "Multi-University Support",
+    description:
+      "Access curriculum structures, subjects, resources, and academic content across multiple universities from a single platform.",
+  },
+  {
+    icon: Search,
+    title: "Unified Smart Search",
+    description:
+      "Instantly search universities, subjects, units, topics, papers, notes, and learning resources through one powerful search experience.",
+  },
+  {
+    icon: Workflow,
+    title: "Connected Learning Journey",
+    description:
+      "Navigate seamlessly from syllabus topics to notes, related questions, explanations, and revision resources without losing context.",
+  },
+  {
+    icon: Bookmark,
+    title: "Personal Study Space",
+    description:
+      "Save important topics, resources, and study materials to create your own personalized learning dashboard.",
+  },
+  {
+    icon: GraduationCap,
+    title: "Structured Academic Experience",
+    description:
+      "Designed specifically for higher education workflows with organized content, semester structures, and subject-level navigation.",
+  },
+  {
+    icon: ShieldCheck,
+    title: "Reliable Learning Resources",
+    description:
+      "Content is curated and organized to provide a distraction-free environment focused entirely on learning and preparation.",
+  },
+];
+
+export const landingStats = [
+  {
+    title: "500+",
+    subtitle: "Previous Year Questions",
+    icon: FileText,
+  },
+  {
+    title: "200+",
+    subtitle: "Topic-Wise AI Notes",
+    icon: BookOpen,
+  },
+  {
+    title: "24/7",
+    subtitle: "AI Learning Assistant",
+    icon: BrainCircuit,
+  },
+  {
+    title: "100%",
+    subtitle: "Syllabus Coverage",
+    icon: GraduationCap,
+  },
+];
+
+export const landingTestimonials = [
+  {
+    name: "Aman Verma",
+    role: "B.Tech AIML Student",
+    university: "RGPV",
+    review:
+      "The syllabus mapping and AI-generated explanations saved me countless hours during exam preparation. Everything is structured exactly how a student needs it.",
+  },
+  {
+    name: "Priya Sharma",
+    role: "B.Tech CSE Student",
+    university: "RGPV",
+    review:
+      "Instead of searching multiple websites, I can find PYQs, topic notes, and explanations in one place. The AI tutor is especially useful before exams.",
+  },
+  {
+    name: "Rahul Patel",
+    role: "B.Tech CSIT Student",
+    university: "RGPV",
+    review:
+      "The biggest advantage is the connection between syllabus topics and previous year questions. It helps me focus only on what actually matters.",
+  },
+  {
+    name: "Nitin Pandey",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "Hyper Learning has completely transformed how I prepare for my exams. The AI-powered insights are incredibly accurate and helpful.",
+  },
+  {
+    name: "Ramoo Kachhee",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "The platform is a game-changer for engineering students. I can now access all my study materials in one place without any hassle.",
+  },
+  {
+    name: "Rayush Bisen",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "I love how the AI breaks down complex topics into simple explanations. It makes learning so much easier and more enjoyable.",
+  },
+  {
+    name: "Vivek Patel",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "The previous year questions and syllabus mapping are spot on. I feel much more confident going into my exams now.",
+  },
+  {
+    name: "Shivam Gurjar",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "This is exactly what every engineering student needs. The AI tutor is like having a personal teacher available 24/7.",
+  },
+  {
+    name: "Shalini Ade",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "Hyper Learning has made studying so much more efficient. I can focus on what really matters for my exams.",
+  },
+  {
+    name: "Satyam Mishra",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "The platform is intuitive and the AI-generated notes are top-notch. Highly recommend it to all engineering students.",
+  },
+  {
+    name: "Manas",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "I've never seen such a comprehensive learning tool before. It covers everything from syllabus to PYQs in one place.",
+  },
+  {
+    name: "Prince Dhote",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "The AI explanations are a lifesaver during exam preparation. It helps me understand concepts that I previously struggled with.",
+  },
+  {
+    name: "Saubhagya Chaurasiya",
+    role: "B.Tech Student",
+    university: "RGPV",
+    review:
+      "Hyper Learning is the future of engineering education. The seamless integration of AI with learning is truly impressive.",
+  },
+];
+
+export const landingFaqs = [
+  {
+    question: "What is Hyper Learning?",
+    answer:
+      "Hyper Learning is an AI-powered learning platform designed to help engineering students learn smarter through syllabus mapping, previous year questions, AI-generated notes, and interactive learning experiences.",
+  },
+  {
+    question: "Is Hyper Learning only for RGPV students?",
+    answer:
+      "Currently, Hyper Learning focuses on RGPV engineering students. However, the platform is being designed to support multiple universities in the future.",
+  },
+  {
+    question: "How does the AI Tutor work?",
+    answer:
+      "Students can open any syllabus topic and receive AI-generated explanations, examples, summaries, and revision notes. They can also ask follow-up questions for deeper understanding.",
+  },
+  {
+    question: "Are the AI-generated answers exam-oriented?",
+    answer:
+      "Yes. Hyper Learning is optimized for engineering exam preparation. Answers are structured to help students understand concepts and prepare effectively for university examinations.",
+  },
+  {
+    question: "How are Previous Year Questions organized?",
+    answer:
+      "Questions are mapped directly to syllabus units and topics, making it easier to identify important concepts and prepare strategically for exams.",
+  },
+  {
+    question: "Do I need to create an account?",
+    answer:
+      "No. Most content can be accessed without an account. However, creating an account unlocks bookmarks, progress tracking, personalized learning, and future premium features.",
+  },
+  {
+    question: "Is Hyper Learning free to use?",
+    answer:
+      "The core learning features are free. Additional advanced features may be introduced in the future while keeping educational accessibility as a priority.",
+  },
+  {
+    question: "Can I contribute papers or learning resources?",
+    answer:
+      "Yes. Approved contributors and administrators can upload question papers, improve content quality, and help expand educational resources on the platform.",
+  },
+];
diff --git a/lib/data/pyqs.ts b/lib/data/pyqs.ts
deleted file mode 100644
index ceb5c06..0000000
--- a/lib/data/pyqs.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export const pyqs = {
-  "bt-201": [
-    {
-      year: "2025",
-      session: "December",
-    },
-
-    {
-      year: "2024",
-      session: "June",
-    },
-  ],
-
-  "bt-202": [
-    {
-      year: "2025",
-      session: "December",
-    },
-  ],
-};
diff --git a/lib/data/semesters.ts b/lib/data/semesters.ts
deleted file mode 100644
index 14b6b95..0000000
--- a/lib/data/semesters.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-// lib/data/semesters.ts
-
-import { branches } from "./branches";
-
-// Define which branches have which semesters
-const branchSemesterConfig = {
-  common: { start: 1, end: 2, prefix: "" },
-  aiml: { start: 3, end: 8, prefix: "aiml" },
-  cse: { start: 3, end: 8, prefix: "cse" },
-  csit: { start: 3, end: 8, prefix: "csit" },
-  cy: { start: 3, end: 8, prefix: "cy" },
-  ec: { start: 3, end: 8, prefix: "ec" },
-  me: { start: 3, end: 8, prefix: "me" },
-};
-
-// Generate semesters programmatically
-export const semesters = branches.flatMap((branch) => {
-  const config =
-    branchSemesterConfig[branch.id as keyof typeof branchSemesterConfig];
-  if (!config) return [];
-
-  const { start, end, prefix } = config;
-  const branchSemesters = [];
-
-  for (let i = start; i <= end; i++) {
-    const slug = prefix ? `semester-${i}-${prefix}` : `semester-${i}`;
-    branchSemesters.push({
-      id: slug,
-      branchId: branch.id,
-      name: `Semester ${i}`,
-      slug: slug,
-      semesterNumber: i,
-    });
-  }
-
-  return branchSemesters;
-});
-
-// Helper function to get semesters for a specific branch
-export function getSemestersByBranch(branchId: string) {
-  return semesters.filter((semester) => semester.branchId === branchId);
-}
-
-// Helper function to get semester by slug
-export function getSemesterBySlug(slug: string) {
-  return semesters.find((semester) => semester.slug === slug);
-}
diff --git a/lib/data/syllabus.ts b/lib/data/syllabus.ts
deleted file mode 100644
index 69b3d61..0000000
--- a/lib/data/syllabus.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export const syllabus = {
-  "bt-201": [
-    {
-      unit: "Unit 1",
-      topics: ["Wave Optics", "Interference", "Diffraction"],
-    },
-
-    {
-      unit: "Unit 2",
-      topics: ["Laser", "Fiber Optics"],
-    },
-  ],
-
-  "bt-202": [
-    {
-      unit: "Unit 1",
-      topics: ["Matrices", "Determinants"],
-    },
-  ],
-};
diff --git a/lib/export-utils.ts b/lib/export-utils.ts
new file mode 100644
index 0000000..2b6bdc7
--- /dev/null
+++ b/lib/export-utils.ts
@@ -0,0 +1,116 @@
+export function downloadMarkdown(answer: string) {
+  const blob = new Blob([answer], {
+    type: "text/markdown",
+  });
+
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = `hyper-ai-answer-${Date.now()}.md`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+export function downloadPDF(answer: string) {
+  const printWindow = window.open("", "_blank");
+  if (!printWindow) {
+    alert("Please allow popups to download PDF");
+    return;
+  }
+
+  const isDark = document.documentElement.classList.contains("dark");
+  const bgColor = isDark ? "#0a0a0a" : "#ffffff";
+  const textColor = isDark ? "#e5e7eb" : "#1a1a1a";
+  const borderColor = isDark ? "#1f2937" : "#e5e7eb";
+  const codeBg = isDark ? "#1a1a1a" : "#f3f4f6";
+  const tableHeaderBg = isDark ? "#1f2937" : "#f3f4f6";
+
+  printWindow.document.write(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>Hyper AI Answer</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <style>
+          * { margin: 0; padding: 0; box-sizing: border-box; }
+          body {
+            padding: 40px 24px;
+            max-width: 900px;
+            margin: 0 auto;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background: ${bgColor};
+            color: ${textColor};
+            line-height: 1.8;
+          }
+          .prose { max-width: 100%; }
+          .prose h1 { font-size: 28px; font-weight: 700; margin-bottom: 20px; margin-top: 32px; border-bottom: 2px solid ${borderColor}; padding-bottom: 12px; }
+          .prose h2 { font-size: 24px; font-weight: 600; margin-bottom: 16px; margin-top: 28px; color: #2563eb; border-left: 4px solid #2563eb; padding-left: 16px; }
+          .prose h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; margin-top: 24px; color: #0891b2; }
+          .prose h4 { font-size: 18px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; color: #059669; }
+          .prose p { font-size: 16px; line-height: 1.9; margin-bottom: 16px; }
+          .prose ul { padding-left: 28px; margin-bottom: 16px; }
+          .prose ol { padding-left: 28px; margin-bottom: 16px; }
+          .prose li { line-height: 1.9; margin-bottom: 6px; }
+          .prose table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
+          .prose th, .prose td { border: 1px solid ${borderColor}; padding: 10px 14px; text-align: left; }
+          .prose th { background: ${tableHeaderBg}; font-weight: 600; }
+          .prose blockquote { border-left: 4px solid #2563eb; padding-left: 20px; margin: 20px 0; color: #6b7280; font-style: italic; background: ${isDark ? "rgba(37, 99, 235, 0.05)" : "rgba(37, 99, 235, 0.03)"}; padding: 8px 20px; border-radius: 0 8px 8px 0; }
+          .prose code { background: ${codeBg}; padding: 2px 8px; border-radius: 4px; font-size: 14px; font-family: "Courier New", monospace; color: #2563eb; }
+          .prose pre { background: ${isDark ? "#1a1a1a" : "#1a1a1a"}; color: #e5e7eb; padding: 20px; border-radius: 8px; overflow-x: auto; margin: 20px 0; border: 1px solid ${borderColor}; }
+          .prose pre code { background: transparent; color: #e5e7eb; padding: 0; font-size: 14px; }
+          .prose hr { border: none; border-top: 1px solid ${borderColor}; margin: 28px 0; }
+          .prose strong { font-weight: 600; color: ${isDark ? "#ffffff" : "#111827"}; }
+          .prose img { max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0; }
+          .katex-display { margin: 16px 0; overflow-x: auto; padding: 8px 0; }
+          .katex { font-size: 1.1em; }
+          @media print {
+            body { padding: 20px; }
+            .prose h1 { page-break-after: avoid; }
+            .prose h2 { page-break-after: avoid; }
+            .prose h3 { page-break-after: avoid; }
+            .prose table { page-break-inside: avoid; }
+            .prose pre { page-break-inside: avoid; }
+            .prose blockquote { page-break-inside: avoid; }
+          }
+          @media (max-width: 600px) {
+            body { padding: 20px 16px; }
+            .prose h1 { font-size: 22px; }
+            .prose h2 { font-size: 20px; }
+            .prose h3 { font-size: 18px; }
+            .prose p { font-size: 15px; }
+            .prose table { font-size: 13px; }
+            .prose th, .prose td { padding: 6px 10px; }
+          }
+        </style>
+        <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" />
+        <script>
+          document.addEventListener('DOMContentLoaded', function() {
+            // Render KaTeX math
+            const mathElements = document.querySelectorAll('.math, .katex-math');
+            mathElements.forEach(function(el) {
+              try {
+                const display = el.classList.contains('display') || el.tagName === 'DIV';
+                katex.render(el.textContent, el, { displayMode: display, throwOnError: false });
+              } catch(e) {
+                console.warn('KaTeX error:', e);
+              }
+            });
+          });
+        </script>
+      </head>
+      <body>
+        <div class="prose" id="pdf-content"></div>
+        <script>
+          setTimeout(function() {
+            window.print();
+          }, 500);
+        </script>
+      </body>
+    </html>
+  `);
+
+  printWindow.document.getElementById("pdf-content")!.textContent = answer;
+  printWindow.document.close();
+}
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..a5ef193
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/package-lock.json b/package-lock.json
index 25a2a7c..f2dfd36 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,12 +12,14 @@
         "@google/genai": "^2.10.0",
         "@hookform/resolvers": "^5.4.0",
         "@prisma/client": "^7.8.0",
+        "@radix-ui/react-dialog": "^1.1.17",
         "@sentry/nextjs": "^10.58.0",
         "@upstash/redis": "^1.38.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "crypto-js": "^4.2.0",
         "framer-motion": "^12.40.0",
+        "geist": "^1.7.2",
         "html2pdf.js": "^0.14.0",
         "katex": "^0.17.0",
         "lucide-react": "^1.20.0",
@@ -35,6 +37,7 @@
         "remark-gfm": "^4.0.1",
         "remark-math": "^6.0.0",
         "resend": "^6.12.4",
+        "sonner": "^2.0.7",
         "tailwind-merge": "^3.6.0",
         "zod": "^4.4.3"
       },
@@ -1819,6 +1822,522 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.4.tgz",
+      "integrity": "sha512-QwH4PO5urrbO+FaGd5Aglg+YJgWTyyuZ3g/6mKvsqraLkglDdckw9JafgL5McL5VEJ6EPNduPaT3ZE9BttDAqg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.17.tgz",
+      "integrity": "sha512-TDTYmpdq8dI2+Xgvgj9AJ8Ghqq+Eph/TRVEdaFQPDItIY+6QSkU7MJMeevw1568Yw/2Ijz8BTphPSP2XejKphw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.4",
+        "@radix-ui/react-compose-refs": "1.1.3",
+        "@radix-ui/react-context": "1.1.4",
+        "@radix-ui/react-dismissable-layer": "1.1.13",
+        "@radix-ui/react-focus-guards": "1.1.4",
+        "@radix-ui/react-focus-scope": "1.1.10",
+        "@radix-ui/react-id": "1.1.2",
+        "@radix-ui/react-portal": "1.1.12",
+        "@radix-ui/react-presence": "1.1.6",
+        "@radix-ui/react-primitive": "2.1.6",
+        "@radix-ui/react-slot": "1.3.0",
+        "@radix-ui/react-use-controllable-state": "1.2.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/primitive": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.4.tgz",
+      "integrity": "sha512-7AdCK9PQyiljKoBDbN8OuctCbd/esdwZPQ8RtOE3SsyQtUpiPb+ND75q0jEhC1m1ecBI0MFNeLJvwIh9iKHRcQ==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.3.tgz",
+      "integrity": "sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.6.tgz",
+      "integrity": "sha512-wetd0QI77DbvrPpTAvH1SqOxsYF2wZe5TNxqwOd5Ty4XDpV3dpV0s8K/1MGMJBeY5o7lg8ub5VIt1Ub+yVen6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.0.tgz",
+      "integrity": "sha512-MojKku4U/miO8Av4Dkb+ctMAQx7JmY96LmtDQlAarCRtd7rN52QCSzBF+XAvr5S6coSVj9HEPBgHAHKEJVk/WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.3.tgz",
+      "integrity": "sha512-PLzC90MS+ReootmjC597dvopoelpZ8Q61HJkDXZSExitIq7PL55vHNnesAHwguHK0aPfBnpdNzQtv1uliaqQrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.3",
+        "@radix-ui/react-use-layout-effect": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.3.tgz",
+      "integrity": "sha512-6c8ZqvPTWILEKnyVkP53EGRCcpnJiKTC21sS/6R1GF5xKyHJJWQEPfkqlcgUkdRQivd6tb23abUwe4ngWmY0JA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.13.tgz",
+      "integrity": "sha512-2v+zNAWWe0ySxgC0D0yeXMPQ23xZVgXZTerTz+JKlmdRj6gfTqmCcR29jb6d290DezXPGgruHWDX/vYUebtErg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.4",
+        "@radix-ui/react-compose-refs": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.6",
+        "@radix-ui/react-use-callback-ref": "1.1.2",
+        "@radix-ui/react-use-escape-keydown": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.4.tgz",
+      "integrity": "sha512-7AdCK9PQyiljKoBDbN8OuctCbd/esdwZPQ8RtOE3SsyQtUpiPb+ND75q0jEhC1m1ecBI0MFNeLJvwIh9iKHRcQ==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.3.tgz",
+      "integrity": "sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.6.tgz",
+      "integrity": "sha512-wetd0QI77DbvrPpTAvH1SqOxsYF2wZe5TNxqwOd5Ty4XDpV3dpV0s8K/1MGMJBeY5o7lg8ub5VIt1Ub+yVen6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.0.tgz",
+      "integrity": "sha512-MojKku4U/miO8Av4Dkb+ctMAQx7JmY96LmtDQlAarCRtd7rN52QCSzBF+XAvr5S6coSVj9HEPBgHAHKEJVk/WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.4.tgz",
+      "integrity": "sha512-cot/aB/mOm0IYVYTTmQcEEK1M48lZWi8FlYe5nDPQQ8NYZUlXEFgncJ9p2Kzer3RKSrY7cTTpEMLZKNo9QoP5Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.10.tgz",
+      "integrity": "sha512-Fas/lXQqhVvqwAb64s5RFeHiHYElZ6SUQbZaNd6EkfhP/Al7wTIQ9WIR4QVX475tlu5yFCEdDcJH6/UwsZjMWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.6",
+        "@radix-ui/react-use-callback-ref": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.3.tgz",
+      "integrity": "sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.6.tgz",
+      "integrity": "sha512-wetd0QI77DbvrPpTAvH1SqOxsYF2wZe5TNxqwOd5Ty4XDpV3dpV0s8K/1MGMJBeY5o7lg8ub5VIt1Ub+yVen6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.0.tgz",
+      "integrity": "sha512-MojKku4U/miO8Av4Dkb+ctMAQx7JmY96LmtDQlAarCRtd7rN52QCSzBF+XAvr5S6coSVj9HEPBgHAHKEJVk/WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.2.tgz",
+      "integrity": "sha512-orBC88futVpqCmhX1p4cvquNHsELQ+w+vBJnuj3ftETI5bJb0bZn3Tqu3SWN2IOcPycTnMGnhwoermvISt72sA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.12.tgz",
+      "integrity": "sha512-m309havGzsjLHHaIX50G5PlvRs3xkgPCsGk/5PTvYm8D5q33yG0J7w/712PTOhid7NTaFETtnSXjngHQavvhVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.6",
+        "@radix-ui/react-use-layout-effect": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.3.tgz",
+      "integrity": "sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.6.tgz",
+      "integrity": "sha512-wetd0QI77DbvrPpTAvH1SqOxsYF2wZe5TNxqwOd5Ty4XDpV3dpV0s8K/1MGMJBeY5o7lg8ub5VIt1Ub+yVen6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.0.tgz",
+      "integrity": "sha512-MojKku4U/miO8Av4Dkb+ctMAQx7JmY96LmtDQlAarCRtd7rN52QCSzBF+XAvr5S6coSVj9HEPBgHAHKEJVk/WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.6.tgz",
+      "integrity": "sha512-zdTk4PlUO0E18HnZ3wYbW0KkJJxWCdiNYp6g6X1PtONFhxVkg01vliTJAmwIszU6mHiyBOoW9P0rAugl5/hULQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-primitive": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
@@ -1885,6 +2404,21 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.2.tgz",
+      "integrity": "sha512-xCso9j1/u8sEgP1RNHjFrXJLApL8LiqOkI1R4ywuN00rxWdYg4oQXuwKLS3i0j5NWLromUD27/4nlxj2UFVvIw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-controllable-state": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
@@ -1922,6 +2456,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.2.tgz",
+      "integrity": "sha512-2uVLvLjgO7NZCWw01/FdqRwmA42J0BcjPMUCA+koFEOAb+zjqIP7SiFz/7zWPrKnVmSqr76Omq2ALyCuX4dhLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-layout-effect": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
@@ -4183,6 +4735,18 @@
       "dev": true,
       "license": "Python-2.0"
     },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/aria-query": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
@@ -5137,6 +5701,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
     "node_modules/devlop": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
@@ -6351,6 +6921,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/geist": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/geist/-/geist-1.7.2.tgz",
+      "integrity": "sha512-Gu5lDFa3pLRyoBlBPf0QIFHVdWAnpco7fS1bJm41jyLPFoguBgiubseUN2oLXMgqZ7uxAxDoXcHMhCY/fOTTgg==",
+      "license": "SIL OPEN FONT LICENSE",
+      "peerDependencies": {
+        "next": ">=13.2.0"
+      }
+    },
     "node_modules/generate-function": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
@@ -6404,6 +6983,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/get-port-please": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/get-port-please/-/get-port-please-3.2.0.tgz",
@@ -10264,6 +10852,75 @@
         "react": ">=18"
       }
     },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
@@ -11036,6 +11693,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/sonner": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -11992,6 +12659,49 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/utrie": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
diff --git a/package.json b/package.json
index b89b7e5..9e0f4b3 100644
--- a/package.json
+++ b/package.json
@@ -17,12 +17,14 @@
     "@google/genai": "^2.10.0",
     "@hookform/resolvers": "^5.4.0",
     "@prisma/client": "^7.8.0",
+    "@radix-ui/react-dialog": "^1.1.17",
     "@sentry/nextjs": "^10.58.0",
     "@upstash/redis": "^1.38.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "crypto-js": "^4.2.0",
     "framer-motion": "^12.40.0",
+    "geist": "^1.7.2",
     "html2pdf.js": "^0.14.0",
     "katex": "^0.17.0",
     "lucide-react": "^1.20.0",
@@ -40,6 +42,7 @@
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "resend": "^6.12.4",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
diff --git a/types/ai.ts b/types/ai.ts
index 6e5ee67..adb7a4f 100644
--- a/types/ai.ts
+++ b/types/ai.ts
@@ -74,6 +74,7 @@ export interface WorkspaceResponse {
   answer?: string;
   cached?: boolean;
   action?: WorkspaceAction;
+  relatedTopics?: string[];
   error?: string;
 }
 

From e8a9b7662ba8b37e3e004a85a95f4d34e9c769a1 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Sat, 27 Jun 2026 00:19:09 +0530
Subject: [PATCH 2/5] Apply Prettier formatting

---
 app/(public)/page.tsx                    |  24 +++--
 app/globals.css                          |   2 +-
 components/ai/answer-viewer.tsx          |  12 +--
 components/ai/chat-mockup.tsx            |  18 ++--
 components/ai/generate-answer-button.tsx |  17 +++-
 components/ai/workspace-chat.tsx         |  17 +++-
 components/navbar.tsx                    |   6 +-
 components/syllabus/module-card.tsx      |  10 +-
 features/landing/stats.tsx               |   7 +-
 features/landing/testimonials.tsx        | 100 ++++++++++---------
 features/landing/universities.tsx        | 120 ++++++++++++-----------
 lib/constants.ts                         |   6 +-
 12 files changed, 186 insertions(+), 153 deletions(-)

diff --git a/app/(public)/page.tsx b/app/(public)/page.tsx
index 2fd796f..e5ec83b 100644
--- a/app/(public)/page.tsx
+++ b/app/(public)/page.tsx
@@ -11,12 +11,24 @@ export default function HomePage() {
   return (
     <>
       <Hero />
-      <Suspense fallback={<div className="h-40" />}><Stats /></Suspense>
-      <Suspense fallback={<div className="h-96" />}><Features /></Suspense>
-      <Suspense fallback={<div className="h-96" />}><AIDemo /></Suspense>
-      <Suspense fallback={<div className="h-96" />}><Universities /></Suspense>
-      <Suspense fallback={<div className="h-96" />}><Testimonials /></Suspense>
-      <Suspense fallback={<div className="h-96" />}><FAQ /></Suspense>
+      <Suspense fallback={<div className="h-40" />}>
+        <Stats />
+      </Suspense>
+      <Suspense fallback={<div className="h-96" />}>
+        <Features />
+      </Suspense>
+      <Suspense fallback={<div className="h-96" />}>
+        <AIDemo />
+      </Suspense>
+      <Suspense fallback={<div className="h-96" />}>
+        <Universities />
+      </Suspense>
+      <Suspense fallback={<div className="h-96" />}>
+        <Testimonials />
+      </Suspense>
+      <Suspense fallback={<div className="h-96" />}>
+        <FAQ />
+      </Suspense>
     </>
   );
 }
diff --git a/app/globals.css b/app/globals.css
index 206463f..7fad8dc 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -55,7 +55,7 @@
     background-color: hsl(var(--background));
     color: hsl(var(--foreground));
   }
-  
+
   /* Global Focus Visible */
   *:focus-visible {
     outline: 2px solid hsl(var(--ring));
diff --git a/components/ai/answer-viewer.tsx b/components/ai/answer-viewer.tsx
index d04c6a7..47a34d9 100644
--- a/components/ai/answer-viewer.tsx
+++ b/components/ai/answer-viewer.tsx
@@ -148,17 +148,13 @@ const markdownComponents = {
 
   ul({ children }: any) {
     return (
-      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2">
-        {children}
-      </ul>
+      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2">{children}</ul>
     );
   },
 
   ol({ children }: any) {
     return (
-      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2">
-        {children}
-      </ol>
+      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2">{children}</ol>
     );
   },
 
@@ -180,9 +176,7 @@ const markdownComponents = {
 
   strong({ children }: any) {
     return (
-      <strong className="font-semibold text-foreground">
-        {children}
-      </strong>
+      <strong className="font-semibold text-foreground">{children}</strong>
     );
   },
 
diff --git a/components/ai/chat-mockup.tsx b/components/ai/chat-mockup.tsx
index f486575..9ceb7f5 100644
--- a/components/ai/chat-mockup.tsx
+++ b/components/ai/chat-mockup.tsx
@@ -44,10 +44,10 @@ export default function ChatMockup() {
               </div>
 
               <p className="text-sm leading-relaxed text-foreground/80">
-                Big O notation describes how an algorithm&apos;s execution
-                time grows as input size increases. For example, Linear
-                Search has O(n) complexity because it may need to check
-                every element in the list.
+                Big O notation describes how an algorithm&apos;s execution time
+                grows as input size increases. For example, Linear Search has
+                O(n) complexity because it may need to check every element in
+                the list.
               </p>
             </div>
           </div>
@@ -68,9 +68,9 @@ export default function ChatMockup() {
               </div>
 
               <p className="text-sm leading-relaxed text-foreground/80">
-                O(log n) grows much slower than O(n). Binary Search uses
-                O(log n) because it repeatedly halves the search space,
-                making it significantly faster for large datasets.
+                O(log n) grows much slower than O(n). Binary Search uses O(log
+                n) because it repeatedly halves the search space, making it
+                significantly faster for large datasets.
               </p>
             </div>
           </div>
@@ -90,9 +90,7 @@ export default function ChatMockup() {
 
       {/* Floating Card */}
       <div className="absolute -bottom-6 -left-6 hidden rounded-2xl border border-border bg-background p-4 shadow-xl lg:block">
-        <p className="text-sm text-muted-foreground">
-          Follow-up Questions
-        </p>
+        <p className="text-sm text-muted-foreground">Follow-up Questions</p>
 
         <p className="mt-1 text-2xl font-bold text-foreground">3 / 3</p>
       </div>
diff --git a/components/ai/generate-answer-button.tsx b/components/ai/generate-answer-button.tsx
index d017c36..cfbde1a 100644
--- a/components/ai/generate-answer-button.tsx
+++ b/components/ai/generate-answer-button.tsx
@@ -75,8 +75,11 @@ export default function GenerateAnswerButton({
       console.error(err);
 
       // Demo fallback for missing environment variables
-      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || err.message.includes("Failed to fetch") || err.message.includes("generate answer");
-      
+      const isDemoMode =
+        !process.env.NEXT_PUBLIC_API_URL ||
+        err.message.includes("Failed to fetch") ||
+        err.message.includes("generate answer");
+
       if (isDemoMode) {
         setAnswer(
           `**Demo Mode Fallback Answer:**\n\nThis is a simulated AI response because the backend API is currently unavailable.\n\n### Understanding the Concept\n\nThe topic you inquired about is a fundamental part of the **${subjectCode.toUpperCase()}** curriculum. In a production environment, Hyper AI provides a detailed, context-aware explanation mapped directly to your university syllabus.\n\n* **Key Concept 1:** Highly relevant to your semester studies.\n* **Key Concept 2:** Exam-focused insight and step-by-step breakdown.\n* **Application:** Practical examples to help you understand better.\n\n> Note: This is a demo response. Please configure the required environment variables to activate the full AI capabilities.`
@@ -129,7 +132,9 @@ export default function GenerateAnswerButton({
             <>
               <RefreshCw className="h-4 w-4 animate-spin" aria-hidden="true" />
               Generating Answer...
-              <span className="sr-only" role="status" aria-live="polite">Generating answer, please wait...</span>
+              <span className="sr-only" role="status" aria-live="polite">
+                Generating answer, please wait...
+              </span>
             </>
           ) : (
             `Check Answer ${label ?? ""} with AI`
@@ -138,7 +143,11 @@ export default function GenerateAnswerButton({
       )}
 
       {error && (
-        <div className="mt-4 rounded-xl border border-red-500/20 bg-red-500/10 p-4" role="alert" aria-live="assertive">
+        <div
+          className="mt-4 rounded-xl border border-red-500/20 bg-red-500/10 p-4"
+          role="alert"
+          aria-live="assertive"
+        >
           <p className="text-sm text-red-600 dark:text-red-400">{error}</p>
         </div>
       )}
diff --git a/components/ai/workspace-chat.tsx b/components/ai/workspace-chat.tsx
index ead221b..ed82868 100644
--- a/components/ai/workspace-chat.tsx
+++ b/components/ai/workspace-chat.tsx
@@ -130,8 +130,11 @@ export default function WorkspaceChat({
         console.log("Fetch aborted");
         return;
       }
-      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || err.message.includes("Failed to fetch") || err.message.includes("Failed to get response");
-      
+      const isDemoMode =
+        !process.env.NEXT_PUBLIC_API_URL ||
+        err.message.includes("Failed to fetch") ||
+        err.message.includes("Failed to get response");
+
       if (isDemoMode) {
         const demoMessage: Message = {
           id: crypto.randomUUID(),
@@ -140,7 +143,11 @@ export default function WorkspaceChat({
           timestamp: new Date(),
         };
         setMessages((prev) => [...prev, demoMessage]);
-        setRelatedTopics(["Syllabus Mapping", "Exam Preparation", "AI Features"]);
+        setRelatedTopics([
+          "Syllabus Mapping",
+          "Exam Preparation",
+          "AI Features",
+        ]);
         setError(null);
       } else {
         setError(err instanceof Error ? err.message : "Something went wrong");
@@ -304,7 +311,9 @@ export default function WorkspaceChat({
       <div className="border-t border-border p-4 md:p-6">
         <form onSubmit={handleSubmit} className="flex gap-2">
           <div className="relative flex-1">
-            <label htmlFor="chat-input" className="sr-only">Type your question here</label>
+            <label htmlFor="chat-input" className="sr-only">
+              Type your question here
+            </label>
             <textarea
               id="chat-input"
               ref={inputRef}
diff --git a/components/navbar.tsx b/components/navbar.tsx
index b10c1d4..faf5819 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -79,10 +79,10 @@ export default function Navbar() {
   };
 
   return (
-    <header 
+    <header
       className={`sticky top-0 z-50 transition-all duration-300 ${
-        scrolled 
-          ? "border-b border-[#00008B]/20 bg-[#00008B]/95 shadow-md backdrop-blur-xl supports-[backdrop-filter]:bg-[#00008B]/80" 
+        scrolled
+          ? "border-b border-[#00008B]/20 bg-[#00008B]/95 shadow-md backdrop-blur-xl supports-[backdrop-filter]:bg-[#00008B]/80"
           : "bg-[#00008B] border-transparent"
       }`}
     >
diff --git a/components/syllabus/module-card.tsx b/components/syllabus/module-card.tsx
index 5502552..88e8672 100644
--- a/components/syllabus/module-card.tsx
+++ b/components/syllabus/module-card.tsx
@@ -47,8 +47,8 @@ export default function ModuleCard({
   return (
     <div className="rounded-3xl border border-border bg-card">
       {/* CLICKABLE HEADER */}
-      <button 
-        onClick={() => setOpen(!open)} 
+      <button
+        onClick={() => setOpen(!open)}
         aria-expanded={open}
         aria-controls={`module-content-${module.id}`}
         id={`module-button-${module.id}`}
@@ -66,7 +66,9 @@ export default function ModuleCard({
                   Module {module.number}
                 </h3>
 
-                <p className="text-base text-blue-600 md:text-lg">{module.title}</p>
+                <p className="text-base text-blue-600 md:text-lg">
+                  {module.title}
+                </p>
               </div>
             </div>
 
@@ -118,7 +120,7 @@ export default function ModuleCard({
 
       {/* COLLAPSED PYQs */}
       {open && questions.length > 0 && (
-        <div 
+        <div
           id={`module-content-${module.id}`}
           role="region"
           aria-labelledby={`module-button-${module.id}`}
diff --git a/features/landing/stats.tsx b/features/landing/stats.tsx
index 1e8ad95..eb622dd 100644
--- a/features/landing/stats.tsx
+++ b/features/landing/stats.tsx
@@ -2,12 +2,7 @@
 
 import { motion, Variants } from "framer-motion";
 
-import {
-  BrainCircuit,
-  FileText,
-  Sparkles,
-  CheckCircle2,
-} from "lucide-react";
+import { BrainCircuit, FileText, Sparkles, CheckCircle2 } from "lucide-react";
 import { landingStats } from "@/lib/data/landing";
 
 export default function Stats() {
diff --git a/features/landing/testimonials.tsx b/features/landing/testimonials.tsx
index 9753d33..61f4803 100644
--- a/features/landing/testimonials.tsx
+++ b/features/landing/testimonials.tsx
@@ -22,7 +22,7 @@ export default function Testimonials() {
           duration: 40,
           repeat: Infinity,
           ease: "linear",
-        }
+        },
       });
     }
   }, [isPaused, shouldReduceMotion, controls]);
@@ -66,8 +66,14 @@ export default function Testimonials() {
               className="flex items-center gap-2 rounded-full border border-border bg-background/80 px-4 py-2 text-sm font-medium text-foreground backdrop-blur-sm transition-colors hover:bg-muted/80"
               aria-label={isPaused ? "Play testimonials" : "Pause testimonials"}
             >
-              {isPaused ? <Play className="h-4 w-4" /> : <Pause className="h-4 w-4" />}
-              <span className="sr-only sm:not-sr-only">{isPaused ? "Play" : "Pause"}</span>
+              {isPaused ? (
+                <Play className="h-4 w-4" />
+              ) : (
+                <Pause className="h-4 w-4" />
+              )}
+              <span className="sr-only sm:not-sr-only">
+                {isPaused ? "Play" : "Pause"}
+              </span>
             </button>
           </div>
           <motion.div
@@ -76,53 +82,55 @@ export default function Testimonials() {
             className="flex gap-6 pt-12"
             style={{ width: "max-content" }}
           >
-            {[...landingTestimonials, ...landingTestimonials].map((testimonial, index) => (
-              <div
-                key={`${testimonial.name}-${index}`}
-                className="group relative w-[320px] flex-shrink-0 overflow-hidden rounded-3xl border border-border bg-background/90 p-6 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
-              >
-                {/* Hover Glow */}
-                <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                  <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100 blur-3xl dark:bg-blue-500/20" />
-                </div>
-
-                {/* Quote */}
-                <div className="relative z-10 mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-blue-100 bg-blue-50 text-[#1D4ED8] dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400">
-                  <Quote className="h-5 w-5" aria-hidden="true" />
-                </div>
-
-                {/* Rating */}
-                <div className="relative z-10 mb-4 flex gap-1">
-                  {[...Array(5)].map((_, idx) => (
-                    <Star
-                      key={idx}
-                      className="h-4 w-4 fill-yellow-400 text-yellow-400"
-                      aria-hidden="true"
-                    />
-                  ))}
-                </div>
-
-                {/* Review */}
-                <p className="relative z-10 text-sm leading-7 text-muted-foreground">
-                  &apos;{testimonial.review}&apos;
-                </p>
+            {[...landingTestimonials, ...landingTestimonials].map(
+              (testimonial, index) => (
+                <div
+                  key={`${testimonial.name}-${index}`}
+                  className="group relative w-[320px] flex-shrink-0 overflow-hidden rounded-3xl border border-border bg-background/90 p-6 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
+                >
+                  {/* Hover Glow */}
+                  <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
+                    <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100 blur-3xl dark:bg-blue-500/20" />
+                  </div>
+
+                  {/* Quote */}
+                  <div className="relative z-10 mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-blue-100 bg-blue-50 text-[#1D4ED8] dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400">
+                    <Quote className="h-5 w-5" aria-hidden="true" />
+                  </div>
+
+                  {/* Rating */}
+                  <div className="relative z-10 mb-4 flex gap-1">
+                    {[...Array(5)].map((_, idx) => (
+                      <Star
+                        key={idx}
+                        className="h-4 w-4 fill-yellow-400 text-yellow-400"
+                        aria-hidden="true"
+                      />
+                    ))}
+                  </div>
+
+                  {/* Review */}
+                  <p className="relative z-10 text-sm leading-7 text-muted-foreground">
+                    &apos;{testimonial.review}&apos;
+                  </p>
 
-                {/* User */}
-                <div className="relative z-10 mt-5 border-t border-border pt-4">
-                  <h3 className="font-semibold text-foreground">
-                    {testimonial.name}
-                  </h3>
+                  {/* User */}
+                  <div className="relative z-10 mt-5 border-t border-border pt-4">
+                    <h3 className="font-semibold text-foreground">
+                      {testimonial.name}
+                    </h3>
 
-                  <p className="mt-1 text-sm text-muted-foreground">
-                    {testimonial.role}
-                  </p>
+                    <p className="mt-1 text-sm text-muted-foreground">
+                      {testimonial.role}
+                    </p>
 
-                  <p className="mt-1 text-sm font-medium text-[#1D4ED8] dark:text-blue-400">
-                    {testimonial.university}
-                  </p>
+                    <p className="mt-1 text-sm font-medium text-[#1D4ED8] dark:text-blue-400">
+                      {testimonial.university}
+                    </p>
+                  </div>
                 </div>
-              </div>
-            ))}
+              )
+            )}
           </motion.div>
         </div>
 
diff --git a/features/landing/universities.tsx b/features/landing/universities.tsx
index 7bb6af4..9f06f1b 100644
--- a/features/landing/universities.tsx
+++ b/features/landing/universities.tsx
@@ -126,69 +126,69 @@ export default function Universities() {
                   transition={{ duration: 0.3 }}
                   className="group relative overflow-hidden rounded-3xl border border-border bg-background/80 p-8 shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-200 hover:shadow-xl dark:hover:border-blue-500/30"
                 >
-              {/* Hover Glow */}
-              <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100 blur-3xl dark:bg-blue-500/20" />
-              </div>
-
-              {/* Badge */}
-              <div className="relative z-10 mb-6 flex items-center justify-between">
-                <div className="flex h-14 w-14 items-center justify-center rounded-2xl border border-blue-100 bg-blue-50 text-[#1D4ED8] dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400">
-                  <GraduationCap className="h-7 w-7" />
-                </div>
-
-                <span
-                  className={`rounded-full border px-3 py-1 text-xs font-semibold ${
-                    university.status === "Available"
-                      ? "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/20 dark:bg-emerald-500/10 dark:text-emerald-400"
-                      : "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-500/20 dark:bg-orange-500/10 dark:text-orange-400"
-                  }`}
-                >
-                  {university.status}
-                </span>
-              </div>
-
-              {/* Content */}
-              <div className="relative z-10">
-                <h3 className="text-3xl font-bold text-foreground">
-                  {university.name}
-                </h3>
-
-                <p className="mt-2 text-sm text-muted-foreground">
-                  {university.fullName}
-                </p>
+                  {/* Hover Glow */}
+                  <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
+                    <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100 blur-3xl dark:bg-blue-500/20" />
+                  </div>
 
-                <p className="mt-6 leading-7 text-muted-foreground">
-                  {university.description}
-                </p>
+                  {/* Badge */}
+                  <div className="relative z-10 mb-6 flex items-center justify-between">
+                    <div className="flex h-14 w-14 items-center justify-center rounded-2xl border border-blue-100 bg-blue-50 text-[#1D4ED8] dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400">
+                      <GraduationCap className="h-7 w-7" />
+                    </div>
 
-                <div className="mt-8 flex flex-wrap gap-2">
-                  {university.branches.map((branch) => (
                     <span
-                      key={branch}
-                      className="rounded-full border border-border bg-muted/30 px-3 py-1 text-xs font-medium text-muted-foreground"
+                      className={`rounded-full border px-3 py-1 text-xs font-semibold ${
+                        university.status === "Available"
+                          ? "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/20 dark:bg-emerald-500/10 dark:text-emerald-400"
+                          : "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-500/20 dark:bg-orange-500/10 dark:text-orange-400"
+                      }`}
                     >
-                      {branch}
+                      {university.status}
                     </span>
-                  ))}
-                </div>
+                  </div>
 
-                {university.status === "Available" ? (
-                  <Link
-                    href={university.href}
-                    className="mt-8 inline-flex items-center gap-2 font-semibold text-[#1D4ED8] transition-colors hover:text-[#1E40AF] dark:text-blue-400 dark:hover:text-blue-300"
-                  >
-                    Explore University
-                    <ArrowRight className="h-4 w-4" />
-                  </Link>
-                ) : (
-                  <div className="mt-8 inline-flex items-center gap-2 text-muted-foreground">
-                    <Sparkles className="h-4 w-4" />
-                    Planned Expansion
+                  {/* Content */}
+                  <div className="relative z-10">
+                    <h3 className="text-3xl font-bold text-foreground">
+                      {university.name}
+                    </h3>
+
+                    <p className="mt-2 text-sm text-muted-foreground">
+                      {university.fullName}
+                    </p>
+
+                    <p className="mt-6 leading-7 text-muted-foreground">
+                      {university.description}
+                    </p>
+
+                    <div className="mt-8 flex flex-wrap gap-2">
+                      {university.branches.map((branch) => (
+                        <span
+                          key={branch}
+                          className="rounded-full border border-border bg-muted/30 px-3 py-1 text-xs font-medium text-muted-foreground"
+                        >
+                          {branch}
+                        </span>
+                      ))}
+                    </div>
+
+                    {university.status === "Available" ? (
+                      <Link
+                        href={university.href}
+                        className="mt-8 inline-flex items-center gap-2 font-semibold text-[#1D4ED8] transition-colors hover:text-[#1E40AF] dark:text-blue-400 dark:hover:text-blue-300"
+                      >
+                        Explore University
+                        <ArrowRight className="h-4 w-4" />
+                      </Link>
+                    ) : (
+                      <div className="mt-8 inline-flex items-center gap-2 text-muted-foreground">
+                        <Sparkles className="h-4 w-4" />
+                        Planned Expansion
+                      </div>
+                    )}
                   </div>
-                )}
-              </div>
-            </motion.div>
+                </motion.div>
               ))
             ) : (
               <motion.div
@@ -201,8 +201,12 @@ export default function Universities() {
                 <div className="inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-muted/50 mb-4">
                   <Search className="h-8 w-8 text-muted-foreground" />
                 </div>
-                <h3 className="text-xl font-semibold text-foreground">No universities found</h3>
-                <p className="mt-2 text-muted-foreground">Try adjusting your search query.</p>
+                <h3 className="text-xl font-semibold text-foreground">
+                  No universities found
+                </h3>
+                <p className="mt-2 text-muted-foreground">
+                  Try adjusting your search query.
+                </p>
               </motion.div>
             )}
           </AnimatePresence>
diff --git a/lib/constants.ts b/lib/constants.ts
index 19233c0..79fa6dd 100644
--- a/lib/constants.ts
+++ b/lib/constants.ts
@@ -1,6 +1,8 @@
 export const LAYOUT = {
-  section: "relative overflow-hidden border-b border-border bg-background py-16 md:py-20 lg:py-24",
+  section:
+    "relative overflow-hidden border-b border-border bg-background py-16 md:py-20 lg:py-24",
   container: "mx-auto max-w-7xl px-6 lg:px-8",
   sectionHeader: "mx-auto mb-16 max-w-3xl text-center",
-  badge: "inline-flex items-center gap-2 rounded-full border border-blue-200/60 bg-blue-50/80 px-4 py-2 text-sm font-semibold text-blue-700 shadow-sm backdrop-blur-md dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400",
+  badge:
+    "inline-flex items-center gap-2 rounded-full border border-blue-200/60 bg-blue-50/80 px-4 py-2 text-sm font-semibold text-blue-700 shadow-sm backdrop-blur-md dark:border-blue-500/20 dark:bg-blue-500/10 dark:text-blue-400",
 };

From 77205f2716667b48c4cc2eef56543dbf0177a536 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Sat, 27 Jun 2026 00:26:31 +0530
Subject: [PATCH 3/5] Fix ESLint issues

---
 app/error.tsx                            |  2 +-
 components/ai/answer-viewer.tsx          | 72 ++++++++++++------------
 components/ai/chat-mockup.tsx            |  1 -
 components/ai/generate-answer-button.tsx |  9 +--
 components/ai/workspace-chat.tsx         |  9 +--
 features/landing/ai-demo.tsx             |  2 +-
 features/landing/universities.tsx        |  2 +-
 7 files changed, 47 insertions(+), 50 deletions(-)

diff --git a/app/error.tsx b/app/error.tsx
index 79a0f97..4a308b8 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -21,7 +21,7 @@ export default function ErrorPage({
       </div>
       <h2 className="text-2xl font-bold">Something went wrong!</h2>
       <p className="mt-2 max-w-md text-muted-foreground">
-        We've encountered an unexpected error. Please try again.
+        We&apos;ve encountered an unexpected error. Please try again.
       </p>
       <button
         onClick={() => reset()}
diff --git a/components/ai/answer-viewer.tsx b/components/ai/answer-viewer.tsx
index 47a34d9..f9d460b 100644
--- a/components/ai/answer-viewer.tsx
+++ b/components/ai/answer-viewer.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown, { Components } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import rehypeKatex from "rehype-katex";
@@ -53,90 +53,90 @@ function preprocessMath(text: string): string {
   return result.trim();
 }
 
-const markdownComponents = {
-  pre({ children }: any) {
+const markdownComponents: Components = {
+  pre({ children, ...props }: React.HTMLAttributes<HTMLPreElement>) {
     return (
-      <pre className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm">
+      <pre className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm" {...props}>
         {children}
       </pre>
     );
   },
 
-  code({ className, children }: any) {
+  code({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {
     const isCodeBlock = className?.includes("language-");
 
     if (isCodeBlock) {
-      return <code className={className}>{children}</code>;
+      return <code className={className} {...props}>{children}</code>;
     }
 
     return (
-      <code className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400">
+      <code className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400" {...props}>
         {children}
       </code>
     );
   },
 
-  table({ children }: any) {
+  table({ children, ...props }: React.HTMLAttributes<HTMLTableElement>) {
     return (
       <div className="my-6 overflow-x-auto">
-        <table className="w-full border-collapse border border-border text-sm sm:text-base">
+        <table className="w-full border-collapse border border-border text-sm sm:text-base" {...props}>
           {children}
         </table>
       </div>
     );
   },
 
-  th({ children }: any) {
+  th({ children, ...props }: React.HTMLAttributes<HTMLTableCellElement>) {
     return (
-      <th className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground">
+      <th className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground" {...props}>
         {children}
       </th>
     );
   },
 
-  td({ children }: any) {
+  td({ children, ...props }: React.HTMLAttributes<HTMLTableCellElement>) {
     return (
-      <td className="border border-border px-3 sm:px-4 py-2 text-foreground">
+      <td className="border border-border px-3 sm:px-4 py-2 text-foreground" {...props}>
         {children}
       </td>
     );
   },
 
-  blockquote({ children }: any) {
+  blockquote({ children, ...props }: React.HTMLAttributes<HTMLQuoteElement>) {
     return (
-      <blockquote className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground">
+      <blockquote className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground" {...props}>
         {children}
       </blockquote>
     );
   },
 
-  h1({ children }: any) {
+  h1({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h1 className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3">
+      <h1 className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3" {...props}>
         {children}
       </h1>
     );
   },
 
-  h2({ children }: any) {
+  h2({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h2 className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4">
+      <h2 className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4" {...props}>
         {children}
       </h2>
     );
   },
 
-  h3({ children }: any) {
+  h3({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h3 className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8">
+      <h3 className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8" {...props}>
         {children}
       </h3>
     );
   },
 
-  h4({ children }: any) {
+  h4({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h4 className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6">
+      <h4 className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6" {...props}>
         {children}
       </h4>
     );
@@ -146,44 +146,44 @@ const markdownComponents = {
     return <hr className="my-8 border-border" />;
   },
 
-  ul({ children }: any) {
+  ul({ children, ...props }: React.HTMLAttributes<HTMLUListElement>) {
     return (
-      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2">{children}</ul>
+      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2" {...props}>{children}</ul>
     );
   },
 
-  ol({ children }: any) {
+  ol({ children, ...props }: React.HTMLAttributes<HTMLOListElement>) {
     return (
-      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2">{children}</ol>
+      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2" {...props}>{children}</ol>
     );
   },
 
-  li({ children }: any) {
+  li({ children, ...props }: React.HTMLAttributes<HTMLLIElement>) {
     return (
-      <li className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground">
+      <li className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground" {...props}>
         {children}
       </li>
     );
   },
 
-  p({ children }: any) {
+  p({ children, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {
     return (
-      <p className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground">
+      <p className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground" {...props}>
         {children}
       </p>
     );
   },
 
-  strong({ children }: any) {
+  strong({ children, ...props }: React.HTMLAttributes<HTMLElement>) {
     return (
-      <strong className="font-semibold text-foreground">{children}</strong>
+      <strong className="font-semibold text-foreground" {...props}>{children}</strong>
     );
   },
 
-  em({ children }: any) {
-    return <em className="italic text-muted-foreground">{children}</em>;
+  em({ children, ...props }: React.HTMLAttributes<HTMLElement>) {
+    return <em className="italic text-muted-foreground" {...props}>{children}</em>;
   },
-} as any;
+};
 
 export default function AnswerViewer({ answer }: AnswerViewerProps) {
   const content = preprocessMath(answer);
diff --git a/components/ai/chat-mockup.tsx b/components/ai/chat-mockup.tsx
index 9ceb7f5..59ea9b5 100644
--- a/components/ai/chat-mockup.tsx
+++ b/components/ai/chat-mockup.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import { motion } from "framer-motion";
 import { BrainCircuit, ArrowRight } from "lucide-react";
 
 export default function ChatMockup() {
diff --git a/components/ai/generate-answer-button.tsx b/components/ai/generate-answer-button.tsx
index cfbde1a..a4166d6 100644
--- a/components/ai/generate-answer-button.tsx
+++ b/components/ai/generate-answer-button.tsx
@@ -67,8 +67,8 @@ export default function GenerateAnswerButton({
 
       setAnswer(data.answer || "");
       setHidden(false);
-    } catch (err: any) {
-      if (err.name === "AbortError") {
+    } catch (err: unknown) {
+      if (err instanceof Error && err.name === "AbortError") {
         console.log("Fetch aborted");
         return;
       }
@@ -77,8 +77,9 @@ export default function GenerateAnswerButton({
       // Demo fallback for missing environment variables
       const isDemoMode =
         !process.env.NEXT_PUBLIC_API_URL ||
-        err.message.includes("Failed to fetch") ||
-        err.message.includes("generate answer");
+        (err instanceof Error &&
+          (err.message.includes("Failed to fetch") ||
+            err.message.includes("generate answer")));
 
       if (isDemoMode) {
         setAnswer(
diff --git a/components/ai/workspace-chat.tsx b/components/ai/workspace-chat.tsx
index ed82868..66a10dc 100644
--- a/components/ai/workspace-chat.tsx
+++ b/components/ai/workspace-chat.tsx
@@ -125,15 +125,12 @@ export default function WorkspaceChat({
       if (data.relatedTopics && data.relatedTopics.length > 0) {
         setRelatedTopics(data.relatedTopics);
       }
-    } catch (err: any) {
-      if (err.name === "AbortError") {
+    } catch (err: unknown) {
+      if (err instanceof Error && err.name === "AbortError") {
         console.log("Fetch aborted");
         return;
       }
-      const isDemoMode =
-        !process.env.NEXT_PUBLIC_API_URL ||
-        err.message.includes("Failed to fetch") ||
-        err.message.includes("Failed to get response");
+      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || (err instanceof Error && (err.message.includes("Failed to fetch") || err.message.includes("Failed to get response")));
 
       if (isDemoMode) {
         const demoMessage: Message = {
diff --git a/features/landing/ai-demo.tsx b/features/landing/ai-demo.tsx
index f6d9274..498bcb9 100644
--- a/features/landing/ai-demo.tsx
+++ b/features/landing/ai-demo.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { motion } from "framer-motion";
-import { BrainCircuit, BookOpen, Sparkles, ArrowRight } from "lucide-react";
+import { BrainCircuit, BookOpen, Sparkles } from "lucide-react";
 import ChatMockup from "@/components/ai/chat-mockup";
 
 export default function AIDemo() {
diff --git a/features/landing/universities.tsx b/features/landing/universities.tsx
index 9f06f1b..188a716 100644
--- a/features/landing/universities.tsx
+++ b/features/landing/universities.tsx
@@ -116,7 +116,7 @@ export default function Universities() {
         <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
           <AnimatePresence mode="popLayout">
             {filteredUniversities.length > 0 ? (
-              filteredUniversities.map((university, index) => (
+              filteredUniversities.map((university) => (
                 <motion.div
                   layout
                   key={university.id}

From caf7fdce03ef930f6bb6bcb25925d8dd4cb34b46 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Sat, 27 Jun 2026 00:31:07 +0530
Subject: [PATCH 4/5] Apply Prettier formatting

---
 components/ai/answer-viewer.tsx  | 84 +++++++++++++++++++++++++-------
 components/ai/workspace-chat.tsx |  6 ++-
 2 files changed, 72 insertions(+), 18 deletions(-)

diff --git a/components/ai/answer-viewer.tsx b/components/ai/answer-viewer.tsx
index f9d460b..82a78ed 100644
--- a/components/ai/answer-viewer.tsx
+++ b/components/ai/answer-viewer.tsx
@@ -56,7 +56,10 @@ function preprocessMath(text: string): string {
 const markdownComponents: Components = {
   pre({ children, ...props }: React.HTMLAttributes<HTMLPreElement>) {
     return (
-      <pre className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm" {...props}>
+      <pre
+        className="my-6 overflow-x-auto rounded-xl border border-border bg-black/90 p-4 sm:p-6 shadow-sm"
+        {...props}
+      >
         {children}
       </pre>
     );
@@ -66,11 +69,18 @@ const markdownComponents: Components = {
     const isCodeBlock = className?.includes("language-");
 
     if (isCodeBlock) {
-      return <code className={className} {...props}>{children}</code>;
+      return (
+        <code className={className} {...props}>
+          {children}
+        </code>
+      );
     }
 
     return (
-      <code className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400" {...props}>
+      <code
+        className="rounded-md bg-muted px-1.5 py-1 text-sm sm:text-base text-blue-600 dark:text-blue-400"
+        {...props}
+      >
         {children}
       </code>
     );
@@ -79,7 +89,10 @@ const markdownComponents: Components = {
   table({ children, ...props }: React.HTMLAttributes<HTMLTableElement>) {
     return (
       <div className="my-6 overflow-x-auto">
-        <table className="w-full border-collapse border border-border text-sm sm:text-base" {...props}>
+        <table
+          className="w-full border-collapse border border-border text-sm sm:text-base"
+          {...props}
+        >
           {children}
         </table>
       </div>
@@ -88,7 +101,10 @@ const markdownComponents: Components = {
 
   th({ children, ...props }: React.HTMLAttributes<HTMLTableCellElement>) {
     return (
-      <th className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground" {...props}>
+      <th
+        className="border border-border bg-muted px-3 sm:px-4 py-2 text-left font-semibold text-foreground"
+        {...props}
+      >
         {children}
       </th>
     );
@@ -96,7 +112,10 @@ const markdownComponents: Components = {
 
   td({ children, ...props }: React.HTMLAttributes<HTMLTableCellElement>) {
     return (
-      <td className="border border-border px-3 sm:px-4 py-2 text-foreground" {...props}>
+      <td
+        className="border border-border px-3 sm:px-4 py-2 text-foreground"
+        {...props}
+      >
         {children}
       </td>
     );
@@ -104,7 +123,10 @@ const markdownComponents: Components = {
 
   blockquote({ children, ...props }: React.HTMLAttributes<HTMLQuoteElement>) {
     return (
-      <blockquote className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground" {...props}>
+      <blockquote
+        className="my-5 border-l-4 border-blue-500 bg-blue-500/5 pl-4 sm:pl-6 py-2 rounded-r-xl italic text-muted-foreground"
+        {...props}
+      >
         {children}
       </blockquote>
     );
@@ -112,7 +134,10 @@ const markdownComponents: Components = {
 
   h1({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h1 className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3" {...props}>
+      <h1
+        className="text-2xl sm:text-3xl font-bold text-foreground mb-6 mt-8 border-b border-border pb-3"
+        {...props}
+      >
         {children}
       </h1>
     );
@@ -120,7 +145,10 @@ const markdownComponents: Components = {
 
   h2({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h2 className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4" {...props}>
+      <h2
+        className="text-xl sm:text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4 mt-10 border-l-4 border-blue-500 pl-4"
+        {...props}
+      >
         {children}
       </h2>
     );
@@ -128,7 +156,10 @@ const markdownComponents: Components = {
 
   h3({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h3 className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8" {...props}>
+      <h3
+        className="text-lg sm:text-xl font-bold text-cyan-600 dark:text-cyan-400 mb-3 mt-8"
+        {...props}
+      >
         {children}
       </h3>
     );
@@ -136,7 +167,10 @@ const markdownComponents: Components = {
 
   h4({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
     return (
-      <h4 className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6" {...props}>
+      <h4
+        className="text-base sm:text-lg font-semibold text-emerald-600 dark:text-emerald-400 mb-2 mt-6"
+        {...props}
+      >
         {children}
       </h4>
     );
@@ -148,19 +182,26 @@ const markdownComponents: Components = {
 
   ul({ children, ...props }: React.HTMLAttributes<HTMLUListElement>) {
     return (
-      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2" {...props}>{children}</ul>
+      <ul className="list-disc pl-6 sm:pl-8 my-5 space-y-2" {...props}>
+        {children}
+      </ul>
     );
   },
 
   ol({ children, ...props }: React.HTMLAttributes<HTMLOListElement>) {
     return (
-      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2" {...props}>{children}</ol>
+      <ol className="list-decimal pl-6 sm:pl-8 my-5 space-y-2" {...props}>
+        {children}
+      </ol>
     );
   },
 
   li({ children, ...props }: React.HTMLAttributes<HTMLLIElement>) {
     return (
-      <li className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground" {...props}>
+      <li
+        className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-3 text-foreground"
+        {...props}
+      >
         {children}
       </li>
     );
@@ -168,7 +209,10 @@ const markdownComponents: Components = {
 
   p({ children, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {
     return (
-      <p className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground" {...props}>
+      <p
+        className="text-base sm:text-lg leading-[1.8] sm:leading-[1.9] mb-5 text-foreground"
+        {...props}
+      >
         {children}
       </p>
     );
@@ -176,12 +220,18 @@ const markdownComponents: Components = {
 
   strong({ children, ...props }: React.HTMLAttributes<HTMLElement>) {
     return (
-      <strong className="font-semibold text-foreground" {...props}>{children}</strong>
+      <strong className="font-semibold text-foreground" {...props}>
+        {children}
+      </strong>
     );
   },
 
   em({ children, ...props }: React.HTMLAttributes<HTMLElement>) {
-    return <em className="italic text-muted-foreground" {...props}>{children}</em>;
+    return (
+      <em className="italic text-muted-foreground" {...props}>
+        {children}
+      </em>
+    );
   },
 };
 
diff --git a/components/ai/workspace-chat.tsx b/components/ai/workspace-chat.tsx
index 66a10dc..3a19587 100644
--- a/components/ai/workspace-chat.tsx
+++ b/components/ai/workspace-chat.tsx
@@ -130,7 +130,11 @@ export default function WorkspaceChat({
         console.log("Fetch aborted");
         return;
       }
-      const isDemoMode = !process.env.NEXT_PUBLIC_API_URL || (err instanceof Error && (err.message.includes("Failed to fetch") || err.message.includes("Failed to get response")));
+      const isDemoMode =
+        !process.env.NEXT_PUBLIC_API_URL ||
+        (err instanceof Error &&
+          (err.message.includes("Failed to fetch") ||
+            err.message.includes("Failed to get response")));
 
       if (isDemoMode) {
         const demoMessage: Message = {

From 6855bb656f5e267044132f3909ef853d0bb684ce Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Sat, 27 Jun 2026 08:32:10 +0530
Subject: [PATCH 5/5] Address PR review feedback

---
 app/layout.tsx                           |  2 +-
 components/ai/chat-mockup.tsx            |  2 --
 components/ai/generate-answer-button.tsx |  5 +----
 components/ai/workspace-chat.tsx         |  5 +----
 features/landing/universities.tsx        |  3 ++-
 lib/content/index.ts                     | 18 ++++++++++++------
 6 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index de7c198..7abb542 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -30,7 +30,7 @@ export default function RootLayout({
             Skip to content
           </a>
           <Navbar />
-          <main id="main-content" className="flex-1">
+          <main id="main-content" className="flex-1" tabIndex={-1}>
             {children}
           </main>
           <Footer />
diff --git a/components/ai/chat-mockup.tsx b/components/ai/chat-mockup.tsx
index 59ea9b5..aa0e7cb 100644
--- a/components/ai/chat-mockup.tsx
+++ b/components/ai/chat-mockup.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import { BrainCircuit, ArrowRight } from "lucide-react";
 
 export default function ChatMockup() {
diff --git a/components/ai/generate-answer-button.tsx b/components/ai/generate-answer-button.tsx
index a4166d6..3091b31 100644
--- a/components/ai/generate-answer-button.tsx
+++ b/components/ai/generate-answer-button.tsx
@@ -76,10 +76,7 @@ export default function GenerateAnswerButton({
 
       // Demo fallback for missing environment variables
       const isDemoMode =
-        !process.env.NEXT_PUBLIC_API_URL ||
-        (err instanceof Error &&
-          (err.message.includes("Failed to fetch") ||
-            err.message.includes("generate answer")));
+        err instanceof Error && err.message.includes("Failed to fetch");
 
       if (isDemoMode) {
         setAnswer(
diff --git a/components/ai/workspace-chat.tsx b/components/ai/workspace-chat.tsx
index 3a19587..d92bc8f 100644
--- a/components/ai/workspace-chat.tsx
+++ b/components/ai/workspace-chat.tsx
@@ -131,10 +131,7 @@ export default function WorkspaceChat({
         return;
       }
       const isDemoMode =
-        !process.env.NEXT_PUBLIC_API_URL ||
-        (err instanceof Error &&
-          (err.message.includes("Failed to fetch") ||
-            err.message.includes("Failed to get response")));
+        err instanceof Error && err.message.includes("Failed to fetch");
 
       if (isDemoMode) {
         const demoMessage: Message = {
diff --git a/features/landing/universities.tsx b/features/landing/universities.tsx
index 188a716..a71bbcf 100644
--- a/features/landing/universities.tsx
+++ b/features/landing/universities.tsx
@@ -42,7 +42,7 @@ export default function Universities() {
   const [searchQuery, setSearchQuery] = useState("");
 
   const filteredUniversities = universities.filter((uni) => {
-    const query = searchQuery.toLowerCase();
+    const query = searchQuery.trim().toLowerCase();
     return (
       uni.name.toLowerCase().includes(query) ||
       uni.fullName.toLowerCase().includes(query) ||
@@ -104,6 +104,7 @@ export default function Universities() {
             </div>
             <input
               type="text"
+              aria-label="Search universities"
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
               placeholder="Search universities by name, branch, or location..."
diff --git a/lib/content/index.ts b/lib/content/index.ts
index e5d04ef..b392375 100644
--- a/lib/content/index.ts
+++ b/lib/content/index.ts
@@ -7,16 +7,19 @@ export async function getSyllabus(
   subjectCode: string
 ) {
   try {
+    const baseDir = path.join(process.cwd(), "content", "rgpv");
     const filePath = path.join(
-      process.cwd(),
-      "content",
-      "rgpv",
+      baseDir,
       branch.toLowerCase(),
       semester.toLowerCase(),
       subjectCode.toLowerCase(),
       "syllabus.json"
     );
 
+    if (!filePath.startsWith(baseDir)) {
+      throw new Error("Invalid path parameter");
+    }
+
     const file = await fs.readFile(filePath, "utf8");
 
     return JSON.parse(file);
@@ -36,16 +39,19 @@ export async function getPYQs(
   subjectCode: string
 ) {
   try {
+    const baseDir = path.join(process.cwd(), "content", "rgpv");
     const filePath = path.join(
-      process.cwd(),
-      "content",
-      "rgpv",
+      baseDir,
       branch.toLowerCase(),
       semester.toLowerCase(),
       subjectCode.toLowerCase(),
       "pyqs.json"
     );
 
+    if (!filePath.startsWith(baseDir)) {
+      throw new Error("Invalid path parameter");
+    }
+
     const file = await fs.readFile(filePath, "utf8");
 
     return JSON.parse(file);