Merged in SW-1382-start-page-offers-section (pull request #1221)

SW-1382 start page offers section

* feat(SW-1382): Add InfoCard component to CardsGrid and StartPage

* feat(SW-1382): Add dynamic image positioning for InfoCard in CardsGrid

* refactor(SW-1382): Update InfoCard data transformation and prop naming

* fix(SW-1382): Add flex display to InfoCard image container


Approved-by: Christian Andolf
Approved-by: Erik Tiekstra

components/Blocks/CardsGrid.tsx

@@ -1,3 +1,4 @@
+import InfoCard from "@/components/ContentType/StartPage/InfoCard"
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import Card from "@/components/TempDesignSystem/Card"
@@ -37,7 +38,7 @@ export default function CardsGrid({
         topTitle={firstItem}
       />
       <Grids.Stackable columns={columns}>
-        {cards_grid.cards.map((card) => {
+        {cards_grid.cards.map((card, index) => {
           switch (card.__typename) {
             case CardsGridEnum.cards.Card:
               return (
@@ -55,6 +56,19 @@ export default function CardsGrid({
                   imageGradient
                 />
               )
+            case CardsGridEnum.cards.InfoCard:
+              return (
+                <InfoCard
+                  key={card.system.uid}
+                  scriptedTopTitle={card.scriptedTopTitle}
+                  heading={card.heading}
+                  bodyText={card.bodyText}
+                  image={card.image}
+                  primaryButton={card.primaryButton}
+                  secondaryButton={card.secondaryButton}
+                  imagePosition={index % 2 === 0 ? "right" : "left"}
+                />
+              )
             case CardsGridEnum.cards.TeaserCard:
               return (
                 <TeaserCard