WIP React > Svelte

Put most of the developed design into Svelte

src/routes/choose.svelte

@@ -1,14 +1,43 @@
 <script>
-    import { fade, slide } from 'svelte/transition'
-	import { site } from '../store'
-    import Locations from '../components/Locations'
+    import { site, currentLocation } from '../store'
+
+    // Components
+    import Globe from '../molecules/InteractiveGlobe'
+    import Footer from '../molecules/Footer'
+    import Locations from '../organisms/Locations'
+
+    // Reset current location if existing
+    $: if ($currentLocation) {
+        currentLocation.set()
+    }
 </script>
 
 <svelte:head>
 	<title>Houses Of - Beautiful houses of planet Earth</title>
 </svelte:head>
 
-<section class="hero is-medium is-danger has-text-centered">
+<section class="explore">
+    <div class="wrap">
+        <div class="explore__top">
+            <a href="/" class="button-control button-control--pink">
+                <img src="/img/icons/arrow-white.svg" alt="">
+            </a>
+            <h1 class="title-location">Houses <em>of the</em> World</h1>
+        </div>
+
+        <div class="description">
+            <p>{$site.explore_globe}</p>
+        </div>
+    </div>
+
+    <Globe />
+
+     <Locations />
+</section>
+
+<Footer />
+
+<!-- <section class="hero is-medium is-danger has-text-centered">
     <div class="hero-body">
         <div class="container">
             <h1 class="title">Houses Of The World</h1>
@@ -31,4 +60,4 @@
 
         <Locations />
     </section>
-</div>
+</div> -->