def079021b
feat(SW-3441): Add Hero image to sas landing page * feat(SW-3441): Add Hero image to sas landing page * feat(SW-3441): Code Optimise Approved-by: Joakim Jäderberg
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { FloatingBookingWidget } from "@scandic-hotels/booking-flow/BookingWidget/FloatingBookingWidget"
|
|
import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
|
|
import Image from "@scandic-hotels/design-system/Image"
|
|
|
|
import { getLang } from "@/i18n/serverContext"
|
|
import LandingPageHeroImage from "@/public/_static/img/landing-page-hero.png"
|
|
|
|
import styles from "./page.module.css"
|
|
|
|
import type { LangParams, PageArgs } from "@/types/params"
|
|
|
|
export default async function Home(props: PageArgs<LangParams>) {
|
|
const searchParams = await props.searchParams
|
|
|
|
const booking = parseBookingWidgetSearchParams(searchParams)
|
|
|
|
const lang = await getLang()
|
|
|
|
return (
|
|
<section className={styles.mainContent}>
|
|
<div className={styles.bookingWidgetWrapper}>
|
|
<FloatingBookingWidget booking={booking} lang={lang} />
|
|
</div>
|
|
<Image
|
|
alt="Hero Image"
|
|
className={styles.backdrop}
|
|
src={LandingPageHeroImage}
|
|
sizes="100vw"
|
|
quality={80}
|
|
loading="lazy"
|
|
/>
|
|
</section>
|
|
)
|
|
}
|