Create Terms page

src/routes/terms/+page.server.ts

@@ -0,0 +1,21 @@
+import { error } from '@sveltejs/kit'
+import type { PageServerLoad } from './$types'
+import { fetchAPI } from '$utils/api'
+
+export const load: PageServerLoad = async () => {
+    try {
+        const res = await fetchAPI(`query {
+            legal {
+                terms
+            }
+        }`)
+
+        const { data } = res
+
+        return {
+            ...data
+        }
+    } catch (err) {
+        throw error(500, err.message)
+    }
+}

src/routes/terms/+page.svelte

@@ -0,0 +1,37 @@
+<style lang="scss">
+    @import "../../style/pages/terms";
+</style>
+
+<script lang="ts">
+    import type { PageData } from './$types'
+    import PageTransition from '$components/PageTransition.svelte'
+    import Metas from '$components/Metas.svelte'
+    import Heading from '$components/molecules/Heading.svelte'
+
+    export let data: PageData
+    const { legal } = data
+    console.log(legal)
+</script>
+
+<Metas
+    title="Terms and Conditions – Houses Of"
+    description=""
+/>
+
+
+<PageTransition name="terms">
+    <Heading text="Everything you need to know about using our website or buying our products" />
+
+    <section class="terms__categories">
+        <div class="container grid">
+            {#each legal.terms as { title, text }, index}
+                <article class="terms__section grid">
+                    <h2 class="title-small">{index + 1}. {title}</h2>
+                    <div class="text text-info">
+                        {@html text}
+                    </div>
+                </article>
+            {/each}
+        </div>
+    </section>
+</PageTransition>