| @@ -76,7 +76,7 @@ | |||
| const successColor = "#4caf50"; | |||
| const infoColor = "#212121"; | |||
| const roseColor = "#e91e63"; | |||
| const grayColor = "#999999"; | |||
| const grayColor = "#ffffff"; | |||
| const primaryBoxShadow = { | |||
| boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( | |||
| @@ -184,7 +184,7 @@ | |||
| }; | |||
| const title = { | |||
| color: "#3C4858", | |||
| color: "#ffffff", | |||
| margin: "1.75rem 0 0.875rem", | |||
| textDecoration: "none", | |||
| 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 | |||
| </a> | |||
| </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>, | |||
| ]} | |||
| /> | |||
| @@ -37,81 +37,81 @@ export default function WorkSection() { | |||
| </GridItem> | |||
| </GridContainer> | |||
| <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"> | |||
| <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> | |||
| </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={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> | |||
| </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={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> | |||
| </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"> | |||
| <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> | |||
| </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> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| ); | |||
| } | |||
| @@ -4,7 +4,7 @@ import { makeStyles } from "@material-ui/core/styles"; | |||
| import GridContainer from "components/Grid/GridContainer.js"; | |||
| import GridItem from "components/Grid/GridItem.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 Grid from '@material-ui/core/Grid'; | |||
| @@ -24,7 +24,7 @@ | |||
| border-radius: 5px; | |||
| text-align: center; | |||
| } | |||
| .container .btn:hover { | |||
| background-color: black; | |||
| } | |||
| @@ -24,40 +24,6 @@ const DataCheckout = function ({ backend, order, ...props }) { | |||
| const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | |||
| const SemuaOrder = 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:"-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"> | |||
| <Card className={classes.textCenter} align="center"> | |||
| <CardBody> | |||
| @@ -76,7 +42,7 @@ const DataCheckout = function ({ backend, order, ...props }) { | |||
| ); | |||
| }) | |||
| const Dikemas = order.map((data) => { | |||
| const BelumBayar = order.map((data) => { | |||
| return ( | |||
| <div 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) => { | |||
| return ( | |||
| <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 DataService from "pages-sections/honda/home/service.js"; | |||
| import DataFeature from "pages-sections/honda/home/feature.js"; | |||
| import stylecss from "pages/home.css"; | |||
| import Cookies from "cookies"; | |||
| const useStyles = makeStyles(styles); | |||
| @@ -57,6 +58,9 @@ const Home = function ({ | |||
| backend={backend} | |||
| /> */} | |||
| {/* <DataSosmed /> */} | |||
| <a href="https://wa.me/087797315685" target="_blank" class="float"> | |||
| <i class="fa fa-phone my-float"></i> | |||
| </a> | |||
| </div> | |||
| <Footer /> | |||
| </div> | |||
| @@ -15,7 +15,7 @@ import Button from "components/CustomButtons/Button.js"; | |||
| import HeaderHome from "components/Header/HeaderHome.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 | |||
| 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 Gallery from "pages-sections/home/gallery.js"; | |||
| import stylecss from "../pages/home.css"; | |||
| //image | |||
| import Logo from "assets/img/Black.png"; | |||
| import Wa from "assets/img/wa.png" | |||
| @@ -47,7 +48,6 @@ export default function LandingPage(props) { | |||
| <GridContainer> | |||
| <GridItem> | |||
| <div align="center"> | |||
| <h1>Selamat Datang di</h1> | |||
| <img | |||
| src={Logo} width="80%" | |||
| /> | |||
| @@ -68,7 +68,7 @@ export default function LandingPage(props) { | |||
| </div> | |||
| </Parallax> | |||
| <div className={classNames(classes.main, classes.mainRaised)}> | |||
| <div className={classes.container}><br /><br /><br /> | |||
| <div className={classes.container}> | |||
| <Carousel /> | |||
| <CoreValue /> | |||
| <BusineesPartner /> | |||
| @@ -15,6 +15,7 @@ import DataSnackbarContent from "pages-sections/yamaha/snackbar.js"; | |||
| import DataCarousel from "pages-sections/honda/home/carousel.js"; | |||
| import DataService from "pages-sections/honda/home/service.js"; | |||
| import DataFeature from "pages-sections/honda/home/feature.js"; | |||
| import stylecss from "pages/home.css"; | |||
| import Cookies from "cookies"; | |||
| const useStyles = makeStyles(styles); | |||
| @@ -57,6 +58,9 @@ const Home = function ({ | |||
| backend={backend} | |||
| /> */} | |||
| {/* <DataSosmed /> */} | |||
| <a href="https://wa.me/087797315685" target="_blank" class="float"> | |||
| <i class="fa fa-phone my-float"></i> | |||
| </a> | |||
| </div> | |||
| <Footer /> | |||
| </div> | |||
| @@ -15,6 +15,7 @@ import DataCarousel from "pages-sections/suzuki/home/carousel.js"; | |||
| import DataService from "pages-sections/suzuki/home/service.js"; | |||
| import DataSosmed from "pages-sections/suzuki/home/sosmed.js"; | |||
| import DataFeature from "pages-sections/suzuki/home/feature.js" | |||
| import stylecss from "pages/home.css" | |||
| import Cookies from "cookies"; | |||
| const useStyles = makeStyles(styles); | |||
| @@ -51,6 +52,9 @@ const Home = function ({ | |||
| <DataService service={service} backend={backend} /> | |||
| <DataFeature /> | |||
| {/* <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> | |||
| <FooterSuzuki /> | |||
| </div> | |||
| @@ -18,6 +18,7 @@ import DataBusinessPartner from "../../pages-sections/yamaha/home/business_partn | |||
| import DataSosmed from "../../pages-sections/yamaha/home/sosmed.js"; | |||
| import CoreValue from "../../pages-sections/yamaha/home/core_value.js"; | |||
| import DataFeature from "../../pages-sections/yamaha/home/feature.js"; | |||
| import stylecss from "pages/home.css"; | |||
| import Cookies from "cookies"; | |||
| const useStyles = makeStyles(styles); | |||
| @@ -60,6 +61,9 @@ const Home = function ({ | |||
| backend={backend} | |||
| /> */} | |||
| {/* <DataSosmed /> */} | |||
| <a href="https://wa.me/087797315685" target="_blank" class="float"> | |||
| <i class="fa fa-phone my-float"></i> | |||
| </a> | |||
| </div> | |||
| <Footer /> | |||
| </div> | |||