fix: better code organisation for ContentType components

components/ContentType/HotelPage/HotelPage.tsx

@@ -0,0 +1,19 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Title from "@/components/TempDesignSystem/Text/Title"
+
+import styles from "./hotelPage.module.css"
+
+import type { LangParams } from "@/types/params"
+
+export default async function HotelPage({ lang }: LangParams) {
+  const hotelPage = await serverClient().contentstack.hotelPage.get()
+  if (!hotelPage) {
+    return null
+  }
+  return (
+    <section className={styles.content}>
+      <Title>{hotelPage.title}</Title>
+    </section>
+  )
+}

components/ContentType/HotelPage/hotelPage.module.css

@@ -0,0 +1,11 @@
+.content {
+  display: grid;
+  gap: var(--Spacing-x4);
+  padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4);
+}
+
+@media screen and (min-width: 1367px) {
+  .content {
+    gap: var(--Spacing-x3);
+  }
+}