Update icons and BoxCTA hover color

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,17 +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 />
+    <section class="homepage__locations" id="locations">
+        <InteractiveGlobe />
 
-    <Locations
-        locations={location}
-    />
+        <Locations
+            locations={location}
+        />
+    </section>
 
     <div class="grid-modules">
         <div class="container grid">