update

src/App.js

-import React, { Component } from "react";
-import { IntlProvider } from "react-intl";
+import React, { Component } from 'react';
+import { IntlProvider } from 'react-intl';
 
-import messages_en from "./translations/en.json";
-import messages_th from "./translations/th.json";
-import { connect } from "react-redux";
+import messages_en from './translations/en.json';
+import messages_th from './translations/th.json';
+import { connect } from 'react-redux';
 
-import Header from "components/Header";
-import Homepage from "pages/Homepage";
-import "./scss/style.scss";
+import Header from 'components/Header';
+import Homepage from 'pages/Homepage';
+import './scss/style.scss';
 
 const App = () => {
-  return (
-    <>
-      <Header />
-      <Homepage />
-    </>
-  );
+	return (
+		<>
+			<Header />
+			<Homepage />
+		</>
+	);
 };
 
 const messages = {
-  en: messages_en,
-  th: messages_th
+	en: messages_en,
+	th: messages_th,
 };
 
 class IntlApp extends Component {
-  render() {
-    const { language } = this.props;
-    return (
-      <IntlProvider
-        defaultLocale="en"
-        locale={language}
-        key={language}
-        messages={messages[language]}
-      >
-        <App />
-      </IntlProvider>
-    );
-  }
+	render() {
+		const { language } = this.props;
+		return (
+			<IntlProvider defaultLocale="en" locale={language} key={language} messages={messages[language]}>
+				<App />
+			</IntlProvider>
+		);
+	}
 }
 
 const mapStateToProps = state => {
-  return {
-    language: state.localeReducer.language
-  };
+	return {
+		language: state.localeReducer.language,
+	};
 };
 
 export default connect(mapStateToProps)(IntlApp);

src/components/Home/Banner.js

@@ -3,23 +3,17 @@ import React from 'react';
 export default class Banner extends React.Component {
 	render() {
 		return (
-			<>
-				<div
-					className="section"
-					style={{
-						background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)',
-					}}>
-					<div className="content-width">
-						<div className="banner-text-container">
-							<h1 className="banner-title">NEXPIE IOT Platform</h1>
-							<div className="banner-descrip-wrapper">
-								<h2>CONNECT</h2>
-								<h2>EVERYTHING !</h2>
-							</div>
+			<div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}>
+				<div className="content-width">
+					<div className="banner-text-container">
+						<h1 className="banner-title">NEXPIE IOT Platform</h1>
+						<div className="banner-descrip-wrapper">
+							<h2>CONNECT</h2>
+							<h2>EVERYTHING !</h2>
 						</div>
 					</div>
 				</div>
-			</>
+			</div>
 		);
 	}
 }