Fix wordings, links, and hamburger

Author: blokhin

src/layouts/Hero.svelte

@@ -4,8 +4,9 @@
 			<Col col="7">
 				<div class="hero_content">
 					<Hero>
-						<h1>Metis is your new</h1>
-						<h1 class="text-primary">virtual materials lab</h1>
+						<h1>Metis &mdash;</h1>
+						<!-- h1 class="text-primary">virtual materials lab</h1 -->
+						<h1 class="text-primary">synchrotrons as a service</h1>
 					</Hero>
 				</div>
 			</Col>

src/layouts/Main.svelte

@@ -25,6 +25,8 @@
 
 	<XRay />
 
+	<Team />
+
 	<Ready />
 </main>
 
@@ -41,6 +43,7 @@
 	import BFF from './BFF.svelte';
 	import Crystalline from './Crystalline.svelte';
 	import XRay from './XRay.svelte';
+	import Team from './Team.svelte';
 	import Ready from './Ready.svelte';
 </script>
 

src/layouts/Team.svelte

@@ -0,0 +1,8 @@
+
+<script lang="ts">
+
+</script>
+
+<style lang="scss">
+
+</style>

src/views/Footer.svelte

@@ -13,17 +13,17 @@
 			<Col col={!$media.md ? '3' : '2'}>
 				<div class="footer_about">
 					<h1>About</h1>
-					<li><a href="#">Contacts</a></li>
-					<li><a href="#">Team</a></li>
+					<li><a href="#metis-team">Team</a></li>
 					<li><a href="#">Press Kit</a></li>
+					<li><a href="#">Investor Relations</a></li>
 				</div>
 			</Col>
 			<Col col="3">
 				<div class="footer_product">
 					<h1>Product</h1>
 					<li><a href="#metis-features">Why Metis?</a></li>
-					<li><a href="#metis-backend">Software Details</a></li>
-					<li><a href="#metis-scientific">Scientific Details</a></li>
+					<li><a href="#metis-backend">Synchrotrons</a></li>
+					<li><a href="https://app.metis.science">Try Metis</a></li>
 					<li><a href="https://kit.metis.science">User Interface Kit</a></li>
 				</div>
 			</Col>
@@ -32,29 +32,29 @@
 					<h1>Transparency</h1>
 					<li><a href="#">Terms</a></li>
 					<li><a href="#">Privacy</a></li>
-					<li><a href="https://github.com/tilde-lab/metis.science">This site on GitHub</a></li>
+					<li><a href="https://github.com/metis-science/metis.science">This site on GitHub</a></li>
 				</div>
 			</Col>
 		{:else}
 			<Col col="8">
 				<div class="footer_about">
 					<h1>About</h1>
-					<li><a href="#">Contacts</a></li>
-					<li><a href="#">Team</a></li>
+					<li><a href="#metis-team">Team</a></li>
 					<li><a href="#">Press Kit</a></li>
+					<li><a href="#">Investor Relations</a></li>
 				</div>
 				<div class="footer_product">
 					<h1>Product</h1>
 					<li><a href="#metis-features">Why Metis?</a></li>
-					<li><a href="#metis-backend">Software Details</a></li>
-					<li><a href="#metis-scientific">Scientific Details</a></li>
+					<li><a href="#metis-backend">Synchrotrons</a></li>
+					<li><a href="https://app.metis.science">Try Metis</a></li>
 					<li><a href="https://kit.metis.science">User Interface Kit</a></li>
 				</div>
 				<div class="footer_legal">
 					<h1>Transparency</h1>
 					<li><a href="#">Terms</a></li>
 					<li><a href="#">Privacy</a></li>
-					<li><a href="https://github.com/tilde-lab/metis.science">This site on GitHub</a></li>
+					<li><a href="https://github.com/metis-science/metis.science">This site on GitHub</a></li>
 				</div>
 			</Col>
 			<Col col="4">

src/views/Header.svelte

@@ -17,9 +17,9 @@
 			{#if is_open}
 				<div class="opened_menu">
 					<li><a href="#metis-features">Why Metis?</a></li>
-					<li><a href="#metis-backend">Software Details</a></li>
-					<li><a href="#metis-scientific">Scientific Details</a></li>
-					<li><a href="#metis-download">Download and Try</a></li>
+					<li><a href="#metis-backend">Synchrotrons</a></li>
+					<li><a href="#metis-scientific">Simulations</a></li>
+					<li><a href="https://app.metis.science">Try Metis</a></li>
 				</div>
 			{/if}
 		</div>
@@ -94,10 +94,10 @@
 		transition: transform 0.3s ease-in-out;
 	}
 	.cross::before {
-		transform: translateY(5px) rotate(-148deg);
+		transform: translateY(7px) rotate(-148deg);
 	}
 	.cross::after {
-		transform: translateY(-5px) rotate(148deg);
+		transform: translateY(-7px) rotate(148deg);
 	}
 	.opened_menu {
 		position: absolute;
@@ -119,7 +119,7 @@
 			}
 		}
 		li a {
-			color: #fff;
+			color: #ff0;
 		}
 	}