[maintenance] fancy bg animation. Slightly adjust text.

Author: edda

apps/maintenance/src/App.js

@@ -13,9 +13,10 @@ const App = (props) => {
       pageHeader="Converged Cloud"
       contentHeading="Maintenance announcement"
     >
-      <Stack direction="vertical" alignment="center" distribution="center" className="h-1/3">
+      <Stack direction="vertical" alignment="center" distribution="center" className="h-full bg-[url('img/maintenance.svg')] bg-no-repeat bg-right-bottom">
         <h1 className="text-3xl">{service || "We"} will be right back!</h1>
-        <h3 className="text-xl">We are currently undergoing a scheduled maintenance...</h3>
+        <h3 className="text-xl">We are currently undergoing a scheduled maintenance</h3>
+        <h3 className="text-xl">This should only take a few minutes...</h3>
       </Stack>
     </AppShell>
   )