chore: update payment method

_pages/pay.html

@@ -7,7 +7,7 @@ layout: default
 <div id="pay">
   <section>
     <p>
-      いずれか都合の良い方法で送金または請求してください。
+      送金方法はオススメ順に並んでいます。いずれか都合の良い方法で送金または請求してください。
     </p>
   </section>
   <section>
@@ -21,13 +21,15 @@ layout: default
     <br />
   </section>
   <section>
-    <h1>PayPal</h1>
+    <h1>PayPay</h1>
-    <p>
+    <p>QRコードをスキャンして送金してください。</p>
-      PayPalで
+    <img src="/images/payment/paypay.png" width="200" height="200" />
-      <span class="monospace">y@uechi.io</span> 宛に送金・請求してください。
+    <a class="button" href="https://paypay.ne.jp/">PayPayについて</a> <br />
-    </p>
+  </section>
-    <a class="button" href="https://paypal.me/uetchy">PayPalを開く</a>
+  <section>
-    <br />
+    <h1>LINE Pay</h1>
+    <p>LINE宛に送金・請求してください。</p>
+    <a class="button" href="https://line.me/ja/pay">LINE Payについて</a>
   </section>
   <section>
     <h1>Amazon ギフトカード</h1>
@@ -39,11 +41,6 @@ layout: default
       >Amazonを開く</a
     >
   </section>
-  <section>
-    <h1>LINE Pay</h1>
-    <p>LINE宛に送金・請求してください。</p>
-    <a class="button" href="https://line.me/ja/pay">LINE Payについて</a>
-  </section>
   <section>
     <h1>Pring</h1>
     <p>
@@ -53,9 +50,12 @@ layout: default
     <a class="button" href="https://www.pring.jp">Pringについて</a>
   </section>
   <section>
-    <h1>PayPay</h1>
+    <h1>PayPal</h1>
-    <p>QRコードをスキャンして送金してください。</p>
+    <p>
-    <img src="/images/payment/paypay.png" width="200" height="200" />
+      PayPalで
-    <a class="button" href="https://paypay.ne.jp/">PayPayについて</a> <br />
+      <span class="monospace">y@uechi.io</span> 宛に送金・請求してください。
+    </p>
+    <a class="button" href="https://paypal.me/uetchy">PayPalを開く</a>
+    <br />
   </section>
 </div>