diff --git a/frontend/templates/index.jinja b/frontend/templates/index.jinja
new file mode 100644
index 0000000..3b5f534
--- /dev/null
+++ b/frontend/templates/index.jinja
@@ -0,0 +1,51 @@
+<Layout title="PointCloud Viewer" active_tab="upload">
+  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+
+    <!-- Colonne gauche : upload -->
+    <div class="lg:col-span-1 flex flex-col gap-4">
+      <Card title="📤 Upload">
+        <p class="text-sm text-base-content/60 mb-3">
+          Formats acceptés : LAS, LAZ, PLY, XYZ, PTS
+        </p>
+        <form
+          hx-post="/upload"
+          hx-target="#upload-result"
+          hx-swap="innerHTML"
+          hx-encoding="multipart/form-data"
+          hx-indicator="#upload-spinner"
+        >
+          <input
+            type="file"
+            name="file"
+            accept=".las,.laz,.ply,.xyz,.pts"
+            class="file-input file-input-bordered w-full mb-4"
+            required
+          >
+          <div class="flex items-center gap-3">
+            <Button
+              label="🚀 Uploader &amp; convertir"
+              type="submit"
+              hx_indicator="#upload-spinner"
+            />
+            <Spinner id="upload-spinner" />
+          </div>
+        </form>
+      </Card>
+
+      <div id="upload-result"></div>
+    </div>
+
+    <!-- Colonne droite : viewer -->
+    <div class="lg:col-span-2">
+      <div
+        id="viewer-container"
+        class="card bg-base-100 shadow min-h-[600px] flex items-center justify-center"
+      >
+        <p class="text-base-content/40 text-sm">
+          Uploadez un fichier pour lancer la visualisation
+        </p>
+      </div>
+    </div>
+
+  </div>
+</Layout>
\ No newline at end of file