Replace wire.pdf with payment details page

astro.config.mjs

@@ -14,14 +14,15 @@ export default defineConfig({
     "/announcement": "/posts/announcement",
     "/announcement/": "/posts/announcement",
     "/announcement.html": "/posts/announcement",
+    "/fork": "/posts/fork",
+    "/fork/": "/posts/fork",
+    "/fork.html": "/posts/fork",
     "/thanks": "/posts/thanks",
     "/thanks/": "/posts/thanks",
     "/thanks.html": "/posts/thanks",
     "/why-ladybird": "/posts/why-ladybird",
     "/why-ladybird/": "/posts/why-ladybird",
     "/why-ladybird.html": "/posts/why-ladybird",
-    "/fork": "/posts/fork",
-    "/fork/": "/posts/fork",
-    "/fork.html": "/posts/fork",
+    "/wire.pdf": "/payment-details",
   },
 });

src/pages/payment-details.astro

@@ -0,0 +1,62 @@
+---
+import BaseLayout from "@/layouts/base.astro";
+---
+
+<BaseLayout
+  title="Payment details"
+  description="Ladybird Browser Initiative bank account details"
+>
+  <div class="min-h-screen">
+    <section class="hero hero_single">
+      <div class="container custom-row">
+        <div class="hero__tf">
+          <h1 class="text-[#fff]">Payment details</h1>
+        </div>
+      </div>
+    </section>
+    <section class="p-5">
+      <div class="container">
+        <table class="my-16 text-left">
+          <tr>
+            <th class="pe-5">Beneficiary account name</th>
+            <td>Ladybird Browser Initiative</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Beneficiary account number</th>
+            <td>80011453086</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Beneficiary address</th>
+            <td>2261 Market Street STE 10029, San Francisco, CA 94114-1612</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Bank name</th>
+            <td>JPMorgan Chase Bank, N.A.</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Bank address</th>
+            <td>383 Madison Avenue, New York, United States</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Bank SWIFT code</th>
+            <td>CHASUS33XXX</td>
+          </tr>
+          <tr>
+            <th class="pe-5">ACH routing code</th>
+            <td>322271627</td>
+          </tr>
+          <tr>
+            <th class="pe-5">Wire routing code</th>
+            <td>021000021</td>
+          </tr>
+          <tr>
+            <th class="pe-5">EIN</th>
+            <td>99-2154861</td>
+          </tr>
+        </table>
+        Please <a href="mailto:[email protected]">contact us</a> if you have any
+        questions.
+      </div>
+    </section>
+  </div>
+</BaseLayout>

src/styles/global.css

@@ -29,10 +29,6 @@ img {
   height: auto;
 }
 
-a {
-  transition: all 0.5s ease;
-}
-
 @media (min-width: 576px) {
   .container {
     max-width: 540px;
@@ -156,6 +152,10 @@ a {
   font-weight: 500;
   letter-spacing: 0.5px;
   text-decoration: none;
+  transition: all 0.5s ease;
+}
+
+header a, footer a {
   color: #fff;
 }
 
@@ -363,10 +363,6 @@ a {
   }
 }
 
-.news__grid a {
-  color: #000;
-}
-
 .news__box {
   position: relative;
   max-width: 360px;
@@ -432,10 +428,6 @@ a {
   margin-bottom: 20px;
 }
 
-.gi p a {
-  color: #000;
-}
-
 .gi p {
   color: #444345;
   margin-bottom: 24px;
@@ -797,10 +789,6 @@ table.sponsor-tiers td:first-child {
   font-weight: bold;
 }
 
-.ac a {
-  color: black;
-}
-
 .donate .container {
   max-width: none;
 }