Skip to content

L
landingPage-Nexpie
Commit b5a7a425 by Chaiwith Santaweesuk
Options

update

parent 164c9cb2
Showing with 66 additions and 23 deletions
.firebase/hosting.YnVpbGQ.cache
asset-manifest.json,1566489464892,d917d8ca82da1bf89c18f662af00857807a77793e28197dd94143f359212b61b
asset-manifest.json,1566819490815,f6681c25764e7fccb414411214137cb71866fc36d6ddc7abe422d90e8049ce34
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
precache-manifest.51a4ad7a1128a896b69ad5eb00dc99a8.js,1566489464892,27accb0375209814b829c08aa5b6e68855ef99492b4002d5e6d6c367938f81d4
index.html,1566489464892,46fb4d6f374ca452cfa5d1bf2fe1a13244fec6082f3f5636d44578f8f6bda44f
service-worker.js,1566489464892,38b8ca9bb235c3529147d79832e4f86f9aad7e831a904bddaf5750cd8b99f72b
index.html,1566819490815,c5ad54fcd5ad87211331190410c6ed0e1c39e5c06141644e964ba524c847c8e5
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
static/css/main.65ea563f.chunk.css,1566489464893,27a59a4b69f523546d3790722dab40480363b49fef5776d22b76980c4b79e83f
static/js/main.91ea0398.chunk.js,1566489464897,7f11c5c3fc7ae3457f04b550bbb1f889b587936b63d734eb03e4054b296dccf0
static/js/runtime~main.a8a9905a.js,1566489464907,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/css/main.65ea563f.chunk.css.map,1566489464908,bba9107485cc3bc08d5909bbdefc8f0a05c6193c1122f955a38263d8a4de12ca
static/js/runtime~main.a8a9905a.js.map,1566489464907,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/js/main.91ea0398.chunk.js.map,1566489464908,87c7df425aa4798795effc5955e8bd37fa495fe8720cd9f86b70f88856e90cf1
static/css/2.94588ff4.chunk.css,1566489464906,f70230d94bf22a50b4fc79cd51b1446c998f750f12586220e4bd24393c010e76
static/css/2.94588ff4.chunk.css.map,1566489464907,6c497bce27c3a962b7f278d80e59d365c1d76286d5683e6fa4dde85970612a5a
static/js/2.a8a8668a.chunk.js,1566489464906,13bf28a502da5f889c3fb652c52e7e367dca7e5dcc1de09f59baf52ab70d5111
static/js/2.a8a8668a.chunk.js.map,1566489464907,4f9e550321484ab329ca8bae90d2225fe7d882e9231caf3da2792ce98dff7d1a
precache-manifest.3e4b5547e91d9c3ffc9f7d16f0bbbfc5.js,1566819490815,35947f42fcd98d87f6dba1d17492b5d7902610df7ed93345a0584d372d11c731
service-worker.js,1566819490815,5a3e5c3faf050562696d1925a5579883337885915835c4c5e40b18043cd8f6f7
static/css/main.bc6512f3.chunk.css,1566819490816,0480b3adc0dfc1e96c53a694fa5781a560a6a2b82903c4eebc3df8adee3253a2
static/css/main.bc6512f3.chunk.css.map,1566819490828,eeb22ca626869138199cb671938aedc382de722328f8da43402933f15a9d3b3b
static/js/main.2a8ac826.chunk.js.map,1566819490828,f9e04df1728a27919956525dbdf1528e454fd5d684d79946b332547a9e0063ae
static/js/runtime~main.a8a9905a.js,1566819490820,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/js/runtime~main.a8a9905a.js.map,1566819490829,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/js/main.2a8ac826.chunk.js,1566819490828,9eed2c22679b6325c0e54456f545587efc86b741a8587361e75a239f39486e82
static/css/2.94588ff4.chunk.css,1566819490828,f70230d94bf22a50b4fc79cd51b1446c998f750f12586220e4bd24393c010e76
static/css/2.94588ff4.chunk.css.map,1566819490828,6c497bce27c3a962b7f278d80e59d365c1d76286d5683e6fa4dde85970612a5a
static/js/2.9000e28b.chunk.js,1566819490828,e94e1e0ed80cecabcdab899632947e38b4dd3397f7a8c0309ced86fbd6b95607
static/js/2.9000e28b.chunk.js.map,1566819490829,d3c5c973ee2e746eb2c79552db51e6ae60285d4dc47f14b93b73ed3154cf06c9
src/components/Home/Services.js
......@@ -16,6 +16,22 @@ const Card = () => {
</div>
);
};
const service = [
{
title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" />
},
{
title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" />
},
{
title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" />
},
];
export default class Services extends React.Component {
render() {
return (
......
src/components/Home/WhyUs.js
......@@ -3,19 +3,34 @@ import { FormattedMessage } from 'react-intl';
import WindowDimensions from '../../utils/WindowDimension';
// import { hidden } from 'ansi-colors';
const Card = () => {
const Card = (props) => {
return (
<div className="why-card">
<figure className="image is-128x128">
<img className="is-rounded" alt="" src="https://bulma.io/images/placeholders/128x128.png" />
</figure>
<h1 className="why-title">Connectivity</h1>
<h1 className="why-title">{props.title}</h1>
<p className="why-description" style={{ textAlign: 'center' }}>
Connecting your device with NEXPIE IoT Platform.
{props.description}
</p>
</div>
);
};
const why = [
{
title: <FormattedMessage id="Flexibility.Title" />,
description: <FormattedMessage id="Flexibility.Descrip" />
},
{
title: <FormattedMessage id="Datavisualization.Title" />,
description: <FormattedMessage id="Datavisualization.Descrip" />
},
{
title: <FormattedMessage id="Integrations.Title" />,
description: <FormattedMessage id="Integrations.Descrip" />
},
];
const WhyUs = ({ isMobileSized }) => {
return (
......@@ -37,8 +52,8 @@ const WhyUs = ({ isMobileSized }) => {
{isMobileSized ? <br></br>: null}
<div className="why-container">
<div className="why-bg" />
{[1, 2, 3].map((item, index) => (
<Card key={index} />
{why.map((item, index) => (
<Card key={index} title={item.title} description={item.description}/>
))}
</div>
</div>
......
src/scss/style.scss
......@@ -106,7 +106,7 @@ body {
font-weight: 500;
}
.why-description {
font-size: 16px;
font-size: 14px;
font-weight: normal;
color: $lightgrey;
}
......@@ -222,7 +222,7 @@ body {
max-width: 400px;
height: 4; /* Fallback for non-webkit */
// margin: 0 auto;
font-size: 16px;
font-size: 14px;
font-weight: normal;
// line-height: 1.33;
-webkit-line-clamp: 4;
......@@ -276,8 +276,8 @@ body {
}
}
.price-wrapper {
width: 180px;
height: 180px;
width: 150px;
height: 150px;
background-image: linear-gradient(306deg, #3473bf, #0891df);
border-radius: 100px;
@extend .center;
......
src/translations/en.json
......@@ -12,6 +12,12 @@
"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.Descrip": "NEXPIE provide the Internet of Things (IoT) technology tools for helping your organization to achieve the most benefit in Commercial Marketing.",
"Flexibility.Title":"Flexibility",
"Flexibility.Descrip":"Flexible, scalable and fast with Microservice Architecture helps you to organize your business growth.",
"Datavisualization.Title":"Data Visualization",
"Datavisualization.Descrip":"Collect your connection data to manage and monitorization real-time with local cloud server storage.",
"Integrations.Title":"Integrations",
"Integrations.Descrip":"Easily integrate to any protocols, connectivity types and 3rd party integration by provides APIs.",
"Services.Title": "Our Services",
"Feature.Descrip": "The majority of NEXPIE functionality that helps to develop your connected devices and smart things.",
"Features.Title": "Features",
......
src/translations/th.json
......@@ -12,6 +12,12 @@
"About.Descrip2": "แพลตฟอร์ม NEXPIE IoT มีเครื่องมือและไลบรารีซอฟต์แวร์ที่เร่งกระบวนการพัฒนา IoT เพื่อให้นักพัฒนาสามารถใช้เวลาในการคิดค้นและใช้เวลาน้อยลงโดยไม่ต้องกังวลเกี่ยวกับการดูแลเซิร์ฟเวอร์แบ็คเอนด์และที่จัดเก็บข้อมูล",
"Why.Title": "ทำไมต้องเลือก NEXPIE",
"Why.Descrip": "NEXPIE มอบเครื่องมือ Internet of Things(IoT) เพื่อช่วยให้องค์กรของคุณได้รับประโยชน์สูงสุดในด้านการตลาดเชิงพาณิชย์",
"Flexibility.Title":"ความยืดหยุ่นสูง",
"Flexibility.Descrip":"สามารถปรับลด-ขยายทรัพยากรณ์ได้ตลอดเวลา ด้วยสถาปัตยกรรมแบบ Microservice ซึ่งจะช่วยในการจัดการธุรกิจของคุณให้เติบโต",
"Datavisualization.Title":"การแสดงข้อมูล",
"Datavisualization.Descrip":"รวบรวมข้อมูลการเชื่อมต่อของคุณ เพื่อจัดการ และตรวจสอบข้อมูลได้แบบแบบเรียลไทม์ ด้วยการจัดเก็บข้อมูลบนคลาวด์เซิร์ฟเวอร์ในไทย",
"Integrations.Title":"อินทิเกรต",
"Integrations.Descrip":"การทำงานร่วมกับทุกโปรโตคอลและ 3rd party ได้อย่างง่ายดาย โดยจัดเตรียม APIs สำหรับการผสานรวมธุรกิจของคุณ",
"Services.Title": "บริการของเรา",
"Feature.Descrip": "ฟังก์ชั่นหลักของ NEXPIE คือการช่วยในการพัฒนาอุปกรณ์ และ smart things ของคุณ",
"Features.Title": "จุดเด่น",
......
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