diff --git a/package.json b/package.json
index 875256cd18..7e86429210 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
         "@playwright/test": "^1.40.0",
         "@sveltejs/adapter-node": "^1.3.1",
         "@sveltejs/adapter-static": "^2.0.3",
+        "@sveltejs/enhanced-img": "^0.1.2",
         "@sveltejs/kit": "^1.27.6",
         "@types/compression": "^1.7.5",
         "@types/glob": "^8.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5169cdf3b0..5ac4adaefc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,6 +55,9 @@ devDependencies:
   '@sveltejs/adapter-static':
     specifier: ^2.0.3
     version: 2.0.3(@sveltejs/kit@1.27.6)
+  '@sveltejs/enhanced-img':
+    specifier: ^0.1.2
+    version: 0.1.5(svelte@4.2.7)
   '@sveltejs/kit':
     specifier: ^1.27.6
     version: 1.27.6(svelte@4.2.7)(vite@4.5.0)
@@ -1271,6 +1274,17 @@ packages:
       '@sveltejs/kit': 1.27.6(svelte@4.2.7)(vite@4.5.0)
     dev: true
 
+  /@sveltejs/enhanced-img@0.1.5(svelte@4.2.7):
+    resolution: {integrity: sha512-xwMBrs22CNoqZm+ZWEDFdnGAT91QO88s7rVq/B3KUZ2cAnSK+T5rBIF+n4Yyi+ULzf6RzidQD4zHw2LOPN4KUg==}
+    dependencies:
+      magic-string: 0.30.5
+      svelte-parse-markup: 0.1.2(svelte@4.2.7)
+      vite-imagetools: 6.2.4
+    transitivePeerDependencies:
+      - rollup
+      - svelte
+    dev: true
+
   /@sveltejs/kit@1.27.6(svelte@4.2.7)(vite@4.5.0):
     resolution: {integrity: sha512-GsjTkMbKzXdbeRg0tk8S7HNShQ4879ftRr0ZHaZfjbig1xQwG57Bvcm9U9/mpLJtCapLbLWUnygKrgcLISLC8A==}
     engines: {node: ^16.14 || >=18}
@@ -1940,7 +1954,6 @@ packages:
 
   /b4a@1.6.4:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
-    dev: false
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
@@ -1979,7 +1992,6 @@ packages:
       buffer: 5.7.1
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
 
   /bmp-js@0.1.0:
     resolution: {integrity: sha512-vHdS19CnY3hwiNdkaqk93DvjVLfbEcI8mys4UjuWrlX1haDmroo8o4xCzh4wD6DGV6HxRCyauwhHRqMTfERtjw==}
@@ -2211,7 +2223,6 @@ packages:
 
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-    dev: false
 
   /chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
@@ -2289,7 +2300,6 @@ packages:
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
-    dev: false
 
   /color-support@1.1.3:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
@@ -2302,7 +2312,6 @@ packages:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
-    dev: false
 
   /colors-cli@1.0.32:
     resolution: {integrity: sha512-zHMwyBeZ1PEo1sm11JA2SFw5/+5AB0aRBmQZbO8qOZ0bCeDEpoJDe+UZbG/oICiQ9/m6vLBd/3GASAP9GfSkwA==}
@@ -2504,7 +2513,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       mimic-response: 3.1.0
-    dev: false
 
   /deep-eql@4.1.3:
     resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
@@ -2516,7 +2524,6 @@ packages:
   /deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
-    dev: false
 
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
@@ -2599,7 +2606,6 @@ packages:
   /detect-libc@2.0.2:
     resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
-    dev: false
 
   /devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
@@ -2966,7 +2972,6 @@ packages:
   /expand-template@2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
-    dev: false
 
   /exponential-backoff@3.1.1:
     resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
@@ -3048,7 +3053,6 @@ packages:
 
   /fast-fifo@1.3.2:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
-    dev: false
 
   /fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
@@ -3192,7 +3196,6 @@ packages:
 
   /fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-    dev: false
 
   /fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
@@ -3279,7 +3282,6 @@ packages:
 
   /github-from-package@0.0.0:
     resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-    dev: false
 
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -3560,6 +3562,13 @@ packages:
     resolution: {integrity: sha512-y0BKZgnoDLRIF2J0Pg/Wa6uhY5i6SqR7Wfagghf0UHRpnWJ5jm1IS0bZjAV5ADOxHAM2zdzYWmw8EbQgEUlvmw==}
     dev: true
 
+  /imagetools-core@6.0.0:
+    resolution: {integrity: sha512-oH6Rng1AJSwaJnQ0nJBKvEPyz0u5tXHy4dN0ujvf7hMljVBh/Dp/qoDU1gGR26eR13VgyVKiy8XzXEBCwgHtCw==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      sharp: 0.32.6
+    dev: true
+
   /immutable@4.3.4:
     resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
     dev: true
@@ -3598,7 +3607,6 @@ packages:
 
   /ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-    dev: false
 
   /ini@4.1.1:
     resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
@@ -3623,7 +3631,6 @@ packages:
 
   /is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-    dev: false
 
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
@@ -4168,7 +4175,6 @@ packages:
   /mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
-    dev: false
 
   /min-document@2.19.0:
     resolution: {integrity: sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==}
@@ -4278,7 +4284,6 @@ packages:
 
   /mkdirp-classic@0.5.3:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-    dev: false
 
   /mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
@@ -4385,7 +4390,6 @@ packages:
 
   /napi-build-utils@1.0.2:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
-    dev: false
 
   /natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
@@ -4414,7 +4418,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       semver: 7.5.4
-    dev: false
 
   /node-addon-api@3.2.1:
     resolution: {integrity: sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==}
@@ -4424,7 +4427,6 @@ packages:
 
   /node-addon-api@6.1.0:
     resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
-    dev: false
 
   /node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
@@ -4885,7 +4887,6 @@ packages:
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
-    dev: false
 
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -4963,7 +4964,6 @@ packages:
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
-    dev: false
 
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
@@ -4983,7 +4983,6 @@ packages:
 
   /queue-tick@1.0.1:
     resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-    dev: false
 
   /range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
@@ -5008,7 +5007,6 @@ packages:
       ini: 1.3.8
       minimist: 1.2.8
       strip-json-comments: 2.0.1
-    dev: false
 
   /react-is@18.2.0:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
@@ -5283,7 +5281,6 @@ packages:
       simple-get: 4.0.1
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
-    dev: false
 
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -5320,7 +5317,6 @@ packages:
 
   /simple-concat@1.0.1:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-    dev: false
 
   /simple-get@4.0.1:
     resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
@@ -5328,13 +5324,11 @@ packages:
       decompress-response: 6.0.0
       once: 1.4.0
       simple-concat: 1.0.1
-    dev: false
 
   /simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
     dependencies:
       is-arrayish: 0.3.2
-    dev: false
 
   /sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
@@ -5488,7 +5482,6 @@ packages:
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
-    dev: false
 
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
@@ -5543,7 +5536,6 @@ packages:
   /strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
-    dev: false
 
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
@@ -5657,6 +5649,14 @@ packages:
       - react
     dev: true
 
+  /svelte-parse-markup@0.1.2(svelte@4.2.7):
+    resolution: {integrity: sha512-DycY7DJr7VqofiJ63ut1/NEG92HrWWL56VWITn/cJCu+LlZhMoBkBXT4opUitPEEwbq1nMQbv4vTKUfbOqIW1g==}
+    peerDependencies:
+      svelte: ^3.0.0 || ^4.0.0
+    dependencies:
+      svelte: 4.2.7
+    dev: true
+
   /svelte-preprocess@5.1.0(postcss@8.4.31)(sass@1.69.5)(svelte@4.2.7)(typescript@5.3.2):
     resolution: {integrity: sha512-EkErPiDzHAc0k2MF5m6vBNmRUh338h2myhinUw/xaqsLs7/ZvsgREiLGj03VrSzbY/TB5ZXgBOsKraFee5yceA==}
     engines: {node: '>= 14.10.0'}
@@ -5824,7 +5824,6 @@ packages:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 2.2.0
-    dev: false
 
   /tar-fs@3.0.4:
     resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
@@ -5832,7 +5831,6 @@ packages:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 3.1.6
-    dev: false
 
   /tar-stream@2.2.0:
     resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
@@ -5843,7 +5841,6 @@ packages:
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
 
   /tar-stream@3.1.6:
     resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
@@ -5851,7 +5848,6 @@ packages:
       b4a: 1.6.4
       fast-fifo: 1.3.2
       streamx: 2.15.5
-    dev: false
 
   /tar@6.2.0:
     resolution: {integrity: sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==}
@@ -6038,7 +6034,6 @@ packages:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
     dependencies:
       safe-buffer: 5.2.1
-    dev: false
 
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
@@ -6172,6 +6167,16 @@ packages:
     engines: {node: '>= 0.8'}
     dev: false
 
+  /vite-imagetools@6.2.4:
+    resolution: {integrity: sha512-ZeWDekJPb+N7WvdmyEcyvs9uLjjhjcQt7pO5LZrKcUan0V6+XizLJ/J1h4nSHduAb8+xpzfl7tPyf9rkk3ujBA==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
+      imagetools-core: 6.0.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /vite-node@0.32.4(@types/node@20.9.3)(sass@1.69.5):
     resolution: {integrity: sha512-L2gIw+dCxO0LK14QnUMoqSYpa9XRGnTTTDjW2h19Mr+GR0EFj4vx52W41gFXfMLqpA00eK4ZjOVYo1Xk//LFEw==}
     engines: {node: '>=v14.18.0'}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3d97527af4..7267f385c7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -99,10 +99,10 @@
         class="u-position-absolute"
         style="top: -800px; left: 50%; translate: -50%; pointer-events:none; z-index: 10"
     >
-        <img
+        <enhanced:img
             style="width:1466px; height:804px; transform:rotate(150.348deg); opacity: 0.65; filter: blur(127.5px);
 		max-block-size: unset; max-inline-size: unset;"
-            src="/images/bgs/top-page-dark.svg"
+            src="./top-page-dark.png"
             alt=""
         />
     </div>
diff --git a/src/routes/assets/+page.svelte b/src/routes/assets/+page.svelte
index fc81cdd6b6..c90ad620ea 100644
--- a/src/routes/assets/+page.svelte
+++ b/src/routes/assets/+page.svelte
@@ -68,7 +68,7 @@
 </svelte:head>
 
 <div class="u-position-absolute" style="pointer-events:none;">
-    <img src="/images/bgs/assets-bg.svg" alt="" />
+    <enhanced:img src="./bg.png" alt="" />
 </div>
 
 <Main>
diff --git a/src/routes/assets/bg.png b/src/routes/assets/bg.png
new file mode 100644
index 0000000000..e93c9c6458
Binary files /dev/null and b/src/routes/assets/bg.png differ
diff --git a/src/routes/company/+page.svelte b/src/routes/company/+page.svelte
index d02c5490ad..a95a24f9e3 100644
--- a/src/routes/company/+page.svelte
+++ b/src/routes/company/+page.svelte
@@ -1,309 +1,110 @@
 <script lang="ts">
-	import { Main } from '$lib/layouts';
-	import MainFooter from '$lib/components/MainFooter.svelte';
-	import FooterNav from '$lib/components/FooterNav.svelte';
-	import { TITLE_SUFFIX } from '$routes/titles';
-	import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
+    import { Main } from '$lib/layouts';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import { TITLE_SUFFIX } from '$routes/titles';
+    import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
 
-	const title = 'Company' + TITLE_SUFFIX;
-	const description = DEFAULT_DESCRIPTION;
-	const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
+    const title = 'Company' + TITLE_SUFFIX;
+    const description = DEFAULT_DESCRIPTION;
+    const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
 </script>
 
 <svelte:head>
-	<!-- Titles -->
-	<title>{title}</title>
-	<meta property="og:title" content={title} />
-	<meta name="twitter:title" content={title} />
-	<!-- Desscription -->
-	<meta name="description" content={description} />
-	<meta property="og:description" content={description} />
-	<meta name="twitter:description" content={description} />
-	<!-- Image -->
-	<meta property="og:image" content={ogImage} />
-	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="630" />
-	<meta name="twitter:image" content={ogImage} />
-	<meta name="twitter:card" content="summary_large_image" />
+    <!-- Titles -->
+    <title>{title}</title>
+    <meta property="og:title" content={title} />
+    <meta name="twitter:title" content={title} />
+    <!-- Desscription -->
+    <meta name="description" content={description} />
+    <meta property="og:description" content={description} />
+    <meta name="twitter:description" content={description} />
+    <!-- Image -->
+    <meta property="og:image" content={ogImage} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:image" content={ogImage} />
+    <meta name="twitter:card" content="summary_large_image" />
 </svelte:head>
 
 <Main>
-	<svg
-		style="position:absolute; inset-inline-start:0; inset-block-start:0"
-		xmlns="http://www.w3.org/2000/svg"
-		width="548"
-		height="1002"
-		viewBox="0 0 548 1002"
-		fill="none"
-	>
-		<g opacity="0.3" filter="url(#filter0_f_3087_100472)">
-			<ellipse cx="21.5" cy="408" rx="226.5" ry="294" fill="url(#paint0_radial_3087_100472)" />
-		</g>
-		<g filter="url(#filter1_f_3087_100472)">
-			<ellipse
-				cx="-64.3228"
-				cy="278.166"
-				rx="90.5"
-				ry="129"
-				transform="rotate(-27.3718 -64.3228 278.166)"
-				fill="url(#paint1_radial_3087_100472)"
-				fill-opacity="0.5"
-			/>
-		</g>
-		<g filter="url(#filter2_f_3087_100472)">
-			<ellipse
-				cx="-72.3228"
-				cy="149.166"
-				rx="90.5"
-				ry="129"
-				transform="rotate(-27.3718 -72.3228 149.166)"
-				fill="url(#paint2_radial_3087_100472)"
-				fill-opacity="0.8"
-			/>
-		</g>
-		<defs>
-			<filter
-				id="filter0_f_3087_100472"
-				x="-505"
-				y="-186"
-				width="1053"
-				height="1188"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_3087_100472" />
-			</filter>
-			<filter
-				id="filter1_f_3087_100472"
-				x="-304.212"
-				y="16.2529"
-				width="479.778"
-				height="523.826"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100472" />
-			</filter>
-			<filter
-				id="filter2_f_3087_100472"
-				x="-312.212"
-				y="-112.747"
-				width="479.778"
-				height="523.826"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100472" />
-			</filter>
-			<radialGradient
-				id="paint0_radial_3087_100472"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(7.91487 412.062) rotate(85.3898) scale(255.463 224.848)"
-			>
-				<stop stop-color="#E7F8F7" />
-				<stop offset="1" stop-color="#85DBD8" />
-			</radialGradient>
-			<radialGradient
-				id="paint1_radial_3087_100472"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(-64.3228 278.166) rotate(90) scale(129 90.5)"
-			>
-				<stop stop-color="#94DBD1" />
-				<stop offset="1" stop-color="#94DBD1" />
-			</radialGradient>
-			<radialGradient
-				id="paint2_radial_3087_100472"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(-72.3228 149.166) rotate(90) scale(129 90.5)"
-			>
-				<stop stop-color="#85DBD8" />
-				<stop offset="1" stop-color="#85DBD8" />
-			</radialGradient>
-		</defs>
-	</svg>
+    <enhanced:img
+        class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-0"
+        src="./bg-left.png"
+        alt=""
+    />
+    <enhanced:img
+        class="u-position-absolute u-inset-inline-end-0 u-inset-block-start-0"
+        src="./bg-right.png"
+        alt=""
+    />
+    <div class="aw-big-padding-section u-position-relative">
+        <div class="aw-big-padding-section-level-1 u-position-relative">
+            <div class="aw-big-padding-section-level-2" style:margin-block="8rem">
+                <section class="aw-container aw-u-padding-block-end-0">
+                    <div
+                        class="aw-hero"
+                        style="--hero-max-inline-size:62.125rem; --hero-gap:1.125rem;"
+                    >
+                        <h1 class="aw-headline aw-u-color-text-primary">
+                            Unleashing creativity and innovation in every creator
+                        </h1>
+                        <div>
+                            <p class="aw-description">
+                                Software development transforms our everyday lives, relying heavily
+                                on the creativity and innovation of developers. At Appwrite, we
+                                enable them to develop products the world loves by removing
+                                technical barriers with our backend products.
+                            </p>
+                        </div>
+                    </div>
+                </section>
+            </div>
+        </div>
+        <div class="aw-big-padding-section-level-1 u-position-relative">
+            <div class="aw-big-padding-section-level-2">
+                <section class="aw-container">
+                    <section
+                        class="aw-grid-1-1"
+                        style="--grid-1-1-gap:2rem; --grid-1-1-gap-desktop:6.25rem;"
+                    >
+                        <div class="u-flex-vertical u-gap-32">
+                            <h2 class="aw-display aw-u-color-text-primary">
+                                Designed for and by developers
+                            </h2>
+                            <a
+                                href="https://appwrite.careers"
+                                class="aw-button u-cross-child-start aw-u-inline-width-100-percent-mobile-break1"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <span>Join the team</span>
+                            </a>
+                        </div>
 
-	<svg
-		style="position:absolute; inset-inline-end:0; inset-block-start:0"
-		xmlns="http://www.w3.org/2000/svg"
-		width="692"
-		height="1375"
-		viewBox="0 0 692 1375"
-		fill="none"
-	>
-		<g opacity="0.4" filter="url(#filter0_f_3087_100467)">
-			<path
-				d="M1136.63 608.851C1161.69 839.714 994.849 1047.18 763.987 1072.23C533.124 1097.29 325.661 930.45 300.605 699.587C288.324 586.43 650.756 706.719 723.932 601.148C800.049 491.333 480.704 197.92 598.41 185.145C829.272 160.089 1111.58 377.989 1136.63 608.851Z"
-				fill="url(#paint0_radial_3087_100467)"
-			/>
-		</g>
-		<g filter="url(#filter1_f_3087_100467)">
-			<ellipse
-				cx="859.818"
-				cy="694.686"
-				rx="240.528"
-				ry="83.6662"
-				transform="rotate(-27.3718 859.818 694.686)"
-				fill="url(#paint1_radial_3087_100467)"
-			/>
-		</g>
-		<g filter="url(#filter2_f_3087_100467)">
-			<ellipse
-				cx="934.252"
-				cy="584.438"
-				rx="198.079"
-				ry="80.5752"
-				transform="rotate(-143.27 934.252 584.438)"
-				fill="url(#paint2_radial_3087_100467)"
-				fill-opacity="0.5"
-			/>
-		</g>
-		<defs>
-			<filter
-				id="filter0_f_3087_100467"
-				x="0.299805"
-				y="-116.826"
-				width="1438.82"
-				height="1491.55"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_3087_100467" />
-			</filter>
-			<filter
-				id="filter1_f_3087_100467"
-				x="482.746"
-				y="401.445"
-				width="754.145"
-				height="586.483"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="80" result="effect1_foregroundBlur_3087_100467" />
-			</filter>
-			<filter
-				id="filter2_f_3087_100467"
-				x="628.302"
-				y="309.494"
-				width="611.899"
-				height="549.888"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100467" />
-			</filter>
-			<radialGradient
-				id="paint0_radial_3087_100467"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(718.619 654.219) rotate(83.8058) scale(420.468 420.468)"
-			>
-				<stop offset="0.281696" stop-color="#FE9567" />
-				<stop offset="0.59375" stop-color="#FD366E" />
-			</radialGradient>
-			<radialGradient
-				id="paint1_radial_3087_100467"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(859.818 694.686) rotate(90) scale(83.6662 240.528)"
-			>
-				<stop stop-color="#FE9567" />
-				<stop offset="1" stop-color="#FE9567" stop-opacity="0" />
-			</radialGradient>
-			<radialGradient
-				id="paint2_radial_3087_100467"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(934.252 584.438) rotate(90) scale(80.5752 198.079)"
-			>
-				<stop stop-color="#FE9567" />
-				<stop offset="1" stop-color="#FD366E" />
-			</radialGradient>
-		</defs>
-	</svg>
-	<div class="aw-big-padding-section u-position-relative">
-		<div class="aw-big-padding-section-level-1 u-position-relative">
-			<div class="aw-big-padding-section-level-2" style:margin-block="8rem">
-				<section class="aw-container aw-u-padding-block-end-0">
-					<div class="aw-hero" style="--hero-max-inline-size:62.125rem; --hero-gap:1.125rem;">
-						<h1 class="aw-headline aw-u-color-text-primary">
-							Unleashing creativity and innovation in every creator
-						</h1>
-						<div>
-							<p class="aw-description">
-								Software development transforms our everyday lives, relying heavily on the
-								creativity and innovation of developers. At Appwrite, we enable them to develop
-								products the world loves by removing technical barriers with our backend products.
-							</p>
-						</div>
-					</div>
-				</section>
-			</div>
-		</div>
-		<div class="aw-big-padding-section-level-1 u-position-relative">
-			<div class="aw-big-padding-section-level-2">
-				<section class="aw-container">
-					<section class="aw-grid-1-1" style="--grid-1-1-gap:2rem; --grid-1-1-gap-desktop:6.25rem;">
-						<div class="u-flex-vertical u-gap-32">
-							<h2 class="aw-display aw-u-color-text-primary">Designed for and by developers</h2>
-							<a
-								href="https://appwrite.careers"
-								class="aw-button u-cross-child-start aw-u-inline-width-100-percent-mobile-break1"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<span>Join the team</span>
-						</a>
-						</div>
-
-						<div class="aw-description u-flex-vertical u-gap-16">
-							<p>
-								At Appwrite it is our mission to eliminate friction and abstract complexity for
-								every creator. Giving developers all the tools they need with the best experience
-								possible to have all the capabilities to create and innovate without limits and with
-								minimum concerns.
-							</p>
-							<p>
-								We do this by building the most complete development platform created for
-								developers, backed by the open source community. A platform that has all the
-								solutions you need in one place, with maximum flexibility and minimum friction. A
-								platform that moves with you on your journey, from ideation to scale. A platform
-								that allows you to succeed in the challenges of today, and those of tomorrow.
-							</p>
-							<p>Build like a team of hundreds.</p>
-						</div>
-					</section>
-				</section>
-			</div>
-		</div>
+                        <div class="aw-description u-flex-vertical u-gap-16">
+                            <p>
+                                At Appwrite it is our mission to eliminate friction and abstract
+                                complexity for every creator. Giving developers all the tools they
+                                need with the best experience possible to have all the capabilities
+                                to create and innovate without limits and with minimum concerns.
+                            </p>
+                            <p>
+                                We do this by building the most complete development platform
+                                created for developers, backed by the open source community. A
+                                platform that has all the solutions you need in one place, with
+                                maximum flexibility and minimum friction. A platform that moves with
+                                you on your journey, from ideation to scale. A platform that allows
+                                you to succeed in the challenges of today, and those of tomorrow.
+                            </p>
+                            <p>Build like a team of hundreds.</p>
+                        </div>
+                    </section>
+                </section>
+            </div>
+        </div>
 
-		<!-- <div class="aw-big-padding-section-level-1 u-position-relative aw-white-section theme-light">
+        <!-- <div class="aw-big-padding-section-level-1 u-position-relative aw-white-section theme-light">
 			<div class="aw-big-padding-section-level-2">
 				<div class="aw-container">
 					<div class="aw-hero is-center">
@@ -481,275 +282,324 @@
 				</div>
 			</div>
 		</div> -->
-		<div class="aw-big-padding-section-level-1 aw-white-section theme-light">
-			<div class="aw-big-padding-section-level-2">
-				<div class="aw-container">
-					<div class="aw-hero aw-u-max-width-800">
-						<h4 class="aw-display aw-u-color-text-primary">Backed by top investors</h4>
-						<p class="aw-description aw-u-max-width-480 u-margin-inline-auto">
-							Appwrite is proudly backed by some of the top investors in the industry.
-						</p>
-					</div>
-					<ul class="aw-investor-cards aw-u-margin-block-start-64">
-						<li>
-							<a
-								href="https://www.bvp.com/"
-								class="aw-card"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<div class="aw-card is-full-color" style="--card-padding:1rem;">
-									<img src="/images/investors/light/bessemer.svg" alt="" height="63" />
-								</div>
-							</a>
-						</li>
-						<li>
-							<a
-								href="https://www.tigerglobal.com/"
-								class="aw-card"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<div class="aw-card is-full-color" style="--card-padding:1rem;">
-									<img src="/images/investors/light/tiger-global.svg" alt="" height="63" />
-								</div>
-							</a>
-						</li>
-						<li>
-							<a
-								href="https://www.ibexinvestors.com/"
-								class="aw-card"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<div class="aw-card is-full-color" style="--card-padding:1rem;">
-									<img src="/images/investors/light/ibex.svg" alt="" height="63" />
-								</div>
-							</a>
-						</li>
-						<li>
-							<a
-								href="https://www.flybridge.com/"
-								class="aw-card"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<div class="aw-card is-full-color" style="--card-padding:1rem;">
-									<img src="/images/investors/light/flybridge.svg" alt="" height="63" />
-								</div>
-							</a>
-						</li>
-						<li>
-							<a
-								href="https://seedcamp.com/"
-								class="aw-card"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								<div class="aw-card is-full-color" style="--card-padding:1rem;">
-									<img src="/images/investors/light/seedcamp.svg" alt="" height="63" />
-								</div>
-							</a>
-						</li>
-					</ul>
-				</div>
-			</div>
-			<div class="aw-big-padding-section-level-2">
-				<div class="aw-container">
-					<h5 class="aw-title aw-u-color-text-primary u-text-center">Angel Investors</h5>
-					<ul class="aw-grid-2c-4c u-margin-block-start-48">
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Aaron Applebaum</h6>
-							<p class="aw-main-body-500">Partner</p>
-							<p class="aw-main-body-500">MizMaa</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/aapplbaum"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-								<li>
-									<a
-										href="https://twitter.com/aapplbaum"
-										class="aw-icon-button"
-										aria-label=" on aTwitter"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-twitter" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Ariel Maislos</h6>
-							<p class="aw-main-body-500">Angel Investor</p>
-							<p class="aw-main-body-500">Former Apple IL CEO</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/arielmaislos"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-								<li>
-									<a
-										href="https://twitter.com/arielmaislos"
-										class="aw-icon-button"
-										aria-label=" on aTwitter"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-twitter" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Gilad Engel</h6>
-							<p class="aw-main-body-500">Angel Investor</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto" />
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Krishna Visvanathan</h6>
-							<p class="aw-main-body-500">Co-founder & Partner</p>
-							<p class="aw-main-body-500">Crane Venture Partners</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/KVCVP"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Ameet Patel</h6>
-							<p class="aw-main-body-500">Angel Investor</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/ameet-patel"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Benno Jering</h6>
-							<p class="aw-main-body-500">Partner</p>
-							<p class="aw-main-body-500">Redline Capital</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/bennojering/"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">James Lindenbaum</h6>
-							<p class="aw-main-body-500">Co-founder</p>
-							<p class="aw-main-body-500">Heroku</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://github.com/jnl"
-										class="aw-icon-button"
-										aria-label=" on aGithub"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-github" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-						<li class="u-flex-vertical">
-							<h6 class="aw-main-body-500 aw-u-color-text-primary">Uri Boness</h6>
-							<p class="aw-main-body-500">Co-Founder</p>
-							<p class="aw-main-body-500">Elastic</p>
-							<ul class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
-								<li>
-									<a
-										href="https://twitter.com/uboness"
-										class="aw-icon-button"
-										aria-label=" on aTwitter"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										<span class="aw-icon-twitter" aria-hidden="true" />
-									</a>
-								</li>
-							</ul>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</div>
+        <div class="aw-big-padding-section-level-1 aw-white-section theme-light">
+            <div class="aw-big-padding-section-level-2">
+                <div class="aw-container">
+                    <div class="aw-hero aw-u-max-width-800">
+                        <h4 class="aw-display aw-u-color-text-primary">Backed by top investors</h4>
+                        <p class="aw-description aw-u-max-width-480 u-margin-inline-auto">
+                            Appwrite is proudly backed by some of the top investors in the industry.
+                        </p>
+                    </div>
+                    <ul class="aw-investor-cards aw-u-margin-block-start-64">
+                        <li>
+                            <a
+                                href="https://www.bvp.com/"
+                                class="aw-card"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <div class="aw-card is-full-color" style="--card-padding:1rem;">
+                                    <img
+                                        src="/images/investors/light/bessemer.svg"
+                                        alt=""
+                                        height="63"
+                                    />
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a
+                                href="https://www.tigerglobal.com/"
+                                class="aw-card"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <div class="aw-card is-full-color" style="--card-padding:1rem;">
+                                    <img
+                                        src="/images/investors/light/tiger-global.svg"
+                                        alt=""
+                                        height="63"
+                                    />
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a
+                                href="https://www.ibexinvestors.com/"
+                                class="aw-card"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <div class="aw-card is-full-color" style="--card-padding:1rem;">
+                                    <img
+                                        src="/images/investors/light/ibex.svg"
+                                        alt=""
+                                        height="63"
+                                    />
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a
+                                href="https://www.flybridge.com/"
+                                class="aw-card"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <div class="aw-card is-full-color" style="--card-padding:1rem;">
+                                    <img
+                                        src="/images/investors/light/flybridge.svg"
+                                        alt=""
+                                        height="63"
+                                    />
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a
+                                href="https://seedcamp.com/"
+                                class="aw-card"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <div class="aw-card is-full-color" style="--card-padding:1rem;">
+                                    <img
+                                        src="/images/investors/light/seedcamp.svg"
+                                        alt=""
+                                        height="63"
+                                    />
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="aw-big-padding-section-level-2">
+                <div class="aw-container">
+                    <h5 class="aw-title aw-u-color-text-primary u-text-center">Angel Investors</h5>
+                    <ul class="aw-grid-2c-4c u-margin-block-start-48">
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">
+                                Aaron Applebaum
+                            </h6>
+                            <p class="aw-main-body-500">Partner</p>
+                            <p class="aw-main-body-500">MizMaa</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/aapplbaum"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                                <li>
+                                    <a
+                                        href="https://twitter.com/aapplbaum"
+                                        class="aw-icon-button"
+                                        aria-label=" on aTwitter"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-twitter" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">Ariel Maislos</h6>
+                            <p class="aw-main-body-500">Angel Investor</p>
+                            <p class="aw-main-body-500">Former Apple IL CEO</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/arielmaislos"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                                <li>
+                                    <a
+                                        href="https://twitter.com/arielmaislos"
+                                        class="aw-icon-button"
+                                        aria-label=" on aTwitter"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-twitter" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">Gilad Engel</h6>
+                            <p class="aw-main-body-500">Angel Investor</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            />
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">
+                                Krishna Visvanathan
+                            </h6>
+                            <p class="aw-main-body-500">Co-founder & Partner</p>
+                            <p class="aw-main-body-500">Crane Venture Partners</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/KVCVP"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">Ameet Patel</h6>
+                            <p class="aw-main-body-500">Angel Investor</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/ameet-patel"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">Benno Jering</h6>
+                            <p class="aw-main-body-500">Partner</p>
+                            <p class="aw-main-body-500">Redline Capital</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/bennojering/"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">
+                                James Lindenbaum
+                            </h6>
+                            <p class="aw-main-body-500">Co-founder</p>
+                            <p class="aw-main-body-500">Heroku</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://github.com/jnl"
+                                        class="aw-icon-button"
+                                        aria-label=" on aGithub"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-github" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="u-flex-vertical">
+                            <h6 class="aw-main-body-500 aw-u-color-text-primary">Uri Boness</h6>
+                            <p class="aw-main-body-500">Co-Founder</p>
+                            <p class="aw-main-body-500">Elastic</p>
+                            <ul
+                                class="u-flex u-gap-8 u-padding-block-start-16 u-margin-block-start-auto"
+                            >
+                                <li>
+                                    <a
+                                        href="https://twitter.com/uboness"
+                                        class="aw-icon-button"
+                                        aria-label=" on aTwitter"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        <span class="aw-icon-twitter" aria-hidden="true" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
 
-		<div class="aw-big-padding-section-level-1 u-padding-0 u-overflow-hidden">
-			<div class="aw-big-padding-section-level-2 is-margin-replace-padding u-position-relative">
-				<img src="/images/bgs/pre-footer.svg" alt="" class="aw-pre-footer-bg" style="z-index:-1" />
-				<div class="aw-container">
-					<div class="aw-hero aw-u-max-width-380">
-						<h3 class="aw-display aw-u-color-text-primary">Join the team</h3>
-						<p class="aw-u-color-text-primary aw-u-opacity-64">
-							Find your next career at Appwrite and join a team of remote workers.
-						</p>
-						<a
-							href="https://appwrite.careers"
-							target="_blank"
-							rel="noopener noreferrer"
-							class="aw-button is-transparent u-cross-child-center u-margin-block-start-16"
-						>
-							<span>Careers</span>
-						</a>
-					</div>
-					<FooterNav />
-					<MainFooter />
-				</div>
-			</div>
-		</div>
-	</div>
+        <div class="aw-big-padding-section-level-1 u-padding-0 u-overflow-hidden">
+            <div
+                class="aw-big-padding-section-level-2 is-margin-replace-padding u-position-relative"
+            >
+                <img
+                    src="/images/bgs/pre-footer.png"
+                    alt=""
+                    class="aw-pre-footer-bg"
+                    style="z-index:-1"
+                />
+                <div class="aw-container">
+                    <div class="aw-hero aw-u-max-width-380">
+                        <h3 class="aw-display aw-u-color-text-primary">Join the team</h3>
+                        <p class="aw-u-color-text-primary aw-u-opacity-64">
+                            Find your next career at Appwrite and join a team of remote workers.
+                        </p>
+                        <a
+                            href="https://appwrite.careers"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            class="aw-button is-transparent u-cross-child-center u-margin-block-start-16"
+                        >
+                            <span>Careers</span>
+                        </a>
+                    </div>
+                    <FooterNav />
+                    <MainFooter />
+                </div>
+            </div>
+        </div>
+    </div>
 </Main>
 
 <style lang="scss">
-	.aw-pre-footer-bg {
-		position: absolute;
-		top: clamp(300px, 50vw, 50%);
-		left: clamp(300px, 50vw, 50%);
-		transform: translate(-50%, -70%);
-		width: clamp(1200px, 200vw, 3000px);
-		height: auto;
-		max-inline-size: unset;
-		max-block-size: unset;
-	}
+    .aw-pre-footer-bg {
+        position: absolute;
+        top: clamp(300px, 50vw, 50%);
+        left: clamp(300px, 50vw, 50%);
+        transform: translate(-50%, -70%);
+        width: clamp(1200px, 200vw, 3000px);
+        height: auto;
+        max-inline-size: unset;
+        max-block-size: unset;
+    }
 </style>
diff --git a/src/routes/company/bg-left.png b/src/routes/company/bg-left.png
new file mode 100644
index 0000000000..9ed97f49eb
Binary files /dev/null and b/src/routes/company/bg-left.png differ
diff --git a/src/routes/company/bg-right.png b/src/routes/company/bg-right.png
new file mode 100644
index 0000000000..b20dcef5e4
Binary files /dev/null and b/src/routes/company/bg-right.png differ
diff --git a/src/routes/contact-us/+page.svelte b/src/routes/contact-us/+page.svelte
index 6cb1e6edf3..050abf1b01 100644
--- a/src/routes/contact-us/+page.svelte
+++ b/src/routes/contact-us/+page.svelte
@@ -1,259 +1,233 @@
 <script lang="ts">
-	import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
-	import { Main } from '$lib/layouts';
-	import { TITLE_SUFFIX } from '$routes/titles';
-	import FooterNav from '../../lib/components/FooterNav.svelte';
-	import MainFooter from '../../lib/components/MainFooter.svelte';
+    import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
+    import { Main } from '$lib/layouts';
+    import { TITLE_SUFFIX } from '$routes/titles';
+    import FooterNav from '../../lib/components/FooterNav.svelte';
+    import MainFooter from '../../lib/components/MainFooter.svelte';
 
-	let email = '';
-	let firstName = '';
-	let subject = '';
-	let message = '';
-	let error: string | undefined;
-	let submitted = false;
+    let email = '';
+    let firstName = '';
+    let subject = '';
+    let message = '';
+    let error: string | undefined;
+    let submitted = false;
 
-	async function handleSubmit() {
-		error = undefined;
-		const response = await fetch('https://growth.appwrite.io/v1/feedback', {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify({
-				email,
-				firstName,
-				subject,
-				message
-			})
-		});
-		if (response.status >= 400) {
-			error = response.status >= 500 ? 'Server Error.' : 'Error submitting form.';
-			return;
-		}
+    async function handleSubmit() {
+        error = undefined;
+        const response = await fetch('https://growth.appwrite.io/v1/feedback', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                email,
+                firstName,
+                subject,
+                message
+            })
+        });
+        if (response.status >= 400) {
+            error = response.status >= 500 ? 'Server Error.' : 'Error submitting form.';
+            return;
+        }
 
-		submitted = true;
-	}
+        submitted = true;
+    }
 
-	const title = 'Contact us' + TITLE_SUFFIX;
-	const description = DEFAULT_DESCRIPTION;
-	const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
+    const title = 'Contact us' + TITLE_SUFFIX;
+    const description = DEFAULT_DESCRIPTION;
+    const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
 </script>
 
 <svelte:head>
-	<!-- Titles -->
-	<title>{title}</title>
-	<meta property="og:title" content={title} />
-	<meta name="twitter:title" content={title} />
-	<!-- Desscription -->
-	<meta name="description" content={description} />
-	<meta property="og:description" content={description} />
-	<meta name="twitter:description" content={description} />
-	<!-- Image -->
-	<meta property="og:image" content={ogImage} />
-	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="630" />
-	<meta name="twitter:image" content={ogImage} />
-	<meta name="twitter:card" content="summary_large_image" />
+    <!-- Titles -->
+    <title>{title}</title>
+    <meta property="og:title" content={title} />
+    <meta name="twitter:title" content={title} />
+    <!-- Desscription -->
+    <meta name="description" content={description} />
+    <meta property="og:description" content={description} />
+    <meta name="twitter:description" content={description} />
+    <!-- Image -->
+    <meta property="og:image" content={ogImage} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:image" content={ogImage} />
+    <meta name="twitter:card" content="summary_large_image" />
 </svelte:head>
 
 <div class="u-position-absolute" style="pointer-events:none;">
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="692"
-		height="1171"
-		viewBox="0 0 692 1171"
-		fill="none"
-		style="max-inline-size:100%;"
-	>
-		<g opacity="0.4" filter="url(#filter0_f_1577_37321)">
-			<path
-				d="M-96.9811 29.2126C-329.155 33.7322 -513.706 225.611 -509.186 457.785C-504.667 689.959 -312.788 874.51 -80.6141 869.99C33.1857 867.775 -132.237 523.592 -36.8339 437.579C62.4044 348.109 394.063 627.529 391.759 509.155C387.239 276.98 135.193 24.693 -96.9811 29.2126Z"
-				fill="url(#paint0_radial_1577_37321)"
-			/>
-		</g>
-		<defs>
-			<filter
-				id="filter0_f_1577_37321"
-				x="-809.268"
-				y="-270.847"
-				width="1501.04"
-				height="1440.92"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-				<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_1577_37321" />
-			</filter>
-			<radialGradient
-				id="paint0_radial_1577_37321"
-				cx="0"
-				cy="0"
-				r="1"
-				gradientUnits="userSpaceOnUse"
-				gradientTransform="translate(-88.7975 449.601) rotate(178.885) scale(420.468 420.468)"
-			>
-				<stop offset="0.281696" stop-color="#FE9567" />
-				<stop offset="0.59375" stop-color="#FD366E" />
-			</radialGradient>
-		</defs>
-	</svg>
+    <enhanced:img src="./bg.png" alt="" />
 </div>
 
 <Main>
-	<div class="aw-big-padding-section">
-		<div class="aw-big-padding-section-level-1">
-			<div class="aw-big-padding-section-level-2">
-				<div class="aw-container">
-					<div class="aw-grid-1-1-opt-2 u-gap-32">
-						<div>
-							<div class="aw-u-max-inline-size-none-mobile" class:aw-u-max-width-380={!submitted}>
-								{#if submitted}
-									<section class="u-flex-vertical aw-u-gap-20">
-										<h1 class="aw-display aw-u-color-text-primary">Thank you for your message</h1>
-										<p class="aw-description aw-u-padding-block-end-32">
-											Your message has been sent successfully. We appreciate your feedback, our team
-											will try to get back to you as soon as possible.
-										</p>
-										<a href="/" class="aw-button is-secondary aw-u-margin-block-end-32">
-											<span>Back to homepage</span>
-										</a>
-									</section>
-								{:else}
-									<section class="u-flex-vertical aw-u-gap-20">
-										<h1 class="aw-display aw-u-color-text-primary">Contact Us</h1>
-										<p class="aw-description aw-u-padding-block-end-40">
-											We'd love your input: questions, feature requests, bugs or compliments.
-										</p>
-									</section>
-								{/if}
-								<section
-									class="u-flex-vertical u-gap-12 aw-u-padding-block-start-40 aw-u-sep-block-start"
-								>
-									<h2 class="aw-label aw-u-color-text-primary">Follow us</h2>
-									<ul class="u-flex u-gap-8">
-										<li>
-											<a
-												href="/discord"
-												class="aw-icon-button"
-												aria-label="Appwrite on aw-icon-discord"
-												target="_blank"
-												rel="noopener noreferrer"
-											>
-												<span class="aw-icon-discord" aria-hidden="true" />
-											</a>
-										</li>
-										<li>
-											<a
-												href="https://github.com/appwrite"
-												class="aw-icon-button"
-												aria-label="Appwrite on aw-icon-github"
-												target="_blank"
-												rel="noopener noreferrer"
-											>
-												<span class="aw-icon-github" aria-hidden="true" />
-											</a>
-										</li>
-										<li>
-											<a
-												href="https://twitter.com/appwrite"
-												class="aw-icon-button"
-												aria-label="Appwrite on aw-icon-x"
-												target="_blank"
-												rel="noopener noreferrer"
-											>
-												<span class="aw-icon-x" aria-hidden="true" />
-											</a>
-										</li>
-										<li>
-											<a
-												href="https://linkedin.com/company/appwrite"
-												class="aw-icon-button"
-												aria-label="Appwrite on aw-icon-linkedin"
-												target="_blank"
-												rel="noopener noreferrer"
-											>
-												<span class="aw-icon-linkedin" aria-hidden="true" />
-											</a>
-										</li>
-										<li>
-											<a
-												href="https://youtube.com/c/appwrite?sub_confirmation=1"
-												class="aw-icon-button"
-												aria-label="Appwrite on YouTube"
-												target="_blank"
-												rel="noopener noreferrer"
-											>
-												<span class="aw-icon-youtube" aria-hidden="true" />
-											</a>
-										</li>
-									</ul>
-								</section>
-								<div
-									class="aw-is-only-mobile aw-u-margin-block-start-40 aw-u-padding-block-start-40 aw-u-sep-block-start"
-								/>
-							</div>
-						</div>
-						{#if !submitted}
-							<form
-								method="post"
-								on:submit|preventDefault={handleSubmit}
-								class="u-flex-vertical u-gap-16"
-							>
-								<div class="u-flex u-main-end">
-									<ul
-										class="aw-form-list is-two-columns u-gap-16 u-width-full-line aw-u-max-width-580 aw-u-max-inline-size-none-mobile"
-									>
-										<li class="aw-form-item">
-											<input
-												required
-												class="aw-input-text"
-												type="text"
-												placeholder="Name"
-												aria-label="Name"
-												bind:value={firstName}
-											/>
-										</li>
-										<li class="aw-form-item">
-											<input
-												required
-												class="aw-input-text"
-												type="email"
-												placeholder="Email address"
-												aria-label="Email address"
-												bind:value={email}
-											/>
-										</li>
-										<li class="aw-form-item is-column-span-2">
-											<input
-												required
-												class="aw-input-text"
-												type="text"
-												name="subject"
-												placeholder="Subject"
-												aria-label="Subject"
-												bind:value={subject}
-											/>
-										</li>
-										<li class="aw-form-item is-column-span-2">
-											<textarea
-												required
-												name="message"
-												class="aw-input-text"
-												placeholder="Your message"
-												aria-label="Message"
-												bind:value={message}
-											/>
-										</li>
-									</ul>
-								</div>
-								<div class="u-flex u-gap-16 u-main-space-between aw-u-flex-vertical-reverse-mobile">
-									<p class="aw-caption-400 aw-u-max-width-380">
-										{#if error}
-											{error}
-										{/if}
-									</p>
-									<!-- <p class="aw-caption-400 aw-u-max-width-380">
+    <div class="aw-big-padding-section">
+        <div class="aw-big-padding-section-level-1">
+            <div class="aw-big-padding-section-level-2">
+                <div class="aw-container">
+                    <div class="aw-grid-1-1-opt-2 u-gap-32">
+                        <div>
+                            <div
+                                class="aw-u-max-inline-size-none-mobile"
+                                class:aw-u-max-width-380={!submitted}
+                            >
+                                {#if submitted}
+                                    <section class="u-flex-vertical aw-u-gap-20">
+                                        <h1 class="aw-display aw-u-color-text-primary">
+                                            Thank you for your message
+                                        </h1>
+                                        <p class="aw-description aw-u-padding-block-end-32">
+                                            Your message has been sent successfully. We appreciate
+                                            your feedback, our team will try to get back to you as
+                                            soon as possible.
+                                        </p>
+                                        <a
+                                            href="/"
+                                            class="aw-button is-secondary aw-u-margin-block-end-32"
+                                        >
+                                            <span>Back to homepage</span>
+                                        </a>
+                                    </section>
+                                {:else}
+                                    <section class="u-flex-vertical aw-u-gap-20">
+                                        <h1 class="aw-display aw-u-color-text-primary">
+                                            Contact Us
+                                        </h1>
+                                        <p class="aw-description aw-u-padding-block-end-40">
+                                            We'd love your input: questions, feature requests, bugs
+                                            or compliments.
+                                        </p>
+                                    </section>
+                                {/if}
+                                <section
+                                    class="u-flex-vertical u-gap-12 aw-u-padding-block-start-40 aw-u-sep-block-start"
+                                >
+                                    <h2 class="aw-label aw-u-color-text-primary">Follow us</h2>
+                                    <ul class="u-flex u-gap-8">
+                                        <li>
+                                            <a
+                                                href="/discord"
+                                                class="aw-icon-button"
+                                                aria-label="Appwrite on aw-icon-discord"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                <span class="aw-icon-discord" aria-hidden="true" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a
+                                                href="https://github.com/appwrite"
+                                                class="aw-icon-button"
+                                                aria-label="Appwrite on aw-icon-github"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                <span class="aw-icon-github" aria-hidden="true" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a
+                                                href="https://twitter.com/appwrite"
+                                                class="aw-icon-button"
+                                                aria-label="Appwrite on aw-icon-x"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                <span class="aw-icon-x" aria-hidden="true" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a
+                                                href="https://linkedin.com/company/appwrite"
+                                                class="aw-icon-button"
+                                                aria-label="Appwrite on aw-icon-linkedin"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                <span class="aw-icon-linkedin" aria-hidden="true" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a
+                                                href="https://youtube.com/c/appwrite?sub_confirmation=1"
+                                                class="aw-icon-button"
+                                                aria-label="Appwrite on YouTube"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                <span class="aw-icon-youtube" aria-hidden="true" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </section>
+                                <div
+                                    class="aw-is-only-mobile aw-u-margin-block-start-40 aw-u-padding-block-start-40 aw-u-sep-block-start"
+                                />
+                            </div>
+                        </div>
+                        {#if !submitted}
+                            <form
+                                method="post"
+                                on:submit|preventDefault={handleSubmit}
+                                class="u-flex-vertical u-gap-16"
+                            >
+                                <div class="u-flex u-main-end">
+                                    <ul
+                                        class="aw-form-list is-two-columns u-gap-16 u-width-full-line aw-u-max-width-580 aw-u-max-inline-size-none-mobile"
+                                    >
+                                        <li class="aw-form-item">
+                                            <input
+                                                required
+                                                class="aw-input-text"
+                                                type="text"
+                                                placeholder="Name"
+                                                aria-label="Name"
+                                                bind:value={firstName}
+                                            />
+                                        </li>
+                                        <li class="aw-form-item">
+                                            <input
+                                                required
+                                                class="aw-input-text"
+                                                type="email"
+                                                placeholder="Email address"
+                                                aria-label="Email address"
+                                                bind:value={email}
+                                            />
+                                        </li>
+                                        <li class="aw-form-item is-column-span-2">
+                                            <input
+                                                required
+                                                class="aw-input-text"
+                                                type="text"
+                                                name="subject"
+                                                placeholder="Subject"
+                                                aria-label="Subject"
+                                                bind:value={subject}
+                                            />
+                                        </li>
+                                        <li class="aw-form-item is-column-span-2">
+                                            <textarea
+                                                required
+                                                name="message"
+                                                class="aw-input-text"
+                                                placeholder="Your message"
+                                                aria-label="Message"
+                                                bind:value={message}
+                                            />
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div
+                                    class="u-flex u-gap-16 u-main-space-between aw-u-flex-vertical-reverse-mobile"
+                                >
+                                    <p class="aw-caption-400 aw-u-max-width-380">
+                                        {#if error}
+                                            {error}
+                                        {/if}
+                                    </p>
+                                    <!-- <p class="aw-caption-400 aw-u-max-width-380">
 										This form is protected by reCAPTCHA, and the Google <a
 											class="aw-link"
 											href="/privacy"
@@ -261,23 +235,23 @@
 										>
 										and <a class="aw-link" href="/terms" target="_blank" rel="noopener noreferrer">Terms of Service</a> apply.
 									</p> -->
-									<button
-										type="submit"
-										class="aw-button u-cross-child-center aw-u-inline-width-100-percent-mobile-break1"
-									>
-										<span>Submit</span>
-									</button>
-								</div>
-							</form>
-						{/if}
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+                                    <button
+                                        type="submit"
+                                        class="aw-button u-cross-child-center aw-u-inline-width-100-percent-mobile-break1"
+                                    >
+                                        <span>Submit</span>
+                                    </button>
+                                </div>
+                            </form>
+                        {/if}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 
-	<div class="aw-container">
-		<FooterNav />
-		<MainFooter />
-	</div>
+    <div class="aw-container">
+        <FooterNav />
+        <MainFooter />
+    </div>
 </Main>
diff --git a/src/routes/contact-us/bg.png b/src/routes/contact-us/bg.png
new file mode 100644
index 0000000000..71e9083ee0
Binary files /dev/null and b/src/routes/contact-us/bg.png differ
diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
index 0a1280e044..bbd96c6a4b 100644
--- a/src/routes/docs/+page.svelte
+++ b/src/routes/docs/+page.svelte
@@ -65,6 +65,9 @@
 
 <Docs variant="default">
     <Sidebar />
+    <div class="u-position-absolute u-inset-inline-end-0 aw-u-opacity-40-mobile" style="">
+        <enhanced:img src="./blur-1.png" alt="" />
+    </div>
 
     <div
         class="u-position-absolute aw-is-not-mobile u-only-light"
@@ -91,7 +94,7 @@
             class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-16 aw-u-opacity-40-mobile"
             style="    margin-inline-start: -30px;"
         >
-            <img src="/images/bgs/docs-blur-2.svg" alt="" />
+            <enhanced:img src="./blur-2.png" alt="" />
         </div>
 
         <section class="aw-hero is-align-start u-position-relative">
diff --git a/src/routes/docs/blur-1.png b/src/routes/docs/blur-1.png
new file mode 100644
index 0000000000..55d4859899
Binary files /dev/null and b/src/routes/docs/blur-1.png differ
diff --git a/src/routes/docs/blur-2.png b/src/routes/docs/blur-2.png
new file mode 100644
index 0000000000..62e5b13bb8
Binary files /dev/null and b/src/routes/docs/blur-2.png differ
diff --git a/src/routes/heroes/+page.svelte b/src/routes/heroes/+page.svelte
index cfab8a7906..010d2caebf 100644
--- a/src/routes/heroes/+page.svelte
+++ b/src/routes/heroes/+page.svelte
@@ -159,7 +159,7 @@
                         <div class="avatar-3">
                             <FloatingHead src="/images/heroes/avatars/emilia.png" size={64} />
                         </div>
-                        <img class="teal-blur" src="/images/heroes/teal-blur.svg" alt="" />
+                        <enhanced:img class="teal-blur" src="./teal-blur.png" alt="" />
                     </div>
                 </section>
             </div>
@@ -296,7 +296,12 @@
         </div>
 
         <div class="aw-big-padding-section-level-1 u-position-relative footer-wrapper">
-            <img src="/images/bgs/heroes-pre.svg" alt="" class="u-position-absolute" />
+            <enhanced:img
+                src="./bg-pre.png"
+                alt=""
+                class="u-position-absolute"
+                style:inset-block-start="0"
+            />
             <div class="aw-big-padding-section-level-2 u-position-relative">
                 <div class="aw-container">
                     <div class="aw-hero aw-u-max-width-800">
diff --git a/src/routes/heroes/bg-pre.png b/src/routes/heroes/bg-pre.png
new file mode 100644
index 0000000000..3f0e834144
Binary files /dev/null and b/src/routes/heroes/bg-pre.png differ
diff --git a/src/routes/heroes/teal-blur.png b/src/routes/heroes/teal-blur.png
new file mode 100644
index 0000000000..2a81445990
Binary files /dev/null and b/src/routes/heroes/teal-blur.png differ
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index c0e2bf3a14..c87cea06a7 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -30,7 +30,11 @@
 </svelte:head>
 
 <div class="u-position-absolute u-overflow-hidden" style="pointer-events:none; inline-size:100%;">
-    <img src="/images/bgs/pricing-hero.svg" alt="" style="margin-inline:auto; display:block;" />
+    <enhanced:img
+        src="./bg.png"
+        alt=""
+        style="margin-inline:auto; display:block; width: 1369px; height: auto;"
+    />
 </div>
 
 <Main>
diff --git a/src/routes/pricing/bg.png b/src/routes/pricing/bg.png
new file mode 100644
index 0000000000..61ba695473
Binary files /dev/null and b/src/routes/pricing/bg.png differ
diff --git a/src/routes/top-page-dark.png b/src/routes/top-page-dark.png
new file mode 100644
index 0000000000..2a95d0c072
Binary files /dev/null and b/src/routes/top-page-dark.png differ
diff --git a/static/images/bgs/assets-bg.svg b/static/images/bgs/assets-bg.svg
deleted file mode 100644
index 2cab696379..0000000000
--- a/static/images/bgs/assets-bg.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1728" height="518" viewBox="0 0 1728 518" fill="none">
-  <g opacity="0.12" filter="url(#filter0_f_1684_10385)">
-    <ellipse cx="864" rx="805" ry="262" fill="#FD366E" />
-  </g>
-  <defs>
-    <filter id="filter0_f_1684_10385" x="-196.022" y="-517.022" width="2120.04" height="1034.04"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="127.511" result="effect1_foregroundBlur_1684_10385" />
-    </filter>
-  </defs>
-</svg>
\ No newline at end of file
diff --git a/static/images/bgs/contact-us.png b/static/images/bgs/contact-us.png
new file mode 100644
index 0000000000..71e9083ee0
Binary files /dev/null and b/static/images/bgs/contact-us.png differ
diff --git a/static/images/bgs/docs-blur-2.svg b/static/images/bgs/docs-blur-2.svg
deleted file mode 100644
index 860170ca7b..0000000000
--- a/static/images/bgs/docs-blur-2.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="336" height="708" viewBox="0 0 336 708" fill="none">
-  <g opacity="0.3" filter="url(#filter0_f_2588_70948)">
-    <ellipse cx="13.6533" cy="353.688" rx="119.415" ry="198.315" transform="rotate(-32.9472 13.6533 353.688)"
-      fill="url(#paint0_radial_2588_70948)" />
-  </g>
-  <defs>
-    <filter id="filter0_f_2588_70948" x="-308.325" y="0.242935" width="643.957" height="706.891"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="87.3766" result="effect1_foregroundBlur_2588_70948" />
-    </filter>
-    <radialGradient id="paint0_radial_2588_70948" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
-      gradientTransform="translate(6.491 356.428) rotate(86.3936) scale(172.104 118.693)">
-      <stop stop-color="#E7F8F7" />
-      <stop offset="1" stop-color="#85DBD8" />
-    </radialGradient>
-  </defs>
-</svg>
\ No newline at end of file
diff --git a/static/images/bgs/heroes-pre.png b/static/images/bgs/heroes-pre.png
new file mode 100644
index 0000000000..3f0e834144
Binary files /dev/null and b/static/images/bgs/heroes-pre.png differ
diff --git a/static/images/bgs/heroes-pre.svg b/static/images/bgs/heroes-pre.svg
deleted file mode 100644
index 80a9de4535..0000000000
--- a/static/images/bgs/heroes-pre.svg
+++ /dev/null
@@ -1,119 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1728" height="1362" viewBox="0 0 1728 1362" fill="none">
-  <g opacity="0.72">
-    <g opacity="0.55" filter="url(#filter0_f_305_20517)">
-      <path d="M-762.693 895.657L1023.74 463.004L74.501 160.957L-762.693 895.657Z" fill="#FD366E" />
-    </g>
-    <g opacity="0.55" filter="url(#filter1_f_305_20517)">
-      <path d="M21.5016 914.457L801.149 274.875L379.001 56.9565L21.5016 914.457Z" fill="#FE9567" />
-    </g>
-    <g opacity="0.55" filter="url(#filter2_f_305_20517)">
-      <path d="M-533.999 676.917L951.855 316.73L46.0014 299.457L-533.999 676.917Z"
-        fill="url(#paint0_linear_305_20517)" />
-    </g>
-    <g filter="url(#filter3_f_305_20517)">
-      <path d="M269.89 133.159L-221.74 700.337L613.654 915.093L881.723 433.09L269.89 133.159Z" fill="#FD366E"
-        fill-opacity="0.6" />
-    </g>
-    <g opacity="0.4" filter="url(#filter4_f_305_20517)">
-      <path d="M932.457 -435.399L297.824 296.757L1376.21 573.98L1722.26 -48.2245L932.457 -435.399Z" fill="#FD366E"
-        fill-opacity="0.6" />
-    </g>
-    <g style="mix-blend-mode:soft-light" opacity="0.45" filter="url(#filter5_f_305_20517)">
-      <ellipse cx="479.672" cy="45.906" rx="479.672" ry="45.906"
-        transform="matrix(-0.953344 0.301888 -0.656066 -0.754703 615.184 302.02)" fill="#EDEDF0" />
-    </g>
-    <g style="mix-blend-mode:overlay" opacity="0.35" filter="url(#filter6_f_305_20517)">
-      <ellipse cx="376.561" cy="45.906" rx="376.561" ry="45.906"
-        transform="matrix(-0.953344 0.301888 -0.656066 -0.754703 336.76 387.043)" fill="#EDEDF0" />
-    </g>
-    <g style="mix-blend-mode:soft-light" opacity="0.45" filter="url(#filter7_f_305_20517)">
-      <ellipse cx="376.561" cy="37.9305" rx="376.561" ry="37.9305"
-        transform="matrix(-0.953344 0.301888 -0.656066 -0.754703 811.873 396.168)" fill="#EDEDF0" />
-    </g>
-    <g style="mix-blend-mode:soft-light" opacity="0.45" filter="url(#filter8_f_305_20517)">
-      <ellipse cx="328.236" cy="37.9305" rx="328.236" ry="37.9305"
-        transform="matrix(-0.953344 0.301888 -0.656066 -0.754703 655.973 612.457)" fill="#EDEDF0" />
-    </g>
-    <g opacity="0.4" filter="url(#filter9_f_305_20517)">
-      <path
-        d="M187.001 436.564L785.933 433.285C864.738 432.853 904.139 361.142 850.013 316.658L617.976 125.956L187.001 436.564Z"
-        fill="white" />
-    </g>
-    <g opacity="0.65" filter="url(#filter10_f_305_20517)">
-      <path d="M-286.996 251.457L1415 127.5L-16.5 -9L-286.996 251.457Z" fill="#FE9567" fill-opacity="0.5" />
-    </g>
-  </g>
-  <defs>
-    <filter id="filter0_f_305_20517" x="-1123.11" y="-199.456" width="2507.26" height="1455.52"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="180.206" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter1_f_305_20517" x="-243.923" y="-208.468" width="1310.5" height="1388.35"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="132.713" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter2_f_305_20517" x="-799.425" y="34.0316" width="2016.71" height="908.312"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="132.713" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter3_f_305_20517" x="-721.937" y="-367.036" width="2103.86" height="1782.33"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="250.098" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter4_f_305_20517" x="-202.372" y="-935.595" width="2424.83" height="2009.77"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="250.098" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter5_f_305_20517" x="-456.67" y="137.109" width="1168.89" height="550.144"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="63.0722" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter6_f_305_20517" x="-512.662" y="247.164" width="920.626" height="437.825"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="50.0197" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter7_f_305_20517" x="-58.0175" y="237.82" width="972.025" height="486.801"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="63.0722" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter8_f_305_20517" x="-121.904" y="453.609" width="880.141" height="458.625"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="63.0722" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter9_f_305_20517" x="-29.2457" y="-90.2906" width="1120.51" height="743.101"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="108.124" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <filter id="filter10_f_305_20517" x="-503.244" y="-225.248" width="2134.49" height="692.952"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-      <feGaussianBlur stdDeviation="108.124" result="effect1_foregroundBlur_305_20517" />
-    </filter>
-    <linearGradient id="paint0_linear_305_20517" x1="683.714" y1="329.135" x2="322.653" y2="846.55"
-      gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FE9567" />
-      <stop offset="1" stop-color="#F02E65" />
-    </linearGradient>
-  </defs>
-</svg>
\ No newline at end of file
diff --git a/static/images/bgs/pre-footer.svg b/static/images/bgs/pre-footer.svg
deleted file mode 100644
index c745e0f637..0000000000
--- a/static/images/bgs/pre-footer.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="3347" height="2352" fill="none"><g filter="url(#a)" opacity=".55"><path fill="#FD366E" d="m361 1832.06 1786.43-432.66-949.24-302.04L361 1832.06Z"/></g><g filter="url(#b)" opacity=".55"><path fill="#FE9567" d="m1145.2 1850.86 779.64-639.59-422.14-217.915-357.5 857.505Z"/></g><g filter="url(#c)" opacity=".55"><path fill="url(#d)" d="m589.694 1613.32 1485.856-360.19-905.86-17.27-579.996 377.46Z"/></g><g filter="url(#e)" opacity=".4"><path fill="#fff" d="m1410.69 1242.96 598.94-3.28c78.8-.43 118.2-72.14 64.08-116.62l-232.04-190.705-430.98 310.605Z"/></g><g filter="url(#f)"><path fill="#FD366E" fill-opacity=".6" d="m1393.58 1069.56-491.627 567.18 835.397 214.75 268.07-482-611.84-299.93Z"/></g><g filter="url(#g)" opacity=".4"><path fill="#FD366E" fill-opacity=".6" d="m2056.15 501-634.63 732.16 1078.39 277.22 346.04-622.206L2056.15 501Z"/></g><g filter="url(#h)" opacity=".45" style="mix-blend-mode:soft-light"><ellipse cx="479.672" cy="45.906" fill="#EDEDF0" rx="479.672" ry="45.906" transform="matrix(-.95334 .30189 -.65607 -.7547 1738.88 1238.42)"/></g><g filter="url(#i)" opacity=".35" style="mix-blend-mode:overlay"><ellipse cx="376.561" cy="45.906" fill="#EDEDF0" rx="376.561" ry="45.906" transform="matrix(-.95334 .30189 -.65607 -.7547 1460.45 1323.44)"/></g><g filter="url(#j)" opacity=".45" style="mix-blend-mode:soft-light"><ellipse cx="376.561" cy="37.931" fill="#EDEDF0" rx="376.561" ry="37.931" transform="matrix(-.95334 .30189 -.65607 -.7547 1935.57 1332.57)"/></g><g filter="url(#k)" opacity=".45" style="mix-blend-mode:soft-light"><ellipse cx="328.236" cy="37.931" fill="#EDEDF0" rx="328.236" ry="37.931" transform="matrix(-.95334 .30189 -.65607 -.7547 1779.67 1548.86)"/></g><g filter="url(#l)" opacity=".65"><path fill="#FE9567" fill-opacity=".5" d="M836.697 1187.86 2538.69 1063.9l-1431.5-136.501-270.493 260.461Z"/></g><defs><filter id="a" width="2507.26" height="1455.53" x=".587" y="736.943" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="180.206"/></filter><filter id="b" width="1310.5" height="1388.35" x="879.771" y="727.93" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="132.713"/></filter><filter id="c" width="2016.71" height="908.31" x="324.268" y="970.431" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="132.713"/></filter><filter id="e" width="1120.51" height="743.104" x="1194.45" y="716.107" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="108.124"/></filter><filter id="f" width="2103.86" height="1782.33" x="401.757" y="569.361" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="250.098"/></filter><filter id="g" width="2424.83" height="2009.77" x="921.32" y=".803" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="250.098"/></filter><filter id="h" width="1168.89" height="550.144" x="667.023" y="1073.51" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="63.072"/></filter><filter id="i" width="920.626" height="437.824" x="611.032" y="1183.56" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="50.02"/></filter><filter id="j" width="972.026" height="486.801" x="1065.68" y="1174.22" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="63.072"/></filter><filter id="k" width="880.141" height="458.628" x="1001.79" y="1390.01" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="63.072"/></filter><filter id="l" width="2134.49" height="692.952" x="620.45" y="711.151" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7_666" stdDeviation="108.124"/></filter><linearGradient id="d" x1="1807.41" x2="1446.35" y1="1265.53" y2="1782.95" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9567"/><stop offset="1" stop-color="#F02E65"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/static/images/bgs/pricing-hero.svg b/static/images/bgs/pricing-hero.svg
deleted file mode 100644
index 3ba11ed4b7..0000000000
--- a/static/images/bgs/pricing-hero.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1369" height="714" fill="none"><g filter="url(#a)"><ellipse cx="499.417" cy="351.062" fill="url(#b)" fill-opacity=".5" rx="156.5" ry="468.5" transform="rotate(61.51 499.417 351.062)"/></g><g filter="url(#c)"><ellipse cx="835.777" cy="337.091" fill="url(#d)" fill-opacity=".5" rx="156.5" ry="468.5" transform="rotate(66.08 835.777 337.091)"/></g><g filter="url(#e)"><ellipse cx="737.509" cy="316.973" fill="url(#f)" fill-opacity=".5" rx="92.278" ry="276.245" transform="rotate(66.08 737.509 316.973)"/></g><defs><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 468.5 -156.5 0 499.235 351.375)" gradientUnits="userSpaceOnUse"><stop stop-color="#F02E65"/><stop offset="1" stop-color="#F02E65" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(0 468.5 -156.5 0 835.71 337.32)" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9567"/><stop offset="1" stop-color="#F02E65" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(0 276.245 -92.2783 0 737.488 317.13)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEAE1"/><stop offset="1" stop-color="#F02E65" stop-opacity="0"/></radialGradient><filter id="a" width="1037.1" height="724.895" x="-19.135" y="-11.386" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1330_36780" stdDeviation="50"/></filter><filter id="c" width="1065.99" height="675.636" x="302.783" y="-.727" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1330_36780" stdDeviation="50"/></filter><filter id="e" width="710.619" height="480.453" x="382.199" y="76.746" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1330_36780" stdDeviation="50"/></filter></defs></svg>
\ No newline at end of file
diff --git a/static/images/bgs/top-page-dark.svg b/static/images/bgs/top-page-dark.svg
deleted file mode 100644
index 9dc32eaf75..0000000000
--- a/static/images/bgs/top-page-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1727" height="520" fill="none"><g filter="url(#a)" opacity=".65"><path fill="#FD366E" d="M887.773-394.667-52.214 167.684l894.836 213.447 773.748-256.547-728.597-519.251Z"/></g><defs><filter id="a" width="2178.63" height="1285.84" x="-307.237" y="-649.69" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_278_15509" stdDeviation="127.511"/></filter></defs></svg>
\ No newline at end of file
diff --git a/static/images/bgs/top-page-light.png b/static/images/bgs/top-page-light.png
new file mode 100644
index 0000000000..ef63b2e750
Binary files /dev/null and b/static/images/bgs/top-page-light.png differ
diff --git a/static/images/heroes/teal-blur.svg b/static/images/heroes/teal-blur.svg
deleted file mode 100644
index 836b87c7a8..0000000000
--- a/static/images/heroes/teal-blur.svg
+++ /dev/null
@@ -1,40 +0,0 @@
-<svg width="1053" height="1188" viewBox="0 0 1053 1188" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.3" filter="url(#filter0_f_121_2514)">
-<ellipse cx="226.5" cy="294" rx="226.5" ry="294" transform="matrix(1 0 0 -1 300 888)" fill="url(#paint0_radial_121_2514)"/>
-</g>
-<g filter="url(#filter1_f_121_2514)">
-<ellipse cx="90.5" cy="129" rx="90.5" ry="129" transform="matrix(0.888042 0.459763 0.459763 -0.888042 301 796.783)" fill="url(#paint1_radial_121_2514)" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter2_f_121_2514)">
-<ellipse cx="90.5" cy="129" rx="90.5" ry="129" transform="matrix(0.888042 0.459763 0.459763 -0.888042 293 925.783)" fill="url(#paint2_radial_121_2514)" fill-opacity="0.8"/>
-</g>
-<defs>
-<filter id="filter0_f_121_2514" x="0" y="0" width="1053" height="1188" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_121_2514"/>
-</filter>
-<filter id="filter1_f_121_2514" x="200.788" y="461.921" width="479.779" height="523.826" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_121_2514"/>
-</filter>
-<filter id="filter2_f_121_2514" x="192.788" y="590.921" width="479.779" height="523.826" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_121_2514"/>
-</filter>
-<radialGradient id="paint0_radial_121_2514" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(212.915 298.062) rotate(85.3898) scale(255.463 224.848)">
-<stop stop-color="#E7F8F7"/>
-<stop offset="1" stop-color="#85DBD8"/>
-</radialGradient>
-<radialGradient id="paint1_radial_121_2514" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.5 129) rotate(90) scale(129 90.5)">
-<stop stop-color="#94DBD1"/>
-<stop offset="1" stop-color="#94DBD1"/>
-</radialGradient>
-<radialGradient id="paint2_radial_121_2514" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.5 129) rotate(90) scale(129 90.5)">
-<stop stop-color="#85DBD8"/>
-<stop offset="1" stop-color="#85DBD8"/>
-</radialGradient>
-</defs>
-</svg>
diff --git a/vite.config.ts b/vite.config.ts
index 8e4f9df7d9..7bee5a07de 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,6 +2,7 @@ import dynamicImport from 'vite-plugin-dynamic-import';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vitest/config';
 import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
+import { enhancedImages } from '@sveltejs/enhanced-img';
 import type { Plugin } from 'vite';
 
 const envFixer: Plugin = {
@@ -23,6 +24,7 @@ const envFixer: Plugin = {
 export default defineConfig({
     plugins: [
         envFixer,
+        enhancedImages(),
         sveltekit(),
         dynamicImport({
             filter(id) {