Add Metas on Location page

src/routes/[country]/[location]/index.svelte

@@ -5,6 +5,7 @@
     import relativeTime from 'dayjs/plugin/relativeTime.js'
     import { getAssetUrlKey } from '$utils/helpers'
     // Components
+    import Metas from '$components/Metas.svelte'
     import Button from '$components/atoms/Button.svelte'
     import IconEarth from '$components/atoms/IconEarth.svelte'
     import Image from '$components/atoms/Image.svelte'
@@ -85,6 +86,13 @@
     }
 </script>
 
+<Metas
+    title="Houses Of {location.name}"
+    description="Discover {totalPhotos} beautiful homes from {location.name}, {location.country.name}"
+    image={getAssetUrlKey(latestPhoto.image.id, 'share-image')}
+/>
+
+
 <main class="location-page">
     <section class="location-page__intro grid"
         style="
@@ -241,6 +249,7 @@
                             website
                         }
                     }
+                    country { name }
                 }
 
                 photos: photo (