Add some SEO metas (WIP)

src/routes/index.svelte

@@ -18,8 +18,6 @@
 
 <script>
     import { onMount } from 'svelte'
-    import { fade } from 'svelte/transition'
-    import { flip } from 'svelte/animate'
     import { site, currentLocation, currentPhotos } from '../store'
     import * as fn from '../functions'
 
@@ -35,6 +33,7 @@
     import Carousel from '../organisms/Carousel'
     import Locations from '../organisms/Locations'
     import Footer from '../organisms/Footer'
+    import SocialMetas from '../utils/SocialMetas'
 
     // Reset current location if existing
     $: {
@@ -51,8 +50,8 @@
     ** Run code on browser only
     */
     onMount(() => {
-        // Scroll apparitions
         if (process.browser) {
+            // Scroll apparitions
             AOS.init()
 
             // Parallax titles
@@ -88,7 +87,14 @@
 </script>
 
 <svelte:head>
-	<title>Houses Of - Beautiful houses of planet Earth</title>
+	<title>Houses Of - {$site.seo_title_default} planet Earth</title>
+    <meta name="description" content={$site.seo_description_default}>
+    <SocialMetas
+        url="https://housesof.world"
+        title="Houses Of - {$site.seo_title_default} planet Earth"
+        description={$site.seo_description_default}
+        image={$site.seo_share_image.full_url}
+    />
 </svelte:head>
 
 <section class="intro">