diff --git a/assets/js/main.js b/assets/js/main.js
index 19c8209..b68e703 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -41,7 +41,27 @@ document.addEventListener('DOMContentLoaded', function () {
                     processingMessage.style.display = 'none';
                     if (data.success && data.filePath) {
                         uploadedFilePath = data.filePath;
-                        imagePreview.src = uploadedFilePath;
+                        const fileExtension = uploadedFilePath.split('.').pop().toLowerCase();
+                        const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'tiff', 'bmp', 'webp'];
+
+                        const imagePreview = document.getElementById('image-preview');
+                        const pdfPreview = document.getElementById('pdf-preview');
+                        const pdfFilename = document.getElementById('pdf-filename');
+
+                        imagePreview.style.display = 'none';
+                        pdfPreview.style.display = 'none';
+
+                        if (imageExtensions.includes(fileExtension)) {
+                            imagePreview.src = uploadedFilePath;
+                            imagePreview.style.display = 'block';
+                        } else if (fileExtension === 'pdf') {
+                            pdfFilename.textContent = uploadedFilePath.split('/').pop();
+                            pdfPreview.style.display = 'block';
+                        } else {
+                            pdfFilename.textContent = "Unsupported file type for preview: " + uploadedFilePath.split('/').pop();
+                            pdfPreview.style.display = 'block';
+                        }
+
                         previewContainer.style.display = 'block';
                         document.getElementById('translation-form').style.display = 'none';
                         startTranslationBtn.style.display = 'block';
diff --git a/assets/pasted-20251120-122957-7402e7e8.png b/assets/pasted-20251120-122957-7402e7e8.png
new file mode 100644
index 0000000..b210b18
Binary files /dev/null and b/assets/pasted-20251120-122957-7402e7e8.png differ
diff --git a/assets/vm-shot-2025-11-20T12-31-33-320Z.jpg b/assets/vm-shot-2025-11-20T12-31-33-320Z.jpg
new file mode 100644
index 0000000..758391d
Binary files /dev/null and b/assets/vm-shot-2025-11-20T12-31-33-320Z.jpg differ
diff --git a/index.php b/index.php
index fb0b657..95f2b5e 100644
--- a/index.php
+++ b/index.php
@@ -97,7 +97,14 @@
 
                         <div id="preview-container" class="text-center" style="display: none;">
                             <h5 class="mt-4">Document Preview</h5>
-                            <img id="image-preview" src="#" alt="Image Preview" class="img-fluid rounded border" style="max-height: 400px;"/>
+                            
+                            <img id="image-preview" src="#" alt="Image Preview" class="img-fluid rounded border" style="max-height: 400px; display: none;"/>
+
+                            <div id="pdf-preview" class="py-5" style="display: none;">
+                                <i class="bi bi-file-earmark-pdf-fill text-danger" style="font-size: 4rem;"></i>
+                                <p id="pdf-filename" class="mt-2 mb-0"></p>
+                            </div>
+
                             <div class="d-grid mt-3">
                                 <button type="button" id="start-translation-btn" class="btn btn-primary btn-lg" style="display: none;">
                                     <i class="bi bi-stars"></i> Translate
diff --git a/upload.php b/upload.php
index 0cf7bb5..8a0cf0f 100644
--- a/upload.php
+++ b/upload.php
@@ -50,7 +50,7 @@ $file_name = uniqid('doc_') . '.' . $file_extension;
 $target_path = $upload_dir . $file_name;
 
 if (move_uploaded_file($file['tmp_name'], $target_path)) {
-    $web_path = 'uploads/' . $file_name;
+    $web_path = '/uploads/' . $file_name;
     json_response(true, 'File uploaded successfully.', $web_path);
 } else {
     json_response(false, 'Failed to move uploaded file.');
diff --git a/uploads/doc_691f098f382bd.jpg b/uploads/doc_691f098f382bd.jpg
new file mode 100644
index 0000000..1bbab03
Binary files /dev/null and b/uploads/doc_691f098f382bd.jpg differ
diff --git a/uploads/doc_691f09aa1efe1.jpg b/uploads/doc_691f09aa1efe1.jpg
new file mode 100644
index 0000000..1bbab03
Binary files /dev/null and b/uploads/doc_691f09aa1efe1.jpg differ
diff --git a/uploads/doc_691f09fb5e8e6.jpg b/uploads/doc_691f09fb5e8e6.jpg
new file mode 100644
index 0000000..1bbab03
Binary files /dev/null and b/uploads/doc_691f09fb5e8e6.jpg differ
diff --git a/uploads/doc_691f0a1c677eb.jpg b/uploads/doc_691f0a1c677eb.jpg
new file mode 100644
index 0000000..1bbab03
Binary files /dev/null and b/uploads/doc_691f0a1c677eb.jpg differ
diff --git a/uploads/doc_691f0a88360cd.jpg b/uploads/doc_691f0a88360cd.jpg
new file mode 100644
index 0000000..1bbab03
Binary files /dev/null and b/uploads/doc_691f0a88360cd.jpg differ