Skip to content

L
landingPage-Nexpie
Commit 176f3da7 by Chaiwith Santaweesuk
Options

update

parent 778e3d60
Showing with 57 additions and 70 deletions
.firebase/hosting.YnVpbGQ.cache
asset-manifest.json,1566379045090,23e7c64b9275a7b91b1b5ae1b1bdb5aa8403c940967bbfddb754b373663e507d asset-manifest.json,1566397838677,fac032716dfc5905bd57d44c4797179ae047b1a8f2c66bfda8991a79f57b4fae
precache-manifest.1c089e883279ab5ebdab5090bf99b46f.js,1566397838677,532051a569c9ec1c730e5afca495158c0ee42d9b2e30bcafeebc3793e7d78dd2
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955 favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
index.html,1566379045090,9fece7e5fb29b1216fa7fd4669350152009c80e294c92e53311adbe2e2952359 index.html,1566397838677,d1ed9f00f7419552c8ef96783ae0d64f9eacb777c327d7dc59d071cb90ee17f1
service-worker.js,1566397838677,feeb6d2013d3d6c48f9f3f2abfa1426d12922fdaab7bba855592ff91fad79ee6
static/css/main.d33ffe92.chunk.css.map,1566397838691,88913f181baaf89708b488f267fc88759c709cccd8df0ec531d9b8639f5457c5
static/css/main.d33ffe92.chunk.css,1566397838678,2c0b300c9f2407b54ad3d9b5b3eb10ce05ce2ac285ef485183953323ec2458db
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9 manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
precache-manifest.c34db1078f39283888ad2b4b9047f5f6.js,1566379045090,652b2d54c036a67348022be6a18fcc3d015a317867498d69d7f0cde8a920463f static/js/main.18e900b3.chunk.js,1566397838680,1b49e42dbfd9ba792e9f46bab50330ff4dcfcbb6082a292dabd43c3c37315775
service-worker.js,1566379045090,44863a0b2b611aa9a855b7eb9dbaf421ec1697b923492196e9a9a94731a683ff static/js/runtime~main.a8a9905a.js,1566397838690,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/css/main.e7455773.chunk.css,1566379045091,fba420cc854d47c0116a086ca1dede30f7b8ded66faab0fcad22002d0bfb016c static/js/runtime~main.a8a9905a.js.map,1566397838691,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/css/main.e7455773.chunk.css.map,1566379045102,7cb86b0b9c51e65df6e91f77817f81d5145d444adb418ce9acefde7c5d66892b static/js/main.18e900b3.chunk.js.map,1566397838691,eded39458abf4a56454ea5ef74cb04458e54c1d6a29dcd89f79113a0114b5ce7
static/js/main.91b9a865.chunk.js.map,1566379045101,1b3d7069d9180a2a6a5fb7cc3b6286bc51737fcdbfaed7435fcd48fe8e6e2ae7 static/css/2.5aec162f.chunk.css,1566397838691,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/js/runtime~main.a8a9905a.js,1566379045101,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9 static/css/2.5aec162f.chunk.css.map,1566397838691,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/main.91b9a865.chunk.js,1566379045093,f863a96affb1b2cfd7b7955db7cfc963e105b58e74258ec622b1cdef22299bbe static/js/2.9838828f.chunk.js,1566397838691,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/runtime~main.a8a9905a.js.map,1566379045101,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db static/js/2.9838828f.chunk.js.map,1566397838692,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
static/css/2.5aec162f.chunk.css,1566379045102,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/css/2.5aec162f.chunk.css.map,1566379045102,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/2.9838828f.chunk.js,1566379045101,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/2.9838828f.chunk.js.map,1566379045102,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
src/pages/Homepage.js
...@@ -48,10 +48,10 @@ const slides = [ ...@@ -48,10 +48,10 @@ const slides = [
<Packages /> <Packages />
</Slide>, </Slide>,
]; ];
fullPageOptions.slides = slides; // fullPageOptions.slides = slides;
class Homepage extends Component { class Homepage extends Component {
state = { activeSlide: 0 }; // state = { activeSlide: 0 };
// renderBackToTop = () => { // renderBackToTop = () => {
// return ( // return (
...@@ -75,64 +75,46 @@ class Homepage extends Component { ...@@ -75,64 +75,46 @@ class Homepage extends Component {
// ); // );
// }; // };
renderBulletNavs = () => { // renderBulletNavs = () => {
return ( // return (
<div style={{ position: 'absolute', zIndex: 1000, top: '50%', right: 50 }}> // <div style={{ position: 'absolute', zIndex: 1000, top: '50%', right: 50 }}>
{slides.map((slides, index) => { // {slides.map((slides, index) => {
return ( // return (
<div // <div
className="bullet-navs" // className="bullet-navs"
style={{ marginTop: index * 16 }} // style={{ marginTop: index * 16 }}
onClick={() => this.handleOnClick(index)}> // onClick={() => this.handleOnClick(index)}>
<div className="bullet-navs-container"> // <div className="bullet-navs-container">
<span // <span
className="bullet" // className="bullet"
style={{ // style={{
backgroundColor: this.state.activeSlide === 0 ? '#fff' : '#1c58ba', // backgroundColor: this.state.activeSlide === 0 ? '#fff' : '#1c58ba',
width: this.state.activeSlide === index && 12, // width: this.state.activeSlide === index && 12,
height: this.state.activeSlide === index && 12, // height: this.state.activeSlide === index && 12,
}} // }}
/> // />
</div> // </div>
</div> // </div>
); // );
})} // })}
</div> // </div>
); // );
}; // };
handleOnClick = index => { // handleOnClick = index => {
changeFullpageSlide(index); // changeFullpageSlide(index);
this.setState({ activeSlide: index }); // this.setState({ activeSlide: index });
}; // };
render() { render() {
return ( return (
<> <>
{this.props.windowWidth <= 768 ? ( <Banner />
<> <About />
<Banner /> <WhyUs />
<About /> <Services />
<WhyUs /> <Features />
<Services /> <Packages />
<Features />
<Packages />
</>
) : (
<>
{this.renderBulletNavs()}
{/* {this.renderBackToTop()} */}
<Fullpage
{...fullPageOptions}
onSlideChangeStart={(name, props, state, newState) => {
// console.log(name, props, state, newState);
this.setState({
activeSlide: newState.activeSlide,
});
}}
/>
</>
)}
</> </>
); );
} }
......
src/scss/style.scss
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
body { body {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,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-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,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: 14px; font-size: 16px;
// //font-weight: 200; // //font-weight: 200;
} }
...@@ -51,6 +51,11 @@ body { ...@@ -51,6 +51,11 @@ body {
color: $primary; color: $primary;
font-weight: 500; font-weight: 500;
} }
.dropdown-item{
font-size: 16px;
font-weight: bold;
}
.banner-text-container { .banner-text-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
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