| @@ -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> | ||||