Files
web/app/[lang]/(live)/(protected)/my-pages/benefits/page.tsx
2024-04-12 16:10:58 +02:00

39 lines
1.3 KiB
TypeScript

import Title from "@/components/MyPages/Title"
import CurrentBenefitsBlock from "@/components/MyPages/Blocks/Benefits/CurrentLevel"
import NextLevelBenefitsBlock from "@/components/MyPages/Blocks/Benefits/NextLevel"
import Shortcuts from "@/components/MyPages/Blocks/Shortcuts"
import { shortcuts } from "./_constants"
import type { LangParams, PageArgs } from "@/types/params"
import styles from "./page.module.css"
export default function BenefitsPage({ params }: PageArgs<LangParams>) {
return (
<main className={styles.container}>
<header className={styles.header}>
<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>
<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>
)
}