Skip to content

L
landingPage-Nexpie
Commit 5a02e150 by Chaiwith Santaweesuk
Options

update

parent bb215ea3
Showing with 66 additions and 26 deletions
.firebase/hosting.YnVpbGQ.cache 0 → 100644
asset-manifest.json,1565695593697,7325eaff1ecd7661f192650db0ea691f5e4704be945f758c8b0a112053dc49be
index.html,1565695593697,e3314e7cf9daa1b4729c1923cc57628e8513e6aedd71f8e06294c9c9ee0617cb
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
precache-manifest.39f1ec858ae187d2503a3ee3587db165.js,1565695593697,79c5f740e50d54e8e5b02ad64971de79aae39b094a16f12dfa0b5c2d171bc9cf
service-worker.js,1565695593697,4bca5d2df5275c4a4267c1656362e7aef1ec91ba6ced233941b494bab82579f3
static/css/main.0d9f49bf.chunk.css,1565695593698,ef66b111b80cdb58e24272c846aca8208ee81c7e68f547b561d1f7c008fae094
static/js/main.8bc63245.chunk.js,1565695593700,a3cbfde8197ce0113c41fecd1fb9acee6051f28242c378a3df0c1c50f4c9084d
static/js/runtime~main.a8a9905a.js,1565695593714,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/js/runtime~main.a8a9905a.js.map,1565695593714,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/css/main.0d9f49bf.chunk.css.map,1565695593712,06a95f2acf98dd19f945abffa745cbf984cbac1493af0d433f6c3c285d3b6a57
static/js/main.8bc63245.chunk.js.map,1565695593714,5c7cbb49cd730d4a7874dc4be7f287e1ddefc1b846feb21afa713f72e87ac770
static/css/2.5aec162f.chunk.css,1565695593711,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/css/2.5aec162f.chunk.css.map,1565695593710,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/2.9838828f.chunk.js,1565695593717,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/2.9838828f.chunk.js.map,1565695593716,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
.firebaserc 0 → 100644
{
"projects": {
"default": "demox-92c6d"
}
}
firebase.json 0 → 100644
{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
public/index.html
...@@ -3,10 +3,7 @@ ...@@ -3,10 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link <link href="https://fonts.googleapis.com/css?family=Mitr&display=swap" rel="stylesheet">
href="https://fonts.googleapis.com/css?family=Kanit:300,400,500,700&display=swap&subset=thai"
rel="stylesheet"
/>
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css" /> <link rel="stylesheet" href="owlcarousel/owl.carousel.min.css" />
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css" /> <link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
......
src/components/Header.js
...@@ -97,7 +97,7 @@ class HeaderComponent extends Component { ...@@ -97,7 +97,7 @@ class HeaderComponent extends Component {
NavItems.push( NavItems.push(
this.props.isTabletSized ? renderToggleLanguageButton() : renderToggleLanguage(), this.props.isTabletSized ? renderToggleLanguageButton() : renderToggleLanguage(),
<Navbar.Item key={`Button${7}`} href="#"> <Navbar.Item key={`Button${7}`} href="#">
<Button style={{ paddingVertical: '0.1em' }} fullwidth color={'light'}> <Button style={{ paddingVertical: '0.1em'}} fullwidth color={'light'}>
{ButtonNavs[7].name} {ButtonNavs[7].name}
</Button> </Button>
</Navbar.Item> </Navbar.Item>
......
src/components/Home/Banner.js
...@@ -6,7 +6,7 @@ export default class Banner extends React.Component { ...@@ -6,7 +6,7 @@ export default class Banner extends React.Component {
<div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}> <div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}>
<div className="content-width"> <div className="content-width">
<div className="banner-text-container"> <div className="banner-text-container">
<h1 className="banner-title">NEXPIE IOT Platform</h1> <h1 className="banner-title">NEXPIE IoT Platform</h1>
<div className="banner-descrip-wrapper"> <div className="banner-descrip-wrapper">
<h2>CONNECT</h2> <h2>CONNECT</h2>
<h2>EVERYTHING !</h2> <h2>EVERYTHING !</h2>
......
src/components/Home/Services.js
...@@ -11,7 +11,7 @@ const Card = () => { ...@@ -11,7 +11,7 @@ const Card = () => {
</div> </div>
<div className="service-wrapper"> <div className="service-wrapper">
<h1 className="service-title">Connectivity</h1> <h1 className="service-title">Connectivity</h1>
<p className="service-description">Connecting your device with NEXPIE IoT platform.</p> <p className="service-description">Connecting your device with NEXPIE IoT Platform.</p>
</div> </div>
</div> </div>
); );
......
src/components/Home/WhyUs.js
...@@ -10,7 +10,7 @@ const Card = () => { ...@@ -10,7 +10,7 @@ const Card = () => {
</figure> </figure>
<h1 className="why-title">Connectivity</h1> <h1 className="why-title">Connectivity</h1>
<p className="why-description" style={{ textAlign: 'center' }}> <p className="why-description" style={{ textAlign: 'center' }}>
Connecting your device with NEXPIE IoT platform. Connecting your device with NEXPIE IoT Platform.
</p> </p>
</div> </div>
); );
......
src/scss/_variables.scss
...@@ -4,3 +4,4 @@ $lightprimary: #0384ce; ...@@ -4,3 +4,4 @@ $lightprimary: #0384ce;
$grey: #4a4a4a; $grey: #4a4a4a;
$lightgrey: #858585; $lightgrey: #858585;
$white: #ffffff; $white: #ffffff;
$size-text-header:20px;
src/scss/style.scss
@import '~react-bulma-components/src/index.sass'; @import "~react-bulma-components/src/index.sass";
@import '_variables.scss'; @import "_variables.scss";
// @import '../../node_modules/bulma/bulma.sass'; // @import '../../node_modules/bulma/bulma.sass';
// @import '../../node_modules/bulma/sass/utilities/_all.sass'; // @import '../../node_modules/bulma/sass/utilities/_all.sass';
// @import '../../node_modules/bulma/sass/base/_all.sass'; // @import '../../node_modules/bulma/sass/base/_all.sass';
...@@ -7,8 +7,9 @@ ...@@ -7,8 +7,9 @@
// @import '../../node_modules/bulma/sass/elements/container.sass'; // @import '../../node_modules/bulma/sass/elements/container.sass';
// @import '../../node_modules/bulma/sass/elements/title.sass'; // @import '../../node_modules/bulma/sass/elements/title.sass';
// @import '../../node_modules/bulma/sass/form/_all.sass'; // @import '../../node_modules/bulma/sass/form/_all.sass';
body { body {
font-family: 'Kanit', sans-serif; font-family: "Mitr", sans-serif;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
...@@ -39,12 +40,12 @@ body { ...@@ -39,12 +40,12 @@ body {
padding: 0 15px; padding: 0 15px;
} }
.descriptionStyle { .descriptionStyle {
font-size: 22px; font-size: 18px;
color: $grey; color: $grey;
font-weight: 100; font-weight: normal;
} }
.title { .title {
font-size: 35px; font-size: $size-text-header;
color: $primary; color: $primary;
} }
.banner-text-container { .banner-text-container {
...@@ -83,11 +84,11 @@ body { ...@@ -83,11 +84,11 @@ body {
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
.why-title { .why-title {
font-size: 24px; font-size: 22px;
color: $grey; color: $grey;
} }
.why-description { .why-description {
font-size: 18px; font-size: 16px;
color: $lightgrey; color: $lightgrey;
} }
} }
...@@ -125,20 +126,19 @@ body { ...@@ -125,20 +126,19 @@ body {
} }
.service-wrapper { .service-wrapper {
width: 100%; width: 100%;
max-height: 200px;
max-height: 170px;
color: $white; color: $white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 30px 40px 40px 40px; padding: 15px 20px 20px 20px;
.service-title { .service-title {
font-size: 24px; font-size: 22px;
font-weight: 500; font-weight: 500;
} }
.service-description { .service-description {
font-size: 18px; font-size: 16px;
text-align: center; text-align: center;
font-weight: 100; font-weight: 100;
} }
...@@ -148,8 +148,8 @@ body { ...@@ -148,8 +148,8 @@ body {
width: 85%; width: 85%;
height: 180px; height: 180px;
border-radius: 6px; border-radius: 6px;
background-image: linear-gradient(276deg, #3473bf, #0891df);
position: absolute; position: absolute;
background-image: linear-gradient(276deg, #3473bf, #42b3e5);
} }
.feature-container { .feature-container {
display: flex; display: flex;
...@@ -196,7 +196,7 @@ body { ...@@ -196,7 +196,7 @@ body {
max-width: 400px; max-width: 400px;
height: 4; /* Fallback for non-webkit */ height: 4; /* Fallback for non-webkit */
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 16px;
line-height: 1.33; line-height: 1.33;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
...@@ -237,7 +237,7 @@ body { ...@@ -237,7 +237,7 @@ body {
.text-wrapper { .text-wrapper {
color: #757575; color: #757575;
.plan-title { .plan-title {
font-size: 24px; font-size: 22px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
...@@ -368,6 +368,11 @@ body { ...@@ -368,6 +368,11 @@ body {
.navbar-item { .navbar-item {
padding: 0.5rem 0.15rem; padding: 0.5rem 0.15rem;
font-family: "Mitr", sans-serif !important;
}
span{
font-family: "Mitr", sans-serif !important;
} }
.bullet-navs { .bullet-navs {
......
src/translations/en.json
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
"BottomNav.Packages": "PACKAGES", "BottomNav.Packages": "PACKAGES",
"GoToDashboard": "GO TO DASHBOARD", "GoToDashboard": "GO TO DASHBOARD",
"connect": "CONNECT", "connect": "CONNECT",
"About.Title": "About Nexpie IOT Platform", "About.Title": "About Nexpie IoT Platform",
"About.Descrip1": "Connecting everything - everywhere with IoT platform to improve your business productive and efficiency for creates best opportunities to your organization in new Technology era unlike anything before.", "About.Descrip1": "Connecting everything - everywhere with IoT Platform to improve your business productive and efficiency for creates best opportunities to your organization in new Technology era unlike anything before.",
"About.Descrip2": "NEXPIE IoT Platform provides tools and software libraries that accelerates the IoT development process, so developers can spend more time innovating and less time worrying about administration of back-end servers and data storage.", "About.Descrip2": "NEXPIE IoT Platform provides tools and software libraries that accelerates the IoT development process, so developers can spend more time innovating and less time worrying about administration of back-end servers and data storage.",
"Why.Title": "Why choose NEXPIE", "Why.Title": "Why choose NEXPIE",
"Why.Descrip": "NEXPIE provide the Internet of Things (IoT) technology tools for helping your organization to achieve the most benefit in Commercial Marketing.", "Why.Descrip": "NEXPIE provide the Internet of Things (IoT) technology tools for helping your organization to achieve the most benefit in Commercial Marketing.",
......
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