Skip to content

L
landingPage-Nexpie
Commit 2472f715 by Chaiwith Santaweesuk
Options

update

parent 7dd78066
Showing with 167 additions and 166 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
index.html,1566819490815,c5ad54fcd5ad87211331190410c6ed0e1c39e5c06141644e964ba524c847c8e5
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
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
static/css/main.63b0275c.chunk.css,1567084302875,19dc6c2271c80fbdb8d70f2bab0b48c99be547ed2bfae9766186d1acd57ffb64
static/css/main.63b0275c.chunk.css.map,1567084302896,73b6c8c75fb66a3655ca273e6ed75239162868abe82095ddc28e1be7c8cb82fc
static/js/runtime~main.a8a9905a.js,1567084302895,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/js/runtime~main.a8a9905a.js.map,1567084302896,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/js/main.e8644d6b.chunk.js,1567084302898,bda68c7c6a6f628a3ce8b72bb9a2a7e1811a7193c4b026f0c749b6ceb1bfa151
static/js/main.e8644d6b.chunk.js.map,1567084302896,a98ed4f3c4b1c7a154ceafa3642a951c8ad9793913fbeada46b01291f98fdd5c
static/css/2.4cd2ab5b.chunk.css,1567084302896,dbe6c0a829067f092703293ddd3fae82dc7190c2f94912572832f05a3cecf54f
static/css/2.4cd2ab5b.chunk.css.map,1567084302898,cfd20ec962c14604eaffe538f7bb04a57c263c65b7b49e17a2539a30fc2d75dc
static/js/2.ec5ab0ff.chunk.js,1567084302898,6ba321b6af8b9ca55125f5f2edc2c6189e1f1bdf887ddaf5f0036acbb6fbfdb3
static/js/2.ec5ab0ff.chunk.js.map,1567084302898,4b94ad7340d5c25b3ae9610ee8f087fbb4bec1805773aa1a8763be3c75fed444
src/components/Home/Footer.js
import React, { Component } from 'react';
import React from 'react';
import { FaMapMarkerAlt, FaEnvelope } from 'react-icons/fa';
import { IoIosCall } from 'react-icons/io';
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 (
<div>
<footer>
<div className="container">
return (
<div>
<footer>
<div className="container">
<div
className="FooterStyle"
style={{
backgroundColor: '#2e3034',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
}}>
<div
className="FooterStyle"
className="footer container"
style={{
backgroundColor: '#2e3034',
backgroundColor: '#0384ce',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
padding: '60px',
borderRadius: '0px 0px 6px 6px',
}}>
<div
className="footer container"
style={{
backgroundColor: '#0384ce',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
padding: '60px',
borderRadius: '0px 0px 6px 6px',
}}>
<div
className="columns"
//is-multiline is-centered
>
<div className="column is-1">
<div className="icons">
<FaMapMarkerAlt
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title">
<FormattedMessage id="Footer.Location" />
</p>
<Columns>
<div className="column is-1">
<div className="icons">
<FaMapMarkerAlt
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title">
<FormattedMessage id="Footer.Location" />
</p>
</div>
<div className="column is-1">
<div className="icons">
<FaEnvelope
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title"><FormattedMessage id="Footer.Email" /></p>
<p className="footer-description">contact@nexpie.com</p>
<div className="column is-1">
<div className="icons">
<FaEnvelope
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title"><FormattedMessage id="Footer.Email" /></p>
<p className="footer-description">contact@nexpie.com</p>
</div>
<div className="column is-1">
<div className="icons">
<IoIosCall
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title"><FormattedMessage id="Footer.Callus" /></p>
<p className="footer-description">+6661-421-1289</p>
<div className="column is-1">
<div className="icons">
<IoIosCall
style={{
height: '33px',
width: '33px',
color: '#063e66',
}}
/>
</div>
</div>
<div className="column is-3">
<p className="footer-title"><FormattedMessage id="Footer.Callus" /></p>
<p className="footer-description">+6661-421-1289</p>
</div>
</Columns>
</div>
<p
style={{
padding: '20px',
}}>
Copyright © 2018-2019 Created by NEXPIE Co., Ltd.
</p>
</div>
<Columns
style={{
padding: '20px 0px',
}}>
{isMobileSized ? <div className="column">Privacy Policy | Terms of Use</div>: null}
<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>
</footer>
</div>
);
}
</div>
</footer>
</div>
);
}
export default Footer;
export default WindowDimensions(Footer);
src/components/Home/Packages.js
import React from 'react';
import { FormattedMessage } from 'react-intl';
import OwlCarousel from 'react-owl-carousel';
import Columns from 'react-bulma-components/lib/components/columns';
import Table from 'react-bulma-components/lib/components/table';
const options = {
center: true,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 3,
center: false,
},
},
};
// import OwlCarousel from 'react-owl-carousel';
// import Columns from 'react-bulma-components/lib/components/columns';
// import Table from 'react-bulma-components/lib/components/table';
// const options = {
// center: true,
// responsiveClass: true,
// responsive: {
// 0: {
// items: 1,
// },
// 768: {
// items: 2,
// },
// 992: {
// items: 3,
// center: false,
// },
// },
// };
const package_public = [
{
......@@ -77,6 +78,7 @@ const Card = (props) => {
</div>
);
};
export default class Packages extends React.Component {
state = {
activeTab: 'tab1',
......
src/components/Home/Services.js
......@@ -17,20 +17,20 @@ const Card = () => {
);
};
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" />
},
];
// 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() {
......
src/pages/Homepage.js
......@@ -9,48 +9,48 @@ import WindowDimension from '../utils/WindowDimension';
// import SimpleSlider from 'components/SimpleSlider';
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel/dist/assets/owl.theme.default.css';
import { Fullpage, Slide } from 'fullpage-react';
import Contact from 'components/Home/Contact';
// import { Fullpage, Slide } from 'fullpage-react';
// import Contact from 'components/Home/Contact';
import Footer from 'components/Home/Footer';
// import { FiChevronUp } from 'react-icons/fi';
const { changeFullpageSlide } = Fullpage;
// const { changeFullpageSlide } = Fullpage;
const fullPageOptions = {
scrollSensitivity: 0,
touchSensitivity: 0,
scrollSpeed: 375,
hideScrollBars: false,
enableArrowKeys: true,
};
// const fullPageOptions = {
// scrollSensitivity: 0,
// touchSensitivity: 0,
// scrollSpeed: 375,
// hideScrollBars: false,
// enableArrowKeys: true,
// };
const baseStyle = {
alignItems: 'center',
display: 'flex',
justifyContent: 'center',
};
// const baseStyle = {
// alignItems: 'center',
// display: 'flex',
// justifyContent: 'center',
// };
const slides = [
<Slide style={{ ...baseStyle }}>
<Banner />
</Slide>,
<Slide style={{ ...baseStyle }}>
<About />
</Slide>,
<Slide style={{ ...baseStyle }}>
<WhyUs />
</Slide>,
<Slide style={{ ...baseStyle }}>
<Services />
</Slide>,
<Slide style={{ ...baseStyle }}>
<Features />
</Slide>,
<Slide style={{ ...baseStyle }}>
<Packages />
</Slide>,
];
// const slides = [
// <Slide style={{ ...baseStyle }}>
// <Banner />
// </Slide>,
// <Slide style={{ ...baseStyle }}>
// <About />
// </Slide>,
// <Slide style={{ ...baseStyle }}>
// <WhyUs />
// </Slide>,
// <Slide style={{ ...baseStyle }}>
// <Services />
// </Slide>,
// <Slide style={{ ...baseStyle }}>
// <Features />
// </Slide>,
// <Slide style={{ ...baseStyle }}>
// <Packages />
// </Slide>,
// ];
// fullPageOptions.slides = slides;
class Homepage extends Component {
......@@ -118,7 +118,7 @@ class Homepage extends Component {
<Services />
<Features />
<Packages />
<Contact />
{/* <Contact /> */}
<Footer />
</>
);
......
src/scss/style.scss
......@@ -13,7 +13,7 @@ body {
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,
Segoe UI Emoji, Segoe UI Symbol;
font-size: 16px;
font-size: 14px;
// //font-weight: 200;
}
......@@ -261,7 +261,7 @@ body {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0 20px;
margin: 30px 20px;
.text-wrapper {
color: #757575;
.plan-title {
......@@ -483,12 +483,12 @@ body {
/////////
.footer-description {
font-size: 24px;
font-size: 22px;
font-weight: bold;
}
.footer-title {
color: $white;
font-size: 16px;
font-size: 14px;
font-weight: normal;
}
......@@ -511,7 +511,7 @@ body {
.FooterStyle {
padding: 0rem 2.5rem 0rem 2.5rem;
font-size: 16px;
font-size: 14px;
color: $white;
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