Initial commit

src/pages/checkout/page.tsx

@@ -0,0 +1,32 @@
+import OrderSummary from "components/OrderSummary/OrderSummary";
+import PaymentMethods from "components/PaymentMethods/PaymentMethods";
+import ProHeader from "components/ProHeader/ProHeader";
+import { useTranslation } from "react-i18next";
+import styles from "../address/address.module.css";
+import { AddressSummary } from "./components/AddressSummary";
+import BriefMenu from "./components/BriefMenu";
+import CheckoutButton from "./components/CheckoutButton";
+import { GiftDetails } from "./components/GiftDetails";
+import { OfficeDetails } from "./components/OfficeDetails";
+import { RoomDetails } from "./components/RoomDetails";
+
+export default function CheckoutPage() {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <ProHeader>{t("checkout.title")}</ProHeader>
+      <div className={styles.checkoutContainer}>
+        <AddressSummary />
+        <RoomDetails />
+        <OfficeDetails />
+        <GiftDetails />
+        <BriefMenu />
+        <PaymentMethods />
+        <OrderSummary />
+      </div>
+
+      <CheckoutButton />
+    </>
+  );
+}