diff --git a/app/[lang]/webview/about-scandic-friends/page.module.css b/app/[lang]/webview/about-scandic-friends/page.module.css new file mode 100644 index 000000000..9ff21ac9f --- /dev/null +++ b/app/[lang]/webview/about-scandic-friends/page.module.css @@ -0,0 +1,6 @@ +.blocks { + display: grid; + gap: 4.2rem; + padding-left: 2rem; + padding-right: 2rem; +} diff --git a/app/[lang]/webview/about-scandic-friends/page.tsx b/app/[lang]/webview/about-scandic-friends/page.tsx new file mode 100644 index 000000000..6f7755401 --- /dev/null +++ b/app/[lang]/webview/about-scandic-friends/page.tsx @@ -0,0 +1,26 @@ +import "@/app/globals.css" +import "@scandic-hotels/design-system/style.css" + +import { serverClient } from "@/lib/trpc/server" + +import MaxWidth from "@/components/MaxWidth" +import Content from "@/components/MyPages/AccountPage/Content" + +import styles from "./page.module.css" + +import type { LangParams, PageArgs, UriParams } from "@/types/params" + +export default async function AboutScandicFriends({ + params, +}: PageArgs) { + const accountPage = await serverClient().contentstack.accountPage.get({ + url: "/my-pages/overview", + lang: params.lang, + }) + + return ( + + + + ) +} diff --git a/app/[lang]/webview/layout.module.css b/app/[lang]/webview/layout.module.css new file mode 100644 index 000000000..4351f00fc --- /dev/null +++ b/app/[lang]/webview/layout.module.css @@ -0,0 +1,6 @@ +.layout { + padding-bottom: 7.7rem; + font-family: var(--ff-fira-sans); + + min-height: 100dvh; +} diff --git a/app/[lang]/webview/layout.tsx b/app/[lang]/webview/layout.tsx index 684d28aa8..b6eef042d 100644 --- a/app/[lang]/webview/layout.tsx +++ b/app/[lang]/webview/layout.tsx @@ -1,3 +1,7 @@ +import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts" + +import styles from "./layout.module.css" + import type { Metadata } from "next" import type { LangParams, LayoutArgs } from "@/types/params" @@ -12,7 +16,11 @@ export default function RootLayout({ }: React.PropsWithChildren>) { return ( - {children} + + {children} + ) } diff --git a/app/[lang]/webview/my-pages/benefits/benefits.module.css b/app/[lang]/webview/my-pages/benefits/benefits.module.css new file mode 100644 index 000000000..9ff21ac9f --- /dev/null +++ b/app/[lang]/webview/my-pages/benefits/benefits.module.css @@ -0,0 +1,6 @@ +.blocks { + display: grid; + gap: 4.2rem; + padding-left: 2rem; + padding-right: 2rem; +} diff --git a/app/[lang]/webview/my-pages/benefits/page.tsx b/app/[lang]/webview/my-pages/benefits/page.tsx new file mode 100644 index 000000000..194f9c7b8 --- /dev/null +++ b/app/[lang]/webview/my-pages/benefits/page.tsx @@ -0,0 +1,26 @@ +import "@/app/globals.css" +import "@scandic-hotels/design-system/style.css" + +import { serverClient } from "@/lib/trpc/server" + +import MaxWidth from "@/components/MaxWidth" +import Content from "@/components/MyPages/AccountPage/Content" + +import styles from "./benefits.module.css" + +import type { LangParams, PageArgs, UriParams } from "@/types/params" + +export default async function MyPages({ + params, +}: PageArgs) { + const accountPage = await serverClient().contentstack.accountPage.get({ + url: "/my-pages/benefits", + lang: params.lang, + }) + + return ( + + + + ) +} diff --git a/app/[lang]/webview/my-pages/overview/overview.module.css b/app/[lang]/webview/my-pages/overview/overview.module.css new file mode 100644 index 000000000..9ff21ac9f --- /dev/null +++ b/app/[lang]/webview/my-pages/overview/overview.module.css @@ -0,0 +1,6 @@ +.blocks { + display: grid; + gap: 4.2rem; + padding-left: 2rem; + padding-right: 2rem; +} diff --git a/app/[lang]/webview/my-pages/overview/page.tsx b/app/[lang]/webview/my-pages/overview/page.tsx new file mode 100644 index 000000000..da4b03cfe --- /dev/null +++ b/app/[lang]/webview/my-pages/overview/page.tsx @@ -0,0 +1,26 @@ +import "@/app/globals.css" +import "@scandic-hotels/design-system/style.css" + +import { serverClient } from "@/lib/trpc/server" + +import MaxWidth from "@/components/MaxWidth" +import Content from "@/components/MyPages/AccountPage/Content" + +import styles from "./overview.module.css" + +import type { LangParams, PageArgs, UriParams } from "@/types/params" + +export default async function MyPages({ + params, +}: PageArgs) { + const accountPage = await serverClient().contentstack.accountPage.get({ + url: "/my-pages/overview", + lang: params.lang, + }) + + return ( + + + + ) +} diff --git a/app/[lang]/webview/my-pages/points/page.tsx b/app/[lang]/webview/my-pages/points/page.tsx new file mode 100644 index 000000000..b1ed1b463 --- /dev/null +++ b/app/[lang]/webview/my-pages/points/page.tsx @@ -0,0 +1,27 @@ +import "@/app/globals.css" +import "@scandic-hotels/design-system/style.css" + +import { serverClient } from "@/lib/trpc/server" + +import MaxWidth from "@/components/MaxWidth" +import Content from "@/components/MyPages/AccountPage/Content" + +import styles from "./points.module.css" + +import type { LangParams, PageArgs, UriParams } from "@/types/params" + +export default async function Points({ + params, +}: PageArgs) { + // const accountPage = await serverClient().contentstack.accountPage.get({ + // url: "/my-pages/points", + // lang: params.lang, + // }) + + return ( + +

POINTS

+ {/* */} + + ) +} diff --git a/app/[lang]/webview/my-pages/points/points.module.css b/app/[lang]/webview/my-pages/points/points.module.css new file mode 100644 index 000000000..9ff21ac9f --- /dev/null +++ b/app/[lang]/webview/my-pages/points/points.module.css @@ -0,0 +1,6 @@ +.blocks { + display: grid; + gap: 4.2rem; + padding-left: 2rem; + padding-right: 2rem; +}