Skip to content

L
landingPage-Nexpie
Commit 2472f715 by Chaiwith Santaweesuk
Options

update

parent 7dd78066
Showing with 103 additions and 102 deletions
.firebase/hosting.YnVpbGQ.cache
asset-manifest.json,1566819490815,f6681c25764e7fccb414411214137cb71866fc36d6ddc7abe422d90e8049ce34 asset-manifest.json,1567084302875,590b49b865a401b62744cc28c20837aa88027716928ac39957fb6b7f89f35f9e
precache-manifest.3f1754bcf12bf109005a543f87742ee5.js,1567084302875,9c780f0e249696a0cece75c2ac3f17eb1a6147c49c18fa3791f52ea3a3d95ded
index.html,1567084302874,4b8b96bf4f1f0aff031050e0b88d0be08da1a6309308012261189efeac2a051d
service-worker.js,1567084302875,8020b350ac0baa1e2661f38dc3905ed14a457fe8f32f1ae41500ac30ddc3f531
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955 favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
index.html,1566819490815,c5ad54fcd5ad87211331190410c6ed0e1c39e5c06141644e964ba524c847c8e5
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9 manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
precache-manifest.3e4b5547e91d9c3ffc9f7d16f0bbbfc5.js,1566819490815,35947f42fcd98d87f6dba1d17492b5d7902610df7ed93345a0584d372d11c731 static/css/main.63b0275c.chunk.css,1567084302875,19dc6c2271c80fbdb8d70f2bab0b48c99be547ed2bfae9766186d1acd57ffb64
service-worker.js,1566819490815,5a3e5c3faf050562696d1925a5579883337885915835c4c5e40b18043cd8f6f7 static/css/main.63b0275c.chunk.css.map,1567084302896,73b6c8c75fb66a3655ca273e6ed75239162868abe82095ddc28e1be7c8cb82fc
static/css/main.bc6512f3.chunk.css,1566819490816,0480b3adc0dfc1e96c53a694fa5781a560a6a2b82903c4eebc3df8adee3253a2 static/js/runtime~main.a8a9905a.js,1567084302895,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/css/main.bc6512f3.chunk.css.map,1566819490828,eeb22ca626869138199cb671938aedc382de722328f8da43402933f15a9d3b3b static/js/runtime~main.a8a9905a.js.map,1567084302896,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/js/main.2a8ac826.chunk.js.map,1566819490828,f9e04df1728a27919956525dbdf1528e454fd5d684d79946b332547a9e0063ae static/js/main.e8644d6b.chunk.js,1567084302898,bda68c7c6a6f628a3ce8b72bb9a2a7e1811a7193c4b026f0c749b6ceb1bfa151
static/js/runtime~main.a8a9905a.js,1566819490820,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9 static/js/main.e8644d6b.chunk.js.map,1567084302896,a98ed4f3c4b1c7a154ceafa3642a951c8ad9793913fbeada46b01291f98fdd5c
static/js/runtime~main.a8a9905a.js.map,1566819490829,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db static/css/2.4cd2ab5b.chunk.css,1567084302896,dbe6c0a829067f092703293ddd3fae82dc7190c2f94912572832f05a3cecf54f
static/js/main.2a8ac826.chunk.js,1566819490828,9eed2c22679b6325c0e54456f545587efc86b741a8587361e75a239f39486e82 static/css/2.4cd2ab5b.chunk.css.map,1567084302898,cfd20ec962c14604eaffe538f7bb04a57c263c65b7b49e17a2539a30fc2d75dc
static/css/2.94588ff4.chunk.css,1566819490828,f70230d94bf22a50b4fc79cd51b1446c998f750f12586220e4bd24393c010e76 static/js/2.ec5ab0ff.chunk.js,1567084302898,6ba321b6af8b9ca55125f5f2edc2c6189e1f1bdf887ddaf5f0036acbb6fbfdb3
static/css/2.94588ff4.chunk.css.map,1566819490828,6c497bce27c3a962b7f278d80e59d365c1d76286d5683e6fa4dde85970612a5a static/js/2.ec5ab0ff.chunk.js.map,1567084302898,4b94ad7340d5c25b3ae9610ee8f087fbb4bec1805773aa1a8763be3c75fed444
static/js/2.9000e28b.chunk.js,1566819490828,e94e1e0ed80cecabcdab899632947e38b4dd3397f7a8c0309ced86fbd6b95607
static/js/2.9000e28b.chunk.js.map,1566819490829,d3c5c973ee2e746eb2c79552db51e6ae60285d4dc47f14b93b73ed3154cf06c9
src/components/Home/Footer.js
import React, { Component } from 'react'; import React from 'react';
import { FaMapMarkerAlt, FaEnvelope } from 'react-icons/fa'; import { FaMapMarkerAlt, FaEnvelope } from 'react-icons/fa';
import { IoIosCall } from 'react-icons/io'; import { IoIosCall } from 'react-icons/io';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import WindowDimensions from '../../utils/WindowDimension';
import Columns from 'react-bulma-components/lib/components/columns';
const Footer = ({ isMobileSized }) => {
export class Footer extends Component {
render() {
return ( return (
<div> <div>
<footer> <footer>
...@@ -28,10 +29,7 @@ export class Footer extends Component { ...@@ -28,10 +29,7 @@ export class Footer extends Component {
padding: '60px', padding: '60px',
borderRadius: '0px 0px 6px 6px', borderRadius: '0px 0px 6px 6px',
}}> }}>
<div <Columns>
className="columns"
//is-multiline is-centered
>
<div className="column is-1"> <div className="column is-1">
<div className="icons"> <div className="icons">
<FaMapMarkerAlt <FaMapMarkerAlt
...@@ -80,21 +78,22 @@ export class Footer extends Component { ...@@ -80,21 +78,22 @@ export class Footer extends Component {
<p className="footer-title"><FormattedMessage id="Footer.Callus" /></p> <p className="footer-title"><FormattedMessage id="Footer.Callus" /></p>
<p className="footer-description">+6661-421-1289</p> <p className="footer-description">+6661-421-1289</p>
</div> </div>
</div> </Columns>
</div> </div>
<p <Columns
style={{ style={{
padding: '20px', padding: '20px 0px',
}}> }}>
Copyright © 2018-2019 Created by NEXPIE Co., Ltd. {isMobileSized ? <div className="column">Privacy Policy | Terms of Use</div>: null}
</p> <div className="column">Copyright © 2018-2019 Created by NEXPIE Co., Ltd.</div>
{isMobileSized ? null : <div className="column" style={{ textAlign: "right" }}>Privacy Policy | Terms of Use</div>}
</Columns>
</div> </div>
</div> </div>
</footer> </footer>
</div> </div>
); );
}
} }
export default Footer; export default WindowDimensions(Footer);
src/components/Home/Packages.js
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import OwlCarousel from 'react-owl-carousel'; // import OwlCarousel from 'react-owl-carousel';
import Columns from 'react-bulma-components/lib/components/columns'; // import Columns from 'react-bulma-components/lib/components/columns';
import Table from 'react-bulma-components/lib/components/table'; // import Table from 'react-bulma-components/lib/components/table';
const options = {
center: true, // const options = {
responsiveClass: true, // center: true,
responsive: { // responsiveClass: true,
0: { // responsive: {
items: 1, // 0: {
}, // items: 1,
768: { // },
items: 2, // 768: {
}, // items: 2,
992: { // },
items: 3, // 992: {
center: false, // items: 3,
}, // center: false,
}, // },
}; // },
// };
const package_public = [ const package_public = [
{ {
...@@ -77,6 +78,7 @@ const Card = (props) => { ...@@ -77,6 +78,7 @@ const Card = (props) => {
</div> </div>
); );
}; };
export default class Packages extends React.Component { export default class Packages extends React.Component {
state = { state = {
activeTab: 'tab1', activeTab: 'tab1',
......
src/components/Home/Services.js
...@@ -17,20 +17,20 @@ const Card = () => { ...@@ -17,20 +17,20 @@ const Card = () => {
); );
}; };
const service = [ // const service = [
{ // {
title: <FormattedMessage id="Standard.Title" />, // title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" /> // description: <FormattedMessage id="Standard.Title" />
}, // },
{ // {
title: <FormattedMessage id="Standard.Title" />, // title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" /> // description: <FormattedMessage id="Standard.Title" />
}, // },
{ // {
title: <FormattedMessage id="Standard.Title" />, // title: <FormattedMessage id="Standard.Title" />,
description: <FormattedMessage id="Standard.Title" /> // description: <FormattedMessage id="Standard.Title" />
}, // },
]; // ];
export default class Services extends React.Component { export default class Services extends React.Component {
render() { render() {
......
src/pages/Homepage.js
...@@ -9,48 +9,48 @@ import WindowDimension from '../utils/WindowDimension'; ...@@ -9,48 +9,48 @@ import WindowDimension from '../utils/WindowDimension';
// import SimpleSlider from 'components/SimpleSlider'; // import SimpleSlider from 'components/SimpleSlider';
import 'owl.carousel/dist/assets/owl.carousel.css'; import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel/dist/assets/owl.theme.default.css'; import 'owl.carousel/dist/assets/owl.theme.default.css';
import { Fullpage, Slide } from 'fullpage-react'; // import { Fullpage, Slide } from 'fullpage-react';
import Contact from 'components/Home/Contact'; // import Contact from 'components/Home/Contact';
import Footer from 'components/Home/Footer'; import Footer from 'components/Home/Footer';
// import { FiChevronUp } from 'react-icons/fi'; // import { FiChevronUp } from 'react-icons/fi';
const { changeFullpageSlide } = Fullpage; // const { changeFullpageSlide } = Fullpage;
const fullPageOptions = { // const fullPageOptions = {
scrollSensitivity: 0, // scrollSensitivity: 0,
touchSensitivity: 0, // touchSensitivity: 0,
scrollSpeed: 375, // scrollSpeed: 375,
hideScrollBars: false, // hideScrollBars: false,
enableArrowKeys: true, // enableArrowKeys: true,
}; // };
const baseStyle = { // const baseStyle = {
alignItems: 'center', // alignItems: 'center',
display: 'flex', // display: 'flex',
justifyContent: 'center', // justifyContent: 'center',
}; // };
const slides = [ // const slides = [
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<Banner /> // <Banner />
</Slide>, // </Slide>,
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<About /> // <About />
</Slide>, // </Slide>,
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<WhyUs /> // <WhyUs />
</Slide>, // </Slide>,
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<Services /> // <Services />
</Slide>, // </Slide>,
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<Features /> // <Features />
</Slide>, // </Slide>,
<Slide style={{ ...baseStyle }}> // <Slide style={{ ...baseStyle }}>
<Packages /> // <Packages />
</Slide>, // </Slide>,
]; // ];
// fullPageOptions.slides = slides; // fullPageOptions.slides = slides;
class Homepage extends Component { class Homepage extends Component {
...@@ -118,7 +118,7 @@ class Homepage extends Component { ...@@ -118,7 +118,7 @@ class Homepage extends Component {
<Services /> <Services />
<Features /> <Features />
<Packages /> <Packages />
<Contact /> {/* <Contact /> */}
<Footer /> <Footer />
</> </>
); );
......
src/scss/style.scss
...@@ -13,7 +13,7 @@ body { ...@@ -13,7 +13,7 @@ body {
Droid Sans, Helvetica Neue, Helvetica, "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", Hiragino Kaku Gothic Pro, Droid Sans, Helvetica Neue, Helvetica, "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", Hiragino Kaku Gothic Pro,
"\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", Arial, sans-serif, Apple Color Emoji, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", Arial, sans-serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol; Segoe UI Emoji, Segoe UI Symbol;
font-size: 16px; font-size: 14px;
// //font-weight: 200; // //font-weight: 200;
} }
...@@ -261,7 +261,7 @@ body { ...@@ -261,7 +261,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
margin: 0 20px; margin: 30px 20px;
.text-wrapper { .text-wrapper {
color: #757575; color: #757575;
.plan-title { .plan-title {
...@@ -483,12 +483,12 @@ body { ...@@ -483,12 +483,12 @@ body {
///////// /////////
.footer-description { .footer-description {
font-size: 24px; font-size: 22px;
font-weight: bold; font-weight: bold;
} }
.footer-title { .footer-title {
color: $white; color: $white;
font-size: 16px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
...@@ -511,7 +511,7 @@ body { ...@@ -511,7 +511,7 @@ body {
.FooterStyle { .FooterStyle {
padding: 0rem 2.5rem 0rem 2.5rem; padding: 0rem 2.5rem 0rem 2.5rem;
font-size: 16px; font-size: 14px;
color: $white; color: $white;
font-weight: normal; font-weight: normal;
} }
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