feat(SW-190): added hero to loyalty pages

components/TempDesignSystem/Hero/hero.module.css

@@ -0,0 +1,8 @@
+.hero {
+  height: 480px;
+  margin-bottom: var(--Spacing-x2);
+  max-width: 100%;
+  object-fit: cover;
+  border-radius: var(--Corner-radius-Medium);
+  margin: 0;
+}

components/TempDesignSystem/Hero/hero.ts

@@ -0,0 +1,4 @@
+export interface HeroProps {
+  alt: string
+  src: string
+}

components/TempDesignSystem/Hero/index.tsx

@@ -0,0 +1,17 @@
+import Image from "@/components/Image"
+
+import { HeroProps } from "./hero"
+
+import styles from "./hero.module.css"
+
+export default async function Hero({ alt, src }: HeroProps) {
+  return (
+    <Image
+      className={styles.hero}
+      alt={alt}
+      height={480}
+      width={1196}
+      src={src}
+    />
+  )
+}