@@ -76,7 +76,7 @@ | |||||
const successColor = "#4caf50"; | const successColor = "#4caf50"; | ||||
const infoColor = "#212121"; | const infoColor = "#212121"; | ||||
const roseColor = "#e91e63"; | const roseColor = "#e91e63"; | ||||
const grayColor = "#999999"; | |||||
const grayColor = "#ffffff"; | |||||
const primaryBoxShadow = { | const primaryBoxShadow = { | ||||
boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( | boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( | ||||
@@ -184,7 +184,7 @@ | |||||
}; | }; | ||||
const title = { | const title = { | ||||
color: "#3C4858", | |||||
color: "#ffffff", | |||||
margin: "1.75rem 0 0.875rem", | margin: "1.75rem 0 0.875rem", | ||||
textDecoration: "none", | textDecoration: "none", | ||||
fontWeight: "700", | fontWeight: "700", | ||||
@@ -0,0 +1,20 @@ | |||||
import { container, title } from "assets/jss/nextjs-material-kit.js"; | |||||
const notificationsStyles = { | |||||
section: { | |||||
backgroundColor: "#000000", | |||||
display: "block", | |||||
width: "100%", | |||||
position: "relative", | |||||
padding: "0" | |||||
}, | |||||
title: { | |||||
...title, | |||||
marginTop: "30px", | |||||
minHeight: "32px", | |||||
textDecoration: "none" | |||||
}, | |||||
container | |||||
}; | |||||
export default notificationsStyles; |
@@ -0,0 +1,23 @@ | |||||
import { container, title } from "assets/jss/nextjs-material-kit.js"; | |||||
const landingPageStyle = { | |||||
main: { | |||||
background: "#000000", | |||||
}, | |||||
title: { | |||||
...title, | |||||
display: "inline-block", | |||||
position: "relative", | |||||
marginTop: "30px", | |||||
minHeight: "32px", | |||||
color: "#ffffff", | |||||
textDecoration: "none" | |||||
}, | |||||
subtitle: { | |||||
fontSize: "1.313rem", | |||||
maxWidth: "500px", | |||||
margin: "10px auto 0" | |||||
}, | |||||
}; | |||||
export default landingPageStyle; |
@@ -205,6 +205,11 @@ export default function HeaderLinks({ username, ...props }) { | |||||
<Icon className={classes.icons}>exit_to_app</Icon> Logout | <Icon className={classes.icons}>exit_to_app</Icon> Logout | ||||
</a> | </a> | ||||
</div>, | </div>, | ||||
<div> | |||||
<a className={classes.dropdownLink} href="/yamaha/order/order"> | |||||
<Icon className={classes.icons}>shopping_cart</Icon> Pesanan Saya | |||||
</a> | |||||
</div>, | |||||
// <a href="/yamaha/profile/profile" className={classes.dropdownLink}>Profile</a>, | // <a href="/yamaha/profile/profile" className={classes.dropdownLink}>Profile</a>, | ||||
]} | ]} | ||||
/> | /> | ||||
@@ -37,81 +37,81 @@ export default function WorkSection() { | |||||
</GridItem> | </GridItem> | ||||
</GridContainer> | </GridContainer> | ||||
<div className={classes.root}> | <div className={classes.root}> | ||||
<Grid container spacing={3}> | |||||
<Grid item xs={12} sm={12} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={yamaha} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/yamaha/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={suzuki} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/suzuki/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={honda} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/honda/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={hino} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/hino/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={mercedes} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<Grid container spacing={3}> | |||||
<Grid item xs={12} sm={12} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | <div className="container"> | ||||
<img src={emilia} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://www.emilia-hotel.com/" target="_blank" className="btn">Visit Page</Button> | |||||
<img src={yamaha} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/yamaha/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | </div> | ||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | <div className="container"> | ||||
<img src={bpr} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://bprberkatsejati.com/" target="_blank" className="btn">Visit Page</Button> | |||||
<img src={suzuki} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/suzuki/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | </div> | ||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | <div className="container"> | ||||
<img src={pim} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="https://www.instagram.com/palembangindahmall/?hl=id" target="_blank" className="btn">Visit Page</Button> | |||||
<img src={honda} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/honda/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | </div> | ||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | |||||
<img src={hino} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/hino/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | <div className="container"> | ||||
<img src={home} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://homes.thamrin.xyz/" target="_blank" className="btn">Visit Page</Button> | |||||
<img src={mercedes} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | |||||
<img src={emilia} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://www.emilia-hotel.com/" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | </div> | ||||
</Carousel> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | |||||
<img src={bpr} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://bprberkatsejati.com/" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | |||||
<img src={pim} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="https://www.instagram.com/palembangindahmall/?hl=id" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Card> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}> | |||||
<Card> | |||||
<div className="container"> | |||||
<img src={home} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="http://homes.thamrin.xyz/" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Card> | |||||
</Grid> | |||||
</Grid> | </Grid> | ||||
</Grid> | |||||
</div> | |||||
</div> | |||||
</div> | </div> | ||||
); | ); | ||||
} | } |
@@ -4,7 +4,7 @@ import { makeStyles } from "@material-ui/core/styles"; | |||||
import GridContainer from "components/Grid/GridContainer.js"; | import GridContainer from "components/Grid/GridContainer.js"; | ||||
import GridItem from "components/Grid/GridItem.js"; | import GridItem from "components/Grid/GridItem.js"; | ||||
import Card from "components/Card/Card.js"; | import Card from "components/Card/Card.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/homeStyle.js"; | |||||
import Carousel from "react-slick"; | import Carousel from "react-slick"; | ||||
import Grid from '@material-ui/core/Grid'; | import Grid from '@material-ui/core/Grid'; | ||||
@@ -24,7 +24,7 @@ | |||||
border-radius: 5px; | border-radius: 5px; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.container .btn:hover { | .container .btn:hover { | ||||
background-color: black; | background-color: black; | ||||
} | } |
@@ -24,40 +24,6 @@ const DataCheckout = function ({ backend, order, ...props }) { | |||||
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | ||||
const SemuaOrder = order.map((data) => { | const SemuaOrder = order.map((data) => { | ||||
return ( | return ( | ||||
<GridContainer> | |||||
<div align="left"> | |||||
<GridContainer style={{padding:"15px"}}> | |||||
<Grid xs={4}> | |||||
<div className={classes.section} id="notifications"> | |||||
<div className={classes.section}> | |||||
<div className={classes.container}> | |||||
<GridContainer> | |||||
<GridItem className={classes.marginAuto}> | |||||
<img className={navImageClasses} width="100px" alt="First slide" src={Image}/> | |||||
</GridItem> | |||||
</GridContainer> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</Grid> | |||||
<Grid xs={8} style={{padding:"40px", marginTop:"-65px"}}> | |||||
<div align="right"> | |||||
</div> | |||||
<div align="left"> | |||||
<h2>All New NMAX VSS</h2> | |||||
<h4>Variasi : Hitam</h4> | |||||
<h4>Jumlah : 1 Unit</h4> | |||||
</div> | |||||
</Grid> | |||||
</GridContainer> | |||||
</div> | |||||
</GridContainer> | |||||
); | |||||
}) | |||||
const BelumBayar = order.map((data) => { | |||||
return ( | |||||
<div align="center"> | <div align="center"> | ||||
<Card className={classes.textCenter} align="center"> | <Card className={classes.textCenter} align="center"> | ||||
<CardBody> | <CardBody> | ||||
@@ -76,7 +42,7 @@ const DataCheckout = function ({ backend, order, ...props }) { | |||||
); | ); | ||||
}) | }) | ||||
const Dikemas = order.map((data) => { | |||||
const BelumBayar = order.map((data) => { | |||||
return ( | return ( | ||||
<div align="center"> | <div align="center"> | ||||
<Card className={classes.textCenter} align="center"> | <Card className={classes.textCenter} align="center"> | ||||
@@ -96,6 +62,40 @@ const DataCheckout = function ({ backend, order, ...props }) { | |||||
); | ); | ||||
}) | }) | ||||
const Dikemas = order.map((data) => { | |||||
return ( | |||||
<GridContainer> | |||||
<div align="left"> | |||||
<GridContainer style={{padding:"15px"}}> | |||||
<Grid xs={4}> | |||||
<div className={classes.section} id="notifications"> | |||||
<div className={classes.section}> | |||||
<div className={classes.container}> | |||||
<GridContainer> | |||||
<GridItem className={classes.marginAuto}> | |||||
<img className={navImageClasses} width="100px" alt="First slide" src={Image}/> | |||||
</GridItem> | |||||
</GridContainer> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</Grid> | |||||
<Grid xs={8} style={{padding:"40px", marginTop:"-50px"}}> | |||||
<div align="right"> | |||||
</div> | |||||
<div align="left"> | |||||
<h4>All New NMAX VSS</h4> | |||||
<h4>Variasi : Hitam</h4> | |||||
<h4>Jumlah : 1 Unit</h4> | |||||
</div> | |||||
</Grid> | |||||
</GridContainer> | |||||
</div> | |||||
</GridContainer> | |||||
); | |||||
}) | |||||
const Dikirim = order.map((data) => { | const Dikirim = order.map((data) => { | ||||
return ( | return ( | ||||
<div align="center"> | <div align="center"> | ||||
@@ -15,6 +15,7 @@ import DataSnackbarContent from "pages-sections/yamaha/snackbar.js"; | |||||
import DataCarousel from "pages-sections/honda/home/carousel.js"; | import DataCarousel from "pages-sections/honda/home/carousel.js"; | ||||
import DataService from "pages-sections/honda/home/service.js"; | import DataService from "pages-sections/honda/home/service.js"; | ||||
import DataFeature from "pages-sections/honda/home/feature.js"; | import DataFeature from "pages-sections/honda/home/feature.js"; | ||||
import stylecss from "pages/home.css"; | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -57,6 +58,9 @@ const Home = function ({ | |||||
backend={backend} | backend={backend} | ||||
/> */} | /> */} | ||||
{/* <DataSosmed /> */} | {/* <DataSosmed /> */} | ||||
<a href="https://wa.me/087797315685" target="_blank" class="float"> | |||||
<i class="fa fa-phone my-float"></i> | |||||
</a> | |||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
</div> | </div> | ||||
@@ -15,7 +15,7 @@ import Button from "components/CustomButtons/Button.js"; | |||||
import HeaderHome from "components/Header/HeaderHome.js"; | import HeaderHome from "components/Header/HeaderHome.js"; | ||||
import Parallax from "components/Parallax/Parallax.js"; | import Parallax from "components/Parallax/Parallax.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/landingPage.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/home.js"; | |||||
// Sections for this page | // Sections for this page | ||||
import Carousel from "pages-sections/home/Carousel.js" | import Carousel from "pages-sections/home/Carousel.js" | ||||
@@ -23,6 +23,7 @@ import CoreValue from "pages-sections/home/CoreValue.js"; | |||||
import BusineesPartner from "pages-sections/home/Businees-Partner.js"; | import BusineesPartner from "pages-sections/home/Businees-Partner.js"; | ||||
import Gallery from "pages-sections/home/gallery.js"; | import Gallery from "pages-sections/home/gallery.js"; | ||||
import stylecss from "../pages/home.css"; | import stylecss from "../pages/home.css"; | ||||
//image | //image | ||||
import Logo from "assets/img/Black.png"; | import Logo from "assets/img/Black.png"; | ||||
import Wa from "assets/img/wa.png" | import Wa from "assets/img/wa.png" | ||||
@@ -47,7 +48,6 @@ export default function LandingPage(props) { | |||||
<GridContainer> | <GridContainer> | ||||
<GridItem> | <GridItem> | ||||
<div align="center"> | <div align="center"> | ||||
<h1>Selamat Datang di</h1> | |||||
<img | <img | ||||
src={Logo} width="80%" | src={Logo} width="80%" | ||||
/> | /> | ||||
@@ -68,7 +68,7 @@ export default function LandingPage(props) { | |||||
</div> | </div> | ||||
</Parallax> | </Parallax> | ||||
<div className={classNames(classes.main, classes.mainRaised)}> | <div className={classNames(classes.main, classes.mainRaised)}> | ||||
<div className={classes.container}><br /><br /><br /> | |||||
<div className={classes.container}> | |||||
<Carousel /> | <Carousel /> | ||||
<CoreValue /> | <CoreValue /> | ||||
<BusineesPartner /> | <BusineesPartner /> | ||||
@@ -15,6 +15,7 @@ import DataSnackbarContent from "pages-sections/yamaha/snackbar.js"; | |||||
import DataCarousel from "pages-sections/honda/home/carousel.js"; | import DataCarousel from "pages-sections/honda/home/carousel.js"; | ||||
import DataService from "pages-sections/honda/home/service.js"; | import DataService from "pages-sections/honda/home/service.js"; | ||||
import DataFeature from "pages-sections/honda/home/feature.js"; | import DataFeature from "pages-sections/honda/home/feature.js"; | ||||
import stylecss from "pages/home.css"; | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -57,6 +58,9 @@ const Home = function ({ | |||||
backend={backend} | backend={backend} | ||||
/> */} | /> */} | ||||
{/* <DataSosmed /> */} | {/* <DataSosmed /> */} | ||||
<a href="https://wa.me/087797315685" target="_blank" class="float"> | |||||
<i class="fa fa-phone my-float"></i> | |||||
</a> | |||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
</div> | </div> | ||||
@@ -15,6 +15,7 @@ import DataCarousel from "pages-sections/suzuki/home/carousel.js"; | |||||
import DataService from "pages-sections/suzuki/home/service.js"; | import DataService from "pages-sections/suzuki/home/service.js"; | ||||
import DataSosmed from "pages-sections/suzuki/home/sosmed.js"; | import DataSosmed from "pages-sections/suzuki/home/sosmed.js"; | ||||
import DataFeature from "pages-sections/suzuki/home/feature.js" | import DataFeature from "pages-sections/suzuki/home/feature.js" | ||||
import stylecss from "pages/home.css" | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -51,6 +52,9 @@ const Home = function ({ | |||||
<DataService service={service} backend={backend} /> | <DataService service={service} backend={backend} /> | ||||
<DataFeature /> | <DataFeature /> | ||||
{/* <DataSosmed service={service} backend={backend} /> */} | {/* <DataSosmed service={service} backend={backend} /> */} | ||||
<a href="https://wa.me/087797315685" target="_blank" class="float"> | |||||
<i class="fa fa-phone my-float"></i> | |||||
</a> | |||||
</div> | </div> | ||||
<FooterSuzuki /> | <FooterSuzuki /> | ||||
</div> | </div> | ||||
@@ -18,6 +18,7 @@ import DataBusinessPartner from "../../pages-sections/yamaha/home/business_partn | |||||
import DataSosmed from "../../pages-sections/yamaha/home/sosmed.js"; | import DataSosmed from "../../pages-sections/yamaha/home/sosmed.js"; | ||||
import CoreValue from "../../pages-sections/yamaha/home/core_value.js"; | import CoreValue from "../../pages-sections/yamaha/home/core_value.js"; | ||||
import DataFeature from "../../pages-sections/yamaha/home/feature.js"; | import DataFeature from "../../pages-sections/yamaha/home/feature.js"; | ||||
import stylecss from "pages/home.css"; | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -60,6 +61,9 @@ const Home = function ({ | |||||
backend={backend} | backend={backend} | ||||
/> */} | /> */} | ||||
{/* <DataSosmed /> */} | {/* <DataSosmed /> */} | ||||
<a href="https://wa.me/087797315685" target="_blank" class="float"> | |||||
<i class="fa fa-phone my-float"></i> | |||||
</a> | |||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
</div> | </div> | ||||