Added Desktop as a separate component

Author: deekshasharma

src/HomePage.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import desktop from './desktop.svg';
+import './styles.css';
+
+export const Desktop = () => {
+  return (
+    <div className="Home">
+      <header className="Home-Page">
+        <h2>Stratafly</h2>
+        <h5>Find The Best Flight Deals With Us</h5>
+        <img src={desktop} alt="stratafly" />
+      </header>
+    </div>
+  );
+};

src/home-page.svg renamed to src/components/Desktop/desktop.svg

@@ -1,8 +1,8 @@
-.App {
+.Home {
   text-align: center;
 }
 
-.App-header {
+.Home-Page {
   background-color: #e7f6e7;
   min-height: 100vh;
   display: flex;

src/components/Desktop/index.js

@@ -14,6 +14,7 @@ import { trip } from '../shared/app-constants';
 import { PaymentContainer } from './PaymentContainer';
 import { Empty } from '../components/Empty';
 import { Confirmation } from '../components/Confirmation';
+import {Desktop} from "../components/Desktop";
 
 const appScreens = {
   showSearch: false,
@@ -70,6 +71,7 @@ class App extends Component {
   onBookAnotherFlight = () => this.setState(defaultState);
 
   render() {
+    if (window.screen.width >= 1024 && window.screen.height >= 768) return <Desktop />;
     const {
       from,
       to,