Merge branch 'v2' of https://git.server.flayks.com/cetrucflotte/housesof into v2

src/routes/locations.svelte

@@ -6,7 +6,7 @@
     import Locations from '$components/organisms/Locations.svelte'
     import Shop from '$components/organisms/Shop.svelte'
     import Newsletter from '$components/organisms/Newsletter.svelte'
-    import SiteTitle from '$components/atoms/SiteTitle.svelte'
+    import Heading from '$components/molecules/Heading.svelte'
 
     export let photos: any
 
@@ -20,10 +20,9 @@
 />
 
 <main class="explore">
-    <section class="explore__intro">
-        <SiteTitle variant="inline" />
-        <p class="text-medium">Explore the globe to discover unique locations across the world</p>
-    </section>
+    <Heading
+        text="Explore the globe to discover unique locations across the world"
+    />
 
     <section class="explore__locations" id="locations">
         <InteractiveGlobe />

src/routes/subscribe.svelte

@@ -1 +1,96 @@
-<h1>Subscribe</h1>
+<script lang="ts">
+    // Components
+    import Metas from '$components/Metas.svelte'
+    import Heading from '$components/molecules/Heading.svelte'
+    import Shop from '$components/organisms/Shop.svelte'
+    import Newsletter from '$components/organisms/Newsletter.svelte'
+
+    export let photos: any
+</script>
+
+<Metas
+    title="Subscribe"
+    description=""
+    image=""
+/>
+
+<main class="subscribe">
+    <Heading
+        text="If you wish to be pinged when new photos are added to and limited prints become available on our shop, sign up below."
+    />
+
+    <section class="subscribe__issues">
+        <h2 class="title-small">Past Issues</h2>
+        <ul>
+            <li class="issue">
+                <a href="#">
+                    <img src="/images/issue-1.jpg" alt="">
+                    <dl>
+                        <dt>Issue #3</dt>
+                        <dd>
+                            <p>Adding Occitanie region to the mix!</p>
+                            <time>24/08/2020</time>
+                        </dd>
+                    </dl>
+                </a>
+            </li>
+            <li class="issue">
+                <a href="#">
+                    <img src="/images/issue-1.jpg" alt="">
+                    <dl>
+                        <dt>Issue #3</dt>
+                        <dd>
+                            <p>Adding Occitanie region to the mix!</p>
+                            <time>24/08/2020</time>
+                        </dd>
+                    </dl>
+                </a>
+            </li>
+            <li class="issue">
+                <a href="#">
+                    <img src="/images/issue-1.jpg" alt="">
+                    <dl>
+                        <dt>Issue #3</dt>
+                        <dd>
+                            <p>Adding Occitanie region to the mix!</p>
+                            <time>24/08/2020</time>
+                        </dd>
+                    </dl>
+                </a>
+            </li>
+        </ul>
+    </section>
+
+    <section class="grid-modules grid">
+            <div class="wrap">
+                <Shop />
+                <Newsletter />
+            </div>
+    </section>
+</main>
+
+
+<script context="module" lang="ts">
+    import { fetchAPI } from '$utils/api'
+
+    export async function load ({ page, fetch, session, stuff }) {
+        const res = await fetchAPI(`
+            query {
+                photo (limit: 11, sort: ["-date_created"]) {
+                    image {
+                        id
+                        title
+                    }
+                }
+            }
+        `)
+
+        const { data } = res
+
+        return {
+            props: {
+                photos: data.photo,
+            }
+        }
+    }
+</script>