update

b5a7a425 · Chaiwith Santaweesuk · 164c9cb2 · b5a7a425 · b5a7a425 · b5a7a425
Commit b5a7a425 authored Aug 28, 2019 by Chaiwith Santaweesuk
Showing with 66 additions and 23 deletions

.firebase/hosting.YnVpbGQ.cache
+14 -14

src/components/Home/Services.js
+16 -0

src/components/Home/WhyUs.js
+20 -5

src/scss/style.scss
+4 -4

src/translations/en.json
+6 -0

src/translations/th.json
+6 -0

No files found.
--- a/.firebase/hosting.YnVpbGQ.cache
+++ b/.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,1566819490815,c5ad54fcd5ad87211331190410c6ed0e1c39e5c06141644e964ba524c847c8e5
-index.html,1566489464892,46fb4d6f374ca452cfa5d1bf2fe1a13244fec6082f3f5636d44578f8f6bda44f
-service-worker.js,1566489464892,38b8ca9bb235c3529147d79832e4f86f9aad7e831a904bddaf5750cd8b99f72b
 manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
-static/css/main.65ea563f.chunk.css,1566489464893,27a59a4b69f523546d3790722dab40480363b49fef5776d22b76980c4b79e83f
+precache-manifest.3e4b5547e91d9c3ffc9f7d16f0bbbfc5.js,1566819490815,35947f42fcd98d87f6dba1d17492b5d7902610df7ed93345a0584d372d11c731
-static/js/main.91ea0398.chunk.js,1566489464897,7f11c5c3fc7ae3457f04b550bbb1f889b587936b63d734eb03e4054b296dccf0
+service-worker.js,1566819490815,5a3e5c3faf050562696d1925a5579883337885915835c4c5e40b18043cd8f6f7
-static/js/runtime~main.a8a9905a.js,1566489464907,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
+static/css/main.bc6512f3.chunk.css,1566819490816,0480b3adc0dfc1e96c53a694fa5781a560a6a2b82903c4eebc3df8adee3253a2
-static/css/main.65ea563f.chunk.css.map,1566489464908,bba9107485cc3bc08d5909bbdefc8f0a05c6193c1122f955a38263d8a4de12ca
+static/css/main.bc6512f3.chunk.css.map,1566819490828,eeb22ca626869138199cb671938aedc382de722328f8da43402933f15a9d3b3b
-static/js/runtime~main.a8a9905a.js.map,1566489464907,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
+static/js/main.2a8ac826.chunk.js.map,1566819490828,f9e04df1728a27919956525dbdf1528e454fd5d684d79946b332547a9e0063ae
-static/js/main.91ea0398.chunk.js.map,1566489464908,87c7df425aa4798795effc5955e8bd37fa495fe8720cd9f86b70f88856e90cf1
+static/js/runtime~main.a8a9905a.js,1566819490820,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
-static/css/2.94588ff4.chunk.css,1566489464906,f70230d94bf22a50b4fc79cd51b1446c998f750f12586220e4bd24393c010e76
+static/js/runtime~main.a8a9905a.js.map,1566819490829,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
-static/css/2.94588ff4.chunk.css.map,1566489464907,6c497bce27c3a962b7f278d80e59d365c1d76286d5683e6fa4dde85970612a5a
+static/js/main.2a8ac826.chunk.js,1566819490828,9eed2c22679b6325c0e54456f545587efc86b741a8587361e75a239f39486e82
-static/js/2.a8a8668a.chunk.js,1566489464906,13bf28a502da5f889c3fb652c52e7e367dca7e5dcc1de09f59baf52ab70d5111
+static/css/2.94588ff4.chunk.css,1566819490828,f70230d94bf22a50b4fc79cd51b1446c998f750f12586220e4bd24393c010e76
-static/js/2.a8a8668a.chunk.js.map,1566489464907,4f9e550321484ab329ca8bae90d2225fe7d882e9231caf3da2792ce98dff7d1a
+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
--- a/src/components/Home/Services.js
+++ b/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 (

--- a/src/components/Home/WhyUs.js
+++ b/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) => (
+				{why.map((item, index) => (
-					<Card key={index} />
+					<Card key={index} title={item.title} description={item.description}/>
 				))}
 			</div>
 		</div>

--- a/src/scss/style.scss
+++ b/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;
+    width: 150px;
-    height: 180px;
+    height: 150px;
    background-image: linear-gradient(306deg, #3473bf, #0891df);
    border-radius: 100px;
    @extend .center;

--- a/src/translations/en.json
+++ b/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",

--- a/src/translations/th.json
+++ b/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": "จุดเด่น",