scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-243): add breakpoints

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-19 16:49:28 +02:00
parent bdafef492f
commit a689f12965
7 changed files with 84 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.tsx
View File

@@ -1,9 +1,7 @@
import ConfirmationCard from "@/components/HotelReservation/BookingConfirmation/ConfirmationCard"
import ConfirmationHead from "@/components/HotelReservation/BookingConfirmation/ConfirmationHead"
import ConfirmationSummary from "@/components/HotelReservation/BookingConfirmation/ConfirmationSummary"
import ConfirmationTimes from "@/components/HotelReservation/BookingConfirmation/ConfirmationTimes"
import Button from "@/components/TempDesignSystem/Button"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./page.module.css"
@@ -11,38 +9,11 @@ export default function BookingConfirmationPage() {
return (
<main className={styles.main}>
<section className={styles.section}>
<div>
<Title textAlign="center">Thank you</Title>
<Title textAlign="center" as="h3">
We look forward to your visit!
</Title>
</div>
<Body color="burgundy" textAlign="center">
We have sent a detailed confirmation of your booking to your email:
lisa.andersson@gmail.com.
</Body>
<div className={styles.buttons}>
<Button
size="small"
theme="base"
intent="secondary"
className={styles.button}
>
Download the Scandic app
</Button>
<Button
size="small"
theme="base"
intent="secondary"
className={styles.button}
>
View your booking
</Button>
</div>
<ConfirmationHead />
<ConfirmationCard />
<ConfirmationTimes />
<ConfirmationSummary />
</section>
<ConfirmationCard />
<ConfirmationTimes />
<ConfirmationSummary />
</main>
)
}