Fix download page layout UI

docs/src/containers/DownloadApp/index.js

@@ -133,13 +133,6 @@ export default function DownloadApp() {
   }
 
   return (
-    <div>
-      <div className="flex flex-col items-center justify-center gap-4 mb-4">
-        <h6 className="text-2xl font-medium">Detailed platforms</h6>
-        <p className="leading-relaxed text-black/60 dark:text-white/60">
-          Jan is in the process of being built. Expect bugs!
-        </p>
-      </div>
     <div className="w-full lg:w-3/5 mx-auto px-4">
       <div className="grid grid-cols-1 lg:grid-cols-3 py-10 gap-8">
         {groupTemnplate.map((item, i) => {
@@ -164,6 +157,5 @@ export default function DownloadApp() {
         })}
       </div>
     </div>
-    </div>
   )
 }

docs/src/pages/download.js

@@ -25,16 +25,8 @@ export default function Download() {
             <p className="text-2xl -mt-1 leading-relaxed text-black/60 dark:text-white/60">
               Turn your computer into an AI machine
             </p>
-
-            <div className="my-16">
-              <ThemedImage
-                className="w-28 mx-auto h-auto"
-                alt="App screenshots"
-                sources={{
-                  light: useBaseUrl('/img/homepage/mac-system-black.svg'),
-                  dark: useBaseUrl('/img/homepage/mac-system-white.svg'),
-                }}
-              />
+            <div className="my-8">
+              <DownloadApp />
             </div>
 
             <div className="mb-14">
@@ -53,7 +45,6 @@ export default function Download() {
                 Changelog
               </a>
             </div>
-            <DownloadApp />
           </div>
         </main>
       </Layout>