Merged in fix/SW-1733-start-page-enhancements-and-fixes (pull request #1415)

Fix/SW-1733 start page enhancements and fixes

* fix: simplify carousel navigation and grid layout styling and fix padding issue

* refactor(SW-1733): replace Preamble with Body component in JoinScandicFriends

* refactor(SW-1733): update FullWidthCampaign button width styling

* feat(SW-1733): Add gradient overlay to FullWidthCampaign component

* refactor(SW-1733): Simplify FullWidthCampaign button props

* refactor(SW-1733): Remove redundant button wrapper divs in FullWidthCampaign

* refactor(SW-1733): Adjust FullWidthCampaign button wrapper min-width responsively


Approved-by: Christian Andolf

components/Blocks/FullWidthCampaign/index.tsx

@@ -48,7 +48,14 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
           </Preamble>
           <div className={styles.buttons}>
             {content.has_primary_button ? (
-              <Button intent="inverted" size="small" theme="base" asChild>
+              <Button
+                intent="inverted"
+                size="small"
+                theme="base"
+                asChild
+                className={styles.buttonWrapper}
+                fullWidth
+              >
                 <Link
                   href={primary_button.href}
                   target={primary_button.openInNewTab ? "_blank" : undefined}
@@ -63,7 +70,9 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
                 intent="secondary"
                 size="small"
                 theme="primaryStrong"
+                className={styles.buttonWrapper}
                 asChild
+                fullWidth
               >
                 <Link
                   href={secondary_button.href}