Merge pull request #23 from monicasmith463/feature/frontend-exam-generate

Feature: frontend Dropzone uploader page

Author: monicasmith463

frontend/src/app/(study-assistant)/layout.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import StaticHeader from "@/layout/StaticHeader";
+import Backdrop from "@/layout/Backdrop";
+import React from "react";
+
+export default function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+  return (
+    <div className="min-h-screen xl:flex">
+      {/* Sidebar and Backdrop */}
+      <Backdrop />
+      {/* Main Content Area */}
+      <div
+        className={`flex-1 transition-all  duration-300 ease-in-out`}
+      >
+        {/* Header */}
+        <StaticHeader />
+        {/* Page Content */}
+        <div className="p-4 mx-auto md:p-6">{children}</div>
+      </div>
+    </div>
+  );
+}

frontend/src/app/(study-assistant)/page.tsx

@@ -0,0 +1,14 @@
+// src/app/landing/page.tsx
+import React from "react";
+
+export default function LandingPage() {
+  return (
+    <div className="text-center space-y-6">
+      <h2 className="text-3xl font-bold">Welcome to Study Assistant</h2>
+      <p>Upload documents, generate exams, and start practicing!</p>
+      <button className="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
+        Upload Docs & Generate Exam
+      </button>
+    </div>
+  );
+}

frontend/src/app/(study-assistant)/upload/page.tsx

@@ -0,0 +1,12 @@
+
+import DocumentDropzoneComponent from "@/components/form/form-elements/DocumentDropZone";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Upload Page",
+  description: "This is Next.js Upload Page",
+};
+
+export default function Upload() {
+  return <DocumentDropzoneComponent />;
+}