From 86b3d63cd0295830e2f1ffe23a6d0011f3ef1a90 Mon Sep 17 00:00:00 2001 From: John Doe Date: Mon, 11 Sep 2023 17:46:14 +0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Started=20implementing=20social?= =?UTF-8?q?=20login=20buttons=20=F0=9F=8C=9F=20Added=20social=20media=20ic?= =?UTF-8?q?ons=20and=20links=20=F0=9F=94=91=20Implemented=20social=20login?= =?UTF-8?q?=20functionality=20=F0=9F=96=8B=20Updated=20UI=20for=20the=20si?= =?UTF-8?q?gnup=20page=20=F0=9F=8E=A8=20Improved=20code=20structure=20and?= =?UTF-8?q?=20organization=20=F0=9F=93=9D=20Added=20comments=20for=20bette?= =?UTF-8?q?r=20code=20readability=20=F0=9F=92=84=20Styled=20social=20login?= =?UTF-8?q?=20buttons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pay-done/page.tsx | 142 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 src/app/pay-done/page.tsx diff --git a/src/app/pay-done/page.tsx b/src/app/pay-done/page.tsx new file mode 100644 index 0000000..1ab6b8b --- /dev/null +++ b/src/app/pay-done/page.tsx @@ -0,0 +1,142 @@ +import StartRating from "@/components/StartRating"; +import React, { FC } from "react"; +import ButtonPrimary from "@/shared/ButtonPrimary"; +import Image from "next/image"; + +export interface PayPageProps {} + +const PayPage: FC = () => { + const renderContent = () => { + return ( +
+

+ Congratulation ๐ŸŽ‰ +

+ +
+ + {/* ------------------------ */} +
+

Your booking

+
+
+
+ +
+
+
+
+ + Hotel room in Tokyo, Jappan + + + The Lounge & Bar + +
+ + 2 beds ยท 2 baths + +
+ +
+
+
+
+ + + + +
+ Date + + Aug 12 - 16, 2021 + +
+
+
+ + + + +
+ Guests + 3 Guests +
+
+
+
+ + {/* ------------------------ */} +
+

Booking detail

+
+
+ Booking code + + #222-333-111 + +
+
+ Date + + 12 Aug, 2021 + +
+
+ Total + + $199 + +
+
+ Payment method + + Credit card + +
+
+
+
+ Explore more stays +
+
+ ); + }; + + return ( +
+
+
{renderContent()}
+
+
+ ); +}; + +export default PayPage;