Skip to content

L
landingPage-Nexpie
Commit d2117e7d by HaOuiha
Options

update

parent f2ff3aa7
Showing with 35 additions and 46 deletions
src/App.js
import React, { Component } from "react"; import React, { Component } from 'react';
import { IntlProvider } from "react-intl"; import { IntlProvider } from 'react-intl';
import messages_en from "./translations/en.json"; import messages_en from './translations/en.json';
import messages_th from "./translations/th.json"; import messages_th from './translations/th.json';
import { connect } from "react-redux"; import { connect } from 'react-redux';
import Header from "components/Header"; import Header from 'components/Header';
import Homepage from "pages/Homepage"; import Homepage from 'pages/Homepage';
import "./scss/style.scss"; import './scss/style.scss';
const App = () => { const App = () => {
return ( return (
<> <>
<Header /> <Header />
<Homepage /> <Homepage />
</> </>
); );
}; };
const messages = { const messages = {
en: messages_en, en: messages_en,
th: messages_th th: messages_th,
}; };
class IntlApp extends Component { class IntlApp extends Component {
render() { render() {
const { language } = this.props; const { language } = this.props;
return ( return (
<IntlProvider <IntlProvider defaultLocale="en" locale={language} key={language} messages={messages[language]}>
defaultLocale="en" <App />
locale={language} </IntlProvider>
key={language} );
messages={messages[language]} }
>
<App />
</IntlProvider>
);
}
} }
const mapStateToProps = state => { const mapStateToProps = state => {
return { return {
language: state.localeReducer.language language: state.localeReducer.language,
}; };
}; };
export default connect(mapStateToProps)(IntlApp); export default connect(mapStateToProps)(IntlApp);
src/components/Home/Banner.js
...@@ -3,23 +3,17 @@ import React from 'react'; ...@@ -3,23 +3,17 @@ import React from 'react';
export default class Banner extends React.Component { export default class Banner extends React.Component {
render() { render() {
return ( return (
<> <div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}>
<div <div className="content-width">
className="section" <div className="banner-text-container">
style={{ <h1 className="banner-title">NEXPIE IOT Platform</h1>
background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)', <div className="banner-descrip-wrapper">
}}> <h2>CONNECT</h2>
<div className="content-width"> <h2>EVERYTHING !</h2>
<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> </div>
</div> </div>
</> </div>
); );
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment