feat(SW-66, SW-348): search functionality and ui

components/Webviews/LoyaltyPage/index.tsx

@@ -0,0 +1,33 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import MaxWidth from "@/components/MaxWidth"
+import Title from "@/components/TempDesignSystem/Text/Title"
+import TrackingSDK from "@/components/TrackingSDK"
+import LinkToOverview from "@/components/Webviews/LinkToOverview"
+
+import Blocks from "./Blocks"
+
+import styles from "./loyaltyPage.module.css"
+
+export default async function AboutScandicFriends() {
+  const loyaltyPageRes = await serverClient().contentstack.loyaltyPage.get()
+
+  if (!loyaltyPageRes) {
+    return null
+  }
+
+  const { tracking, loyaltyPage } = loyaltyPageRes
+  return (
+    <>
+      <section className={styles.content}>
+        <LinkToOverview />
+        <MaxWidth tag="main" className={styles.blocks}>
+          <Title>{loyaltyPage.heading}</Title>
+          <Blocks blocks={loyaltyPage.blocks} />
+        </MaxWidth>
+      </section>
+
+      <TrackingSDK pageData={tracking} />
+    </>
+  )
+}