diff --git a/drawio/.$wireframe.drawio.bkp b/drawio/.$wireframe.drawio.bkp
new file mode 100644
index 0000000..a425f78
--- /dev/null
+++ b/drawio/.$wireframe.drawio.bkp
@@ -0,0 +1,10 @@
+<mxfile host="Electron" modified="2024-01-11T15:16:01.997Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="Xy6TXQstv-x76fA-QUX2" version="22.0.3" type="device">
+  <diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
+    <mxGraphModel dx="455" dy="331" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/drawio/.$wireframe.drawio.dtmp b/drawio/.$wireframe.drawio.dtmp
new file mode 100644
index 0000000..d7cc20f
--- /dev/null
+++ b/drawio/.$wireframe.drawio.dtmp
@@ -0,0 +1,31 @@
+<mxfile host="Electron" modified="2024-01-11T15:16:54.496Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="RDLxhbopvtTjRGxcupEC" version="22.0.3" type="device">
+  <diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
+    <mxGraphModel dx="935" dy="999" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-280" y="120" width="200" height="440" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-2" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-280" y="520" width="200" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-3" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-270" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-4" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-230" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-5" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-190" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-6" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-150" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-7" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-110" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/drawio/wireframe.drawio b/drawio/wireframe.drawio
new file mode 100644
index 0000000..b5310d5
--- /dev/null
+++ b/drawio/wireframe.drawio
@@ -0,0 +1,31 @@
+<mxfile host="Electron" modified="2024-01-11T15:16:53.612Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="h4As4iASfSKyAPbJoyQd" version="22.0.3" type="device">
+  <diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
+    <mxGraphModel dx="935" dy="999" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-280" y="120" width="200" height="440" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-2" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-280" y="520" width="200" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-3" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-270" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-4" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-230" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-5" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-190" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-6" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-150" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="AKu6wPjRgR59g6-QDu-s-7" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="-110" y="530" width="20" height="20" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/drawio/wireframe.svg b/drawio/wireframe.svg
new file mode 100644
index 0000000..f40bff1
--- /dev/null
+++ b/drawio/wireframe.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="202px" height="442px" viewBox="-0.5 -0.5 202 442" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2024-01-11T15:17:53.107Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36&quot; etag=&quot;S5Otxy1HPE9s8izBXyGM&quot; version=&quot;22.0.3&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;G1KguwVhr1MBZ1pU0tAe&quot;&gt;1ZZBT8MgFIB/TY9NCqzbetRtamJMdDt4JgULhpaGUdv566X2dW3VJfMwgxcC33s84IMDAVnlza2hpXjQjKsAR6wJyDrAOCGxa1twAJAkHciMZB1CA9jJdw4wAlpJxveTRKu1srKcwlQXBU/thFFjdD1Ne9FqumpJM1gxGsAupYp/S3uWzIqOLuNR9h2XmehXRhFEctonA9gLynQ9QmQTkJXR2na9vFlx1brrvXTzbk5EjxszvLDnTLi6r+b14+s228ZJNg+f1lW4D6HKG1UVHBg2aw+9AaOrgvG2SBSQ61pIy3clTdto7a7cMWFz5UbIdaEcN5Y3J/eJjqd3r4brnFtzcCkwIcRLMAZPBvUG6+ECcK9ZjOTPZgApXHp2LD54cR1Q8wtN+B9ois/WdClLxEdLiy+WyE+WvkvCl5I081ES8UxS7KEklHgmae6jpNgzSQsfJaE/k+SGww/jMzb6ppHNBw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="200" height="440" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="0" y="400" width="200" height="40" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="10" y="410" width="20" height="20" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="50" y="410" width="20" height="20" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="90" y="410" width="20" height="20" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="130" y="410" width="20" height="20" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="170" y="410" width="20" height="20" fill="rgb(24, 20, 29)" stroke="rgb(240, 240, 240)" pointer-events="all"/></g></svg>
\ No newline at end of file