From b0d33a512f7b9b56152da71dd9106cf96063fe7f Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Thu, 14 Sep 2023 17:11:58 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Work=20in=20progress:=20AccountB?=
 =?UTF-8?q?illing=20component=20=F0=9F=8E=A8=20Improve=20code=20readabilit?=
 =?UTF-8?q?y=20in=20AccountBilling=20=F0=9F=90=9B=20Fix=20minor=20styling?=
 =?UTF-8?q?=20issues=20in=20AccountBilling=20=F0=9F=93=9A=20Update=20comme?=
 =?UTF-8?q?nts=20and=20documentation=20in=20AccountBilling=20=E2=9C=A8=20A?=
 =?UTF-8?q?dd=20payout=20method=20feature=20to=20AccountBilling=20?=
 =?UTF-8?q?=F0=9F=9A=80=20Initial=20implementation=20of=20AccountBilling?=
 =?UTF-8?q?=20component=20=F0=9F=A9=B9=20Refactor=20and=20optimize=20Accou?=
 =?UTF-8?q?ntBilling=20code=20=F0=9F=A7=B9=20Clean=20up=20unnecessary=20co?=
 =?UTF-8?q?de=20in=20AccountBilling=20=F0=9F=8C=9F=20Implement=20payment?=
 =?UTF-8?q?=20system=20in=20AccountBilling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(account-pages)/account-billing/page.tsx  | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/app/(account-pages)/account-billing/page.tsx

diff --git a/src/app/(account-pages)/account-billing/page.tsx b/src/app/(account-pages)/account-billing/page.tsx
new file mode 100644
index 0000000..706023d
--- /dev/null
+++ b/src/app/(account-pages)/account-billing/page.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+
+const AccountBilling = () => {
+  return (
+    <div className="space-y-6 sm:space-y-8">
+      {/* HEADING */}
+      <h2 className="text-3xl font-semibold">Payments & payouts</h2>
+      <div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
+      <div className="max-w-2xl">
+        <span className="text-xl font-semibold block">Payout methods</span>
+        <br />
+        <span className="text-neutral-700 dark:text-neutral-300 block">
+          {` When you receive a payment for a reservation, we call that payment
+              to you a "payout." Our secure payment system supports several
+              payout methods, which can be set up below. Go to FAQ.`}
+          <br />
+          <br />
+          To get paid, you need to set up a payout method Airbnb releases
+          payouts about 24 hours after a guest’s scheduled check-in time. The
+          time it takes for the funds to appear in your account depends on your
+          payout method. Learn more
+        </span>
+        <div className="pt-10">
+          <ButtonPrimary>Add payout mothod</ButtonPrimary>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AccountBilling;