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