feat: add blocks for loyalty page

components/Loyalty/Blocks/DynamicContent/HowItWorks/index.tsx

@@ -0,0 +1,3 @@
+export default function HowItWorks() {
+  return <div></div>
+}

components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -0,0 +1,26 @@
+import { serverClient } from "@/lib/trpc/server"
+
+export default async function LoyaltyLevels() {
+  const data = await serverClient().loyalty.levels.all()
+
+  return (
+    <div>
+      {data.map((level) => (
+        <LevelCard key={level.tier} level={level} />
+      ))}
+    </div>
+  )
+}
+
+type LevelCardProps = {
+  level: {
+    tier: number
+    name: string
+    requiredPoints: number
+    requiredNights: string
+    topBenefits: string[]
+  }
+}
+function LevelCard({ level }: LevelCardProps) {
+  return <div></div>
+}

components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx

@@ -0,0 +1,3 @@
+export default function OverviewTable() {
+  return <div></div>
+}

components/Loyalty/Blocks/DynamicContent/index.tsx

@@ -0,0 +1,34 @@
+import Title from "@/components/Title"
+import {
+  DynamicContentProps,
+  LoyaltyComponent,
+  LoyaltyComponentEnum,
+} from "@/types/components/loyalty/blocks"
+
+function DynamicComponentBlock({ component }: { component: LoyaltyComponent }) {
+  switch (component) {
+    case LoyaltyComponentEnum.how_it_works:
+      return <p>How it works</p>
+    case LoyaltyComponentEnum.loyalty_levels:
+      return <p>loyalty_levels</p>
+    case LoyaltyComponentEnum.overview_table:
+      return <p>overview_table</p>
+    default:
+      return null
+  }
+}
+
+export default function DynamicContent({
+  dynamicContent,
+}: DynamicContentProps) {
+  return (
+    <section>
+      <header>
+        <Title level="h3">{dynamicContent.title}</Title>
+        {dynamicContent.preamble ? <p>{dynamicContent.preamble}</p> : null}
+        {dynamicContent.link ? <></> : null}
+      </header>
+      <DynamicComponentBlock component={dynamicContent.component} />
+    </section>
+  )
+}