diff --git a/components/Landing.tsx b/components/Landing.tsx
index 8e69678..0523c38 100644
--- a/components/Landing.tsx
+++ b/components/Landing.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { motion } from 'framer-motion';
-import { BrainCircuit, Loader2, Play, PenTool, BookOpen } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { BrainCircuit, Loader2, Play, PenTool, BookOpen, Upload, ChevronDown, ChevronUp, X, FileText, Settings, Image } from 'lucide-react';
 import { useAuth } from 'react-oidc-context';
 import { AuthButton } from './AuthButton';
 import { QuizLibrary } from './QuizLibrary';
@@ -8,7 +8,7 @@ import { useQuizLibrary } from '../hooks/useQuizLibrary';
 import type { Quiz } from '../types';
 
 interface LandingProps {
-  onGenerate: (topic: string) => void;
+  onGenerate: (options: { topic?: string; questionCount?: number; file?: File }) => void;
   onCreateManual: () => void;
   onLoadQuiz: (quiz: Quiz) => void;
   onJoin: (pin: string, name: string) => void;
@@ -24,6 +24,11 @@ export const Landing: React.FC<LandingProps> = ({ onGenerate, onCreateManual, on
   const [name, setName] = useState('');
   const [libraryOpen, setLibraryOpen] = useState(false);
   
+  const [selectedFile, setSelectedFile] = useState<File | null>(null);
+  const [questionCount, setQuestionCount] = useState(10);
+  const [showAdvanced, setShowAdvanced] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  
   const { 
     quizzes, 
     loading: libraryLoading, 
@@ -42,9 +47,49 @@ export const Landing: React.FC<LandingProps> = ({ onGenerate, onCreateManual, on
     }
   }, [libraryOpen, auth.isAuthenticated, fetchQuizzes]);
 
+  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.files && e.target.files[0]) {
+      setSelectedFile(e.target.files[0]);
+    }
+  };
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (e.dataTransfer.files && e.dataTransfer.files[0]) {
+      const file = e.dataTransfer.files[0];
+      const acceptedTypes = ['.pdf', '.txt', '.md', '.docx', '.jpg', '.jpeg', '.png', '.gif', '.webp'];
+      const fileExtension = '.' + file.name.split('.').pop()?.toLowerCase();
+      
+      if (acceptedTypes.includes(fileExtension) || file.type.startsWith('image/')) {
+        setSelectedFile(file);
+      }
+    }
+  };
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragging(true);
+  };
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragging(false);
+  };
+
+  const removeFile = () => {
+    setSelectedFile(null);
+  };
+
   const handleHostSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    if (topic.trim()) onGenerate(topic);
+    if ((topic.trim() || selectedFile) && !isLoading) {
+      onGenerate({ 
+        topic: topic.trim(), 
+        questionCount, 
+        file: selectedFile || undefined 
+      });
+    }
   };
 
   const handleJoinSubmit = (e: React.FormEvent) => {
@@ -110,12 +155,110 @@ export const Landing: React.FC<LandingProps> = ({ onGenerate, onCreateManual, on
                 className="w-full p-4 text-xl font-bold border-2 border-gray-200 rounded-2xl focus:border-theme-primary focus:ring-4 focus:ring-theme-primary/20 outline-none transition-all placeholder:font-medium text-center"
                 disabled={isLoading}
               />
+
+              <div className="border-2 border-gray-100 rounded-2xl overflow-hidden">
+                <button
+                    type="button"
+                    onClick={() => setShowAdvanced(!showAdvanced)}
+                    className="w-full p-3 bg-gray-50 flex items-center justify-center gap-2 text-gray-500 font-bold hover:bg-gray-100 transition-colors"
+                >
+                    <Settings size={18} />
+                    Advanced Options
+                    {showAdvanced ? <ChevronUp size={18} /> : <ChevronDown size={18} />}
+                </button>
+                
+                <AnimatePresence>
+                    {showAdvanced && (
+                        <motion.div
+                            initial={{ height: 0, opacity: 0 }}
+                            animate={{ height: 'auto', opacity: 1 }}
+                            exit={{ height: 0, opacity: 0 }}
+                            transition={{ duration: 0.2 }}
+                        >
+                            <div className="p-4 space-y-4 bg-white border-t-2 border-gray-100">
+                                <div className="space-y-2">
+                                    <div className="flex justify-between items-center text-sm font-bold text-gray-600">
+                                        <span>Question Count</span>
+                                        <span className="bg-theme-primary text-white px-2 py-0.5 rounded-lg text-xs">{questionCount}</span>
+                                    </div>
+                                    <input
+                                        type="range"
+                                        min="5"
+                                        max="30"
+                                        value={questionCount}
+                                        onChange={(e) => setQuestionCount(Number(e.target.value))}
+                                        className="w-full accent-theme-primary h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+                                    />
+                                    <div className="flex justify-between text-xs text-gray-400 font-medium">
+                                        <span>5</span>
+                                        <span>30</span>
+                                    </div>
+                                </div>
+
+                                <div
+                                    onDrop={handleDrop}
+                                    onDragOver={handleDragOver}
+                                    onDragLeave={handleDragLeave}
+                                    onClick={() => document.getElementById('file-upload')?.click()}
+                                    className={`border-2 border-dashed rounded-xl p-4 text-center cursor-pointer transition-all ${
+                                        isDragging 
+                                            ? 'border-theme-primary bg-theme-primary/5 scale-[1.02]' 
+                                            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50'
+                                    }`}
+                                >
+                                    <input
+                                        id="file-upload"
+                                        type="file"
+                                        className="hidden"
+                                        onChange={handleFileSelect}
+                                        accept=".pdf,.txt,.md,.docx,.jpg,.jpeg,.png,.gif,.webp"
+                                    />
+                                    
+                                    {selectedFile ? (
+                                        <div className="flex items-center justify-between bg-gray-100 p-2 rounded-lg">
+                                            <div className="flex items-center gap-2 overflow-hidden text-left">
+                                                {selectedFile.type.startsWith('image/') ? (
+                                                    <Image size={20} className="text-theme-primary flex-shrink-0" />
+                                                ) : (
+                                                    <FileText size={20} className="text-theme-primary flex-shrink-0" />
+                                                )}
+                                                <div className="flex flex-col items-start min-w-0">
+                                                    <span className="text-sm font-bold text-gray-700 truncate max-w-[150px]">{selectedFile.name}</span>
+                                                    <span className="text-xs text-gray-500">{(selectedFile.size / 1024).toFixed(1)} KB</span>
+                                                </div>
+                                            </div>
+                                            <button
+                                                onClick={(e) => {
+                                                    e.stopPropagation();
+                                                    removeFile();
+                                                }}
+                                                className="p-1 hover:bg-gray-200 rounded-full text-gray-500 hover:text-red-500 transition-colors"
+                                            >
+                                                <X size={16} />
+                                            </button>
+                                        </div>
+                                    ) : (
+                                        <div className="space-y-1">
+                                            <Upload className={`mx-auto mb-2 ${isDragging ? 'text-theme-primary' : 'text-gray-400'}`} size={24} />
+                                            <p className="text-sm font-bold text-gray-600">
+                                                {isDragging ? 'Drop file here' : 'Upload Document'}
+                                            </p>
+                                            <p className="text-xs text-gray-400">PDF, TXT, DOCX, Images</p>
+                                        </div>
+                                    )}
+                                </div>
+                            </div>
+                        </motion.div>
+                    )}
+                </AnimatePresence>
+              </div>
+
               <button
                 type="submit"
-                disabled={isLoading || !topic.trim()}
-                className="w-full bg-[#333] text-white py-4 rounded-2xl text-xl font-black shadow-[0_6px_0_#000] active:shadow-none active:translate-y-[6px] transition-all hover:bg-black flex items-center justify-center gap-3"
+                disabled={isLoading || (!topic.trim() && !selectedFile)}
+                className="w-full bg-[#333] text-white py-4 rounded-2xl text-xl font-black shadow-[0_6px_0_#000] active:shadow-none active:translate-y-[6px] transition-all hover:bg-black flex items-center justify-center gap-3 disabled:opacity-50 disabled:cursor-not-allowed"
               >
-                {isLoading ? <Loader2 className="animate-spin" /> : <><BrainCircuit size={24} /> Generate Quiz</>}
+                {isLoading ? <Loader2 className="animate-spin" /> : <><BrainCircuit size={24} /> {selectedFile && !topic.trim() ? 'Generate from Document' : 'Generate Quiz'}</>}
               </button>
             </form>