hero animation

package.json

@@ -27,7 +27,7 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
-    "prettier-plugin-astro": "^0.14.0",
+    "prettier-plugin-astro": "^0.7.2",
     "typescript": "^4.9.4"
   }
 }

src/components/Footer.astro

@@ -13,8 +13,7 @@
       />
       <div class="mt-1 float-left">
         <p>
-          the tractore store reference implementations
-          a <a
+          the tractore store reference implementations a <a
             class="text-neuland"
             href="https://www.neuland-bfi.de/"
             target="_blank"
@@ -32,7 +31,7 @@
         </p>
       </div>
     </div>
-  
+
     <div class="links">
       <a
         class="text-black"
@@ -48,11 +47,7 @@
       >
         blueprint project
       </a><br />
-      <a
-        class="text-black"
-        href="https://micro-frontends.org/"
-        target="_blank"
-      >
+      <a class="text-black" href="https://micro-frontends.org/" target="_blank">
         micro-frontends.org
       </a><br />
       <a
@@ -72,7 +67,10 @@
     width: 100vw;
     left: calc(-50vw + 50%);
     height: 100px;
-    background: linear-gradient(rgba(238, 235, 226, 0), rgba(238, 235, 226, 0.35));
+    background: linear-gradient(
+      rgba(238, 235, 226, 0),
+      rgba(238, 235, 226, 0.35)
+    );
     margin-bottom: 4rem;
     margin-top: 2rem;
   }