diff --git a/main.py b/main.py
index bb125c9..6b249e2 100644
--- a/main.py
+++ b/main.py
@@ -1,5 +1,5 @@
 import os
-from flask import Flask, request
+from flask import Flask, request, render_template
 from werkzeug.utils import secure_filename
 
 UPLOAD_FOLDER = '/opt/navidrome/music'
@@ -16,33 +16,21 @@ def allowed_file(filename):
 def upload_file():
     if request.method == 'POST':
         if 'file' not in request.files:
-            return 'No file part', 400
+            return render_template('error.html', error_message='No file part in the request'), 400
         files = request.files.getlist('file')
         for file in files:
             if file.filename == '':
-                return 'No selected file', 400
+                return render_template('error.html', error_message='No selected file'), 400
             if file and allowed_file(file.filename):
                 filename = secure_filename(file.filename)
                 file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
             else:
-                return 'File extension not allowed', 400
-        return f'''
-        <!doctype html>
-        <title>Upload successful</title>
-        <h1>{len(files)} file(s) uploaded successfully</h1>
-        <a href="/"><button>Upload another file</button></a>
-        ''', 200
+                return render_template('error.html', error_message=f'File "{file.filename}" is not allowed. Allowed types: {", ".join(ALLOWED_EXTENSIONS)}'), 400
+
+        return render_template('success.html', success_message=f'{len(files)} file(s) uploaded successfully!')
+
+    return render_template('index.html')
 
-    return '''
-    <!doctype html>
-    <title>Upload new File</title>
-    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
-    <h1>Upload new File</h1>
-    <form method=post enctype=multipart/form-data>
-      <input type=file name=file multiple>
-      <input type=submit value=Upload>
-    </form>
-    '''
 
 if __name__ == '__main__':
     app.run(host='192.168.2.24', port=5001, debug=False)
diff --git a/templates/error.html b/templates/error.html
new file mode 100644
index 0000000..530cc3c
--- /dev/null
+++ b/templates/error.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Error - Upload Music</title>
+    <style>
+        body {
+            background-color: #2B2726;
+            color: #FFFFFF;
+        }
+    </style>
+</head>
+<body>
+    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
+    <h1>Error</h1>
+    <p>{{ error_message }}</p>
+    <a href="/"><button>Upload another file</button></a>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..1f49f62
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Upload Music</title>
+    <style>
+        body {
+            background-color: #2B2726;
+            color: #FFFFFF;
+        }
+    </style>
+</head>
+<body>
+    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
+    <h1>Upload new File</h1>
+    <form method=post enctype=multipart/form-data>
+      <input type=file name=file multiple>
+      <input type=submit value=Upload>
+    </form>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/success.html b/templates/success.html
new file mode 100644
index 0000000..2c6e569
--- /dev/null
+++ b/templates/success.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Success - Upload Music</title>
+    <style>
+        body {
+            background-color: #2B2726;
+            color: #FFFFFF;
+        }
+    </style>
+</head>
+<body>
+    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
+    <h1>Success</h1>
+    <p>{{ success_message }}</p>
+    <a href="/"><button>Upload another file</button></a>
+</body>
+</html>
\ No newline at end of file
