Fix BoxCTA internal layout

src/routes/index.svelte

@@ -3,10 +3,11 @@
     // Components
     import Metas from '$components/Metas.svelte'
     import Button from '$components/atoms/Button.svelte'
-    import PhotoCard from '$components/molecules/PhotoCard.svelte'
-    import Newsletter from '$components/organisms/Newsletter.svelte'
-    import Shop from '$components/organisms/Shop.svelte'
     import BoxCTA from '$components/atoms/BoxCTA.svelte'
+    import PhotoCard from '$components/molecules/PhotoCard.svelte'
+    import Locations from '$components/organisms/Locations.svelte'
+    import Shop from '$components/organisms/Shop.svelte'
+    import Newsletter from '$components/organisms/Newsletter.svelte'
 
     export let photos: any
 
@@ -39,13 +40,12 @@
     <div class="homepage__ctas">
         <p>Discover <strong>{count.photos} homes<br /></strong> from <strong>{count.locations} cities</strong> of <strong>{count.countries} countries</strong></p>
         <div class="cards">
-            <BoxCTA text="explore the globe" image="/images/icons/explore.svg" url="#" />
-            <BoxCTA text="discover the locations" image="/images/icons/pin.svg" url="#" />
-            <BoxCTA text="shop the prints" image="/images/icons/pin.svg" url="#" />
+            <BoxCTA url="#" icon="/images/icons/explore.svg" label="Explore the globe" alt="Globe" />
+            <BoxCTA url="#" 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" />
         </div>
     </div>
 
-
     <Locations
         locations={location}
     />
@@ -61,7 +61,6 @@
 </main>
 
 
-
 <script context="module" lang="ts">
     import { fetchAPI } from '$utils/api'