Добавил круг

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
+  "short_name": "Путешествия просто!",
-  "name": "Create React App Sample",
+  "name": "Агрегатор возможностей",
   "icons": [
     {
       "src": "favicon.ico",

src/components/Start/Start.js

@@ -3,6 +3,7 @@ import React from "react";
 const Start = (props) => {
 
     const route =  props.getValue;
+    const kek = './circle.html'
 
     return (
         <div style={{
@@ -33,6 +34,12 @@ const Start = (props) => {
                 fontWeight: 700,
                 color: '#fff',
             }}>Начать</button>
+            <iframe scrolling="no" src={kek} style={{
+                overflow: 'hidden',
+                border: 'none',
+                width: '440px',
+                height: '440px',
+            }}/>
         </div>
     ) 
 };

src/components/Start/kek.css

@@ -1,122 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);
-
-@-webkit-keyframes rotate-right {
-    from {
-      -webkit-transform: rotate(0deg);
-    }
-    to {
-      -webkit-transform: rotate(360deg);
-    }
-  }
-  @-webkit-keyframes rotate-left {
-    from {
-      -webkit-transform: rotate(0deg);
-    }
-    to {
-      -webkit-transform: rotate(-360deg);
-    }
-  }
-  @-webkit-keyframes hover {
-    0% {
-      -webkit-transform: translateY(0%);
-    }
-    50% {
-      -webkit-transform: translateY(5%);
-    }
-    100% {
-      -webkit-transform: translateY(0%);
-    }
-  }
-  @-webkit-keyframes pull {
-    0% {
-      -webkit-transform: scaleY(1);
-    }
-    40% {
-      -webkit-transform: scaleY(1.01);
-    }
-    60% {
-      -webkit-transform: scaleY(0.99);
-    }
-    80% {
-      -webkit-transform: scaleY(1.01);
-    }
-    100% {
-      -webkit-transform: scaleY(0.99);
-    }
-    80% {
-      -webkit-transform: scaleY(1.01);
-    }
-    100% {
-      -webkit-transform: scaleY(1);
-    }
-  }
-  #airplane2, #airplane1 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 60s linear 0s infinite;
-  }
-  #countryObjects {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 240s linear 0s infinite;
-  }
-  #floatingGlobe {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-left 360s linear 0s infinite;
-  }
-  #globe {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: hover 0s linear 0s infinite;
-  }
-  #windmill {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 331px 201px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 2s linear 0s infinite;
-  }
-  #cloud1 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: hover 3s linear 1s infinite;
-  }
-  #cloud2 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: hover 3s linear 2s infinite;
-  }
-  #cloud3 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: hover 3s linear 3s infinite;
-  }
-  #circle1 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 12s linear 0s infinite;
-  }
-  #circle2 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-left 24s linear 0s infinite;
-  }
-  #circle3 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 12s linear 0s infinite;
-  }
-  #circle4 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-left 24s linear 0s infinite;
-  }
-  #circle5 {
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-transform-origin: 200px 200px;
-    -webkit-transform: translate3d(0, 0, 0);
-    -webkit-animation: rotate-right 12s linear 0s infinite;
-  }

src/components/Start/kek.html

@@ -1,2 +0,0 @@
-<!-- <?xml version="1.0" encoding="utf-8"?> -->
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->