Merged in feat/SW-3441-add-hero-floatingbookingwid (pull request #2789)

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

apps/partner-sas/app/[lang]/page.tsx

@@ -1,8 +1,34 @@
-export default async function Home() {
+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 (
-    <div>
-      {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-      <h2>start page</h2>
-    </div>
+    <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>
   )
 }