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

# Conflicts:
#	src/routes/index.svelte

src/modules/globe/index.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { Renderer } from './beam'
 import { Camera } from './beam'
 import { vec2, vec3, mat4 } from './beam'

src/routes/index.svelte

@@ -26,9 +26,11 @@
 <main class="homepage">
     <section class="homepage__intro">
         <h1 class="title-huge">Houses</h1>
+
         <p class="text-medium">{settings.description}</p>
-        <Button text="Explore locations" url="{path}#ctas">
-            <img src="/images/icons/globe.svg" alt="explore globe">
+
+        <Button text="Explore locations" url="{path}#locations">
+            <img src="/images/icons/earth.svg" alt="explore globe">
         </Button>
     </section>
 
@@ -47,18 +49,34 @@
             of <strong>{count.countries} countries</strong>
         </p>
         <div class="cards">
-            <BoxCTA url="{path}#globe" icon="/images/icons/explore.svg" label="Explore the globe" alt="Globe" />
-            <BoxCTA url="{path}#locations" icon="/images/icons/pin.svg" label="Discover the locations" alt="Paper pin" />
-            <BoxCTA url="/shop" icon="/images/icons/bag.svg" label="Shop the prints" alt="Shopping bag" />
+            <BoxCTA
+                url="{path}#locations"
+                icon="/images/icons/globe.svg"
+                label="discover locations"
+                alt="Globe"
+            />
+            <BoxCTA
+                url="/photos"
+                icon="/images/icons/photos.svg"
+                label="Browse all photos"
+                alt="Photos"
+            />
+            <BoxCTA
+                url="/shop"
+                icon="/images/icons/bag.svg"
+                label="Shop our products"
+                alt="Shopping bag"
+            />
         </div>
     </div>
 
-    <InteractiveGlobe />
-    <h1 class="title-huge title-world">World</h1>
+    <section class="homepage__locations" id="locations">
+        <InteractiveGlobe />
 
-    <Locations
-        locations={location}
-    />
+        <Locations
+            locations={location}
+        />
+    </section>
 
     <div class="grid-modules">
         <div class="container grid">

src/style/atoms/_box-cta.scss

@@ -52,7 +52,7 @@
     // Hover
     &:hover {
         $shadow-color: rgba(0, 0, 0, 0.05);
-        background-color: #77357b;
+        background-color: #8f3d7b;
         box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color;
 
         .icon {