fix: add next level perks block

app/[lang]/(live)/(protected)/my-pages/benefits/page.tsx

@@ -1,42 +1,38 @@
-import { request } from "@/lib/graphql/request"
-import { serverClient } from "@/lib/trpc/server"
-import GetBenefitsPage from "@/lib/graphql/Query/BenefitPage.graphql"
-
 import Title from "@/components/MyPages/Title"
-import BenefitsBlock from "@/components/MyPages/Blocks/Benefits"
+import CurrentBenefitsBlock from "@/components/MyPages/Blocks/Benefits/CurrentLevel"
+import NextLevelBenefitsBlock from "@/components/MyPages/Blocks/Benefits/NextLevel"
+import Shortcuts from "@/components/MyPages/Blocks/Shortcuts"
 
-import styles from "./page.module.css"
+import { shortcuts } from "./_constants"
 
 import type { LangParams, PageArgs } from "@/types/params"
-import type { GetBenefitsPageData } from "@/types/requests/benefitPage"
-
-export default async function BenefitsPage({ params }: PageArgs<LangParams>) {
-  const contentResponse = await request<GetBenefitsPageData>(GetBenefitsPage, {
-    locale: params.lang,
-    url: "/my-pages/benefits",
-  })
-
-  const benefitsData = await serverClient().user.get()
-
-  if (!contentResponse.data.all_my_page?.total) {
-    console.log("#### DATA ####")
-    console.log(contentResponse.data)
-    throw new Error("Not found")
-  }
-
-  const contentData = contentResponse.data.all_my_page.items[0]
+import styles from "./page.module.css"
 
+export default function BenefitsPage({ params }: PageArgs<LangParams>) {
   return (
     <main className={styles.container}>
       <header className={styles.header}>
-        <Title level="h2" className={styles.title} uppercase>
-          {contentData.title}
-        </Title>
-        <Title level="h3" className={styles.preamble}>
-          {contentData.preamble}
+        <Title as="h3" className={styles.title} uppercase>
+          Your Perks and benefits. Tailored just for{" "}
+          <span className={styles.red}>you.</span>
         </Title>
+        <p className={styles.preamble}>
+          Discover the exclusive benefits and delightful surprises our
+          friendship unlocks.
+        </p>
       </header>
-      <BenefitsBlock />
+      <CurrentBenefitsBlock />
+      <Shortcuts
+        shortcuts={shortcuts}
+        title={
+          <span className={styles.title}>
+            Perks and benefits{" "}
+            <span className={styles.red}>for All friends.</span>
+          </span>
+        }
+        subtitle="Always Yours. Universal Benefits for the Scandic Friends community."
+      />
+      <NextLevelBenefitsBlock />
     </main>
   )
 }