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;