diff --git a/src/assets/iPad Pro.svg b/src/assets/iPad Pro.svg
new file mode 100644
index 0000000..0f91fad
--- /dev/null
+++ b/src/assets/iPad Pro.svg	
@@ -0,0 +1,61 @@
+<svg id="iPad_Pro" data-name="iPad Pro" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="924" height="709" viewBox="0 0 924 709">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.016" y1="0.018" x2="0.97" y2="0.963" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#b5b5b5"/>
+      <stop offset="0.5" stop-color="#c6c6c6"/>
+      <stop offset="1" stop-color="#7b7b7b"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="gray"/>
+      <stop offset="0.502" stop-color="#fff"/>
+      <stop offset="1" stop-color="gray"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.014" y1="0.5" x2="0.984" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#b6b6b6"/>
+      <stop offset="0.502" stop-color="#f5f5f5"/>
+      <stop offset="1" stop-color="#b7b7b7"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-5" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0"/>
+      <stop offset="1" stop-color="#272727"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-6" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0"/>
+      <stop offset="1" stop-color="#121212"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-9" x1="0.5" y1="1" x2="0.5" y2="0.164" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-opacity="0"/>
+      <stop offset="1" stop-color="#35618f" stop-opacity="0.675"/>
+    </linearGradient>
+  </defs>
+  <g id="iPad" transform="translate(0 0)">
+    <rect id="Rectangle_3" data-name="Rectangle 3" width="921.846" height="707.312" rx="56" transform="translate(2.154 1.688)" fill="url(#linear-gradient)"/>
+    <rect id="Rectangle_2" data-name="Rectangle 2" width="916.461" height="700.85" rx="52" transform="translate(5.385 4.919)" fill="#141414"/>
+    <path id="Rectangle_4" data-name="Rectangle 4" d="M2.154,0h0a0,0,0,0,1,0,0V38.769a0,0,0,0,1,0,0h0A2.154,2.154,0,0,1,0,36.615V2.154A2.154,2.154,0,0,1,2.154,0Z" transform="translate(0 44.765)" fill="url(#linear-gradient-2)"/>
+    <path id="Rectangle_5" data-name="Rectangle 5" d="M2.183,0H30a2.183,2.183,0,0,1,2.183,2.183v0a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0v0A2.183,2.183,0,0,1,2.183,0Z" transform="translate(66.293 0)" fill="url(#linear-gradient-3)"/>
+    <path id="Rectangle_8" data-name="Rectangle 8" d="M2.183,0H30a2.183,2.183,0,0,1,2.183,2.183v0a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0v0A2.183,2.183,0,0,1,2.183,0Z" transform="translate(105.791 0)" fill="url(#linear-gradient-3)"/>
+  </g>
+  <g id="Camera" transform="translate(11.846 304.191)">
+    <g id="Group_3" data-name="Group 3" transform="translate(0 0)">
+      <ellipse id="Ellipse_3" data-name="Ellipse 3" cx="7" cy="6.462" rx="7" ry="6.462" fill="url(#linear-gradient-5)"/>
+      <circle id="Ellipse_4" data-name="Ellipse 4" cx="5.923" cy="5.923" r="5.923" transform="translate(1.077 1.077)" fill="url(#linear-gradient-6)"/>
+    </g>
+    <g id="Group_7" data-name="Group 7" transform="translate(3.246 46.123)">
+      <circle id="Ellipse_3-2" data-name="Ellipse 3" cx="3.588" cy="3.588" r="3.588" fill="url(#linear-gradient-5)"/>
+      <circle id="Ellipse_4-2" data-name="Ellipse 4" cx="3.19" cy="3.19" r="3.19" transform="translate(0.399 0.399)" fill="url(#linear-gradient-6)"/>
+      <path id="Path_9" data-name="Path 9" d="M405.829,684.848c-1.42-.08-2.172,1.621-2.112,2.143a1.967,1.967,0,0,0,2.112,1.294,2.849,2.849,0,0,0,2.148-1.5C408.358,686.135,407.249,684.928,405.829,684.848Z" transform="translate(-402.235 -683.496)" fill="url(#linear-gradient-9)"/>
+    </g>
+    <g id="Group_4" data-name="Group 4" transform="translate(0 66.769)">
+      <ellipse id="Ellipse_3-3" data-name="Ellipse 3" cx="7" cy="6.462" rx="7" ry="6.462" transform="translate(0 0)" fill="url(#linear-gradient-5)"/>
+      <circle id="Ellipse_4-3" data-name="Ellipse 4" cx="5.923" cy="5.923" r="5.923" transform="translate(1.077 0)" fill="url(#linear-gradient-6)"/>
+    </g>
+    <g id="Group_5" data-name="Group 5" transform="translate(2.515 89.855)">
+      <circle id="Ellipse_3-4" data-name="Ellipse 3" cx="4.474" cy="4.474" r="4.474" fill="url(#linear-gradient-5)"/>
+      <circle id="Ellipse_4-4" data-name="Ellipse 4" cx="3.976" cy="3.976" r="3.976" transform="translate(0.497 0.497)" fill="url(#linear-gradient-6)"/>
+    </g>
+    <g id="Group_6" data-name="Group 6" transform="translate(5.441 28.294)">
+      <circle id="Ellipse_3-5" data-name="Ellipse 3" cx="1.668" cy="1.668" r="1.668" fill="url(#linear-gradient-5)"/>
+      <circle id="Ellipse_4-5" data-name="Ellipse 4" cx="1.483" cy="1.483" r="1.483" transform="translate(0.185 0.185)" fill="url(#linear-gradient-6)"/>
+    </g>
+  </g>
+</svg>