Merged in feat/SW-1532-startpage-cardgrid-optional-link (pull request #2635)

feat(SW-1532): add optional link to start page card grid

* feat(SW-1532): add optional link to start page card grid


Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/CardsGrid.tsx

@@ -38,6 +38,7 @@ export default function CardsGrid({ cards_grid }: CardsGridProps) {
         preamble={cards_grid.preamble}
         headingAs="h3"
         headingLevel="h2"
+        link={cards_grid.link}
       />
       <Grids.Stackable columns={columns}>
         {cards_grid.cards.map((card, index) => {

apps/scandic-web/components/ContentType/StartPage/index.tsx

@@ -1,6 +1,6 @@
 import { FloatingBookingWidget } from "@scandic-hotels/booking-flow/BookingWidget/FloatingBookingWidget"
 import Image from "@scandic-hotels/design-system/Image"
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 import { BlocksEnums } from "@scandic-hotels/trpc/types/blocksEnum"
 
 import { getStartPage } from "@/lib/trpc/memoizedRequests"
@@ -31,9 +31,11 @@ export default async function StartPage({
     <div className={styles.background}>
       <header className={styles.header}>
         <div className={styles.headerContent}>
-          <Title color="white" textAlign="center">
-            {header.heading}
-          </Title>
+          {header.heading.length ? (
+            <Typography variant="Title/lg">
+              <h1>{header.heading}</h1>
+            </Typography>
+          ) : null}
           <FloatingBookingWidget booking={booking} lang={lang} />
         </div>
         {header.hero_image ? (

apps/scandic-web/components/ContentType/StartPage/startPage.module.css

@@ -20,6 +20,7 @@
 }
 
 .headerContent {
+  color: var(--Text-Inverted);
   position: absolute;
   inset: 0;
   z-index: 1;