stage 1 yamaha & web corp

.gitignore

@@ -26,4 +26,4 @@ yarn-error.log*
 
 # package
 /dist
-#/.next
+/.next

api/profile/profile.js

@@ -5,6 +5,7 @@ async function profile(token="") {
 		`
     query{
         users{
+            id
             username
             email
             firstName
@@ -23,8 +24,9 @@ async function GetDetailProfile(id, token = "") {
     var res = await apollo.query(
         `
         query($input: ID!){
-            products(where:{id:$input})
+            users(where:{id:$input})
             {
+                id
                 username
                 email
                 firstName

assets/jss/nextjs-material-kit/components/parallaxStyle.js

@@ -14,7 +14,7 @@ const parallaxStyle = theme => ({
   },
   filter: {
     "&:before": {
-      background: "rgba(0, 0, 0, 0.5)"
+      background: "#212121"
     },
     "&:after,&:before": {
       position: "absolute",

assets/jss/nextjs-material-kit/pages/landingPage.js

@@ -3,7 +3,7 @@ import { container, title } from "assets/jss/nextjs-material-kit.js";
 const landingPageStyle = {
   container: {
     zIndex: "12",
-    color: "#FFFFFF",
+    color: "#ffffff",
     ...container
   },
   title: {
@@ -12,7 +12,7 @@ const landingPageStyle = {
     position: "relative",
     marginTop: "30px",
     minHeight: "32px",
-    color: "#FFFFFF",
+    color: "#000000",
     textDecoration: "none"
   },
   subtitle: {
@@ -23,11 +23,11 @@ const landingPageStyle = {
   main: {
     background: "#FFFFFF",
     position: "relative",
+    marginLeft:"29px",
     zIndex: "3"
   },
   mainRaised: {
     margin: "-60px 30px 0px",
-    borderRadius: "6px",
     boxShadow:
       "0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"
   }

components/CustomTabs/CustomTabs.js

@@ -0,0 +1,104 @@
+import React from "react";
+// nodejs library that concatenates classes
+import classNames from "classnames";
+// nodejs library to set properties for components
+import PropTypes from "prop-types";
+
+// material-ui components
+import { makeStyles } from "@material-ui/core/styles";
+import Tabs from "@material-ui/core/Tabs";
+import Tab from "@material-ui/core/Tab";
+import Icon from "@material-ui/core/Icon";
+// core components
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+
+import styles from "assets/jss/nextjs-material-kit/components/customTabsStyle.js";
+
+const useStyles = makeStyles(styles);
+
+export default function CustomTabs(props) {
+  const [value, setValue] = React.useState(0);
+
+  const handleChange = (event, value) => {
+    setValue(value);
+  };
+  const classes = useStyles();
+  const { headerColor, plainTabs, tabs, title, rtlActive } = props;
+  const cardTitle = classNames({
+    [classes.cardTitle]: true,
+    [classes.cardTitleRTL]: rtlActive
+  });
+  return (
+    <Card plain={plainTabs}>
+      <CardHeader color={headerColor} plain={plainTabs}>
+        {title !== undefined ? <div className={cardTitle}>{title}</div> : null}
+        <Tabs
+          value={value}
+          onChange={handleChange}
+          classes={{
+            root: classes.tabsRoot,
+            indicator: classes.displayNone
+          }}
+        >
+          {tabs.map((prop, key) => {
+            var icon = {};
+            if (prop.tabIcon) {
+              icon = {
+                icon:
+                  typeof prop.tabIcon === "string" ? (
+                    <Icon>{prop.tabIcon}</Icon>
+                  ) : (
+                    <prop.tabIcon />
+                  )
+              };
+            }
+            return (
+              <Tab
+                classes={{
+                  root: classes.tabRootButton,
+                  label: classes.tabLabel,
+                  selected: classes.tabSelected,
+                  wrapper: classes.tabWrapper
+                }}
+                key={key}
+                label={prop.tabName}
+                {...icon}
+              />
+            );
+          })}
+        </Tabs>
+      </CardHeader>
+      <CardBody>
+        {tabs.map((prop, key) => {
+          if (key === value) {
+            return <div key={key}>{prop.tabContent}</div>;
+          }
+          return null;
+        })}
+      </CardBody>
+    </Card>
+  );
+}
+
+CustomTabs.propTypes = {
+  headerColor: PropTypes.oneOf([
+    "warning",
+    "success",
+    "danger",
+    "info",
+    "primary",
+    "rose"
+  ]),
+  title: PropTypes.string,
+  tabs: PropTypes.arrayOf(
+    PropTypes.shape({
+      tabName: PropTypes.string.isRequired,
+      tabIcon: PropTypes.object,
+      tabContent: PropTypes.node.isRequired
+    })
+  ),
+  rtlActive: PropTypes.bool,
+  plainTabs: PropTypes.bool
+};

components/Footer/Footer.js

@@ -13,10 +13,16 @@ import Favorite from "@material-ui/icons/Favorite";
 
 import GridContainer from "components/Grid/GridContainer.js";
 import Grid from '@material-ui/core/Grid';
+import GridItem from "components/Grid/GridItem.js";
 import Paper from '@material-ui/core/Paper';
 import Card from "components/Card/Card.js";
 import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
 
+// import iconfb from "assets/img/sosmed/iconfb.png";
+// import iconig from "assets/img/sosmed/iconig.png";
+// import icontwt from "assets/img/sosmed/icontwt.png";
+// import iconyt from "assets/img/sosmed/iconyt.png";
+
 const useStyles = makeStyles(styles);
 
 export default function Footer(props) {
@@ -88,6 +94,32 @@ export default function Footer(props) {
         </div>
       </Grid>
     </GridContainer>
+    <GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center">
+      <Grid>
+        <div>
+          <footer className={footerClasses}>
+            <div className={classes.container}>
+              <div className={classes.left}>
+              <List className={classes.list}>
+                  <ListItem className={classes.inlineBlock}>
+                    <a href="/yamaha/home" className={classes.block} >Facebook</a>
+                  </ListItem>
+                  <ListItem className={classes.inlineBlock}>
+                    <a href="/yamaha/product/product" className={classes.block}>Instagram</a>
+                  </ListItem>
+                  <ListItem className={classes.inlineBlock}>
+                    <a href="/yamaha/product/ygp" className={classes.block}>Twitter</a>
+                  </ListItem>
+                  <ListItem className={classes.inlineBlock}>
+                    <a href="/yamaha/product/yamalube" className={classes.block}>Youtube</a>
+                  </ListItem>
+                </List>
+              </div>
+            </div>
+          </footer>
+        </div>
+      </Grid>
+    </GridContainer>
     <GridContainer style={{marginTop: "-40px"}} justify="center">
     <Grid>
       <div align="center">

components/Footer/FooterSuzuki.js

@@ -16,6 +16,7 @@ import Grid from '@material-ui/core/Grid';
 import Paper from '@material-ui/core/Paper';
 import Card from "components/Card/Card.js";
 import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
+import NSCB from "assets/img/nscb.png";
 
 const useStyles = makeStyles(styles);
 
@@ -31,10 +32,10 @@ export default function Footer(props) {
         [classes.footerWhiteFont]: whiteFont
     });
     return (
-        <div>
+        <div><br/>
             <GridContainer justify="center">
                 <Grid style={{padding:"25px"}}>
-                    <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
+                    <img className={classes.imgCard} src={NSCB} style={{width:"300px"}}/>
                 </Grid>
                 <Grid style={{padding:"25px"}}>
                     <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
@@ -88,6 +89,32 @@ export default function Footer(props) {
                     </footer>
                 </Grid>
             </GridContainer>
+            <GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center">
+            <Grid>
+                <div>
+                <footer className={footerClasses}>
+                    <div className={classes.container}>
+                    <div className={classes.left}>
+                    <List className={classes.list}>
+                        <ListItem className={classes.inlineBlock}>
+                            <a href="/yamaha/home" className={classes.block} >Facebook</a>
+                        </ListItem>
+                        <ListItem className={classes.inlineBlock}>
+                            <a href="/yamaha/product/product" className={classes.block}>Instagram</a>
+                        </ListItem>
+                        <ListItem className={classes.inlineBlock}>
+                            <a href="/yamaha/product/ygp" className={classes.block}>Twitter</a>
+                        </ListItem>
+                        <ListItem className={classes.inlineBlock}>
+                            <a href="/yamaha/product/yamalube" className={classes.block}>Youtube</a>
+                        </ListItem>
+                        </List>
+                    </div>
+                    </div>
+                </footer>
+                </div>
+            </Grid>
+            </GridContainer>
             <GridContainer justify="center">
                 <Grid style={{padding:"25px", marginTop:"-50px"}}>
                     <div className={classes.right}>

components/Header/HeaderHome.js

@@ -18,6 +18,7 @@ import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";
 import Button from "components/CustomButtons/Button.js";
 import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js";
 
+import Image from "assets/img/Black.png";
 const useStyles = makeStyles(styles);
 
 export default function HeaderHome(props) {
@@ -29,7 +30,7 @@ export default function HeaderHome(props) {
         <Link href="#">
         <Button color="transparent" className={classes.navLink}>
             <img
-                src="https://1.bp.blogspot.com/-J9AsxdwrF-Y/Wn70KyBApaI/AAAAAAAACRo/LTy3zrALzhckryd9QPi_KuVyWvwFMZyMQCLcBGAs/s640/TG.png" width="180px"
+                src={Image} width="180px"
             />
             </Button>
         </Link>

components/Header/HeaderLinks.js

@@ -150,7 +150,7 @@ export default function HeaderLinks({ username, ...props }) {
       </ListItem>
       <ListItem className={classes.listItem} style={{ marginTop: "10px" }}>
         <Button
-          href="/yamaha/cart/cart"
+          href="/yamaha/order/order"
           color="transparent"
           className={classes.navLink}
         >

components/Header/HeaderSuzuki.js

@@ -115,7 +115,7 @@ export default function HeaderLinks({ username, ...props }) {
                     <Icon className={classes.icons}>wallet_travel</Icon> Career
                 </Button>
             </ListItem>
-            <ListItem
+            {/* <ListItem
                 className={classes.listItem}
                 style={{ marginTop: "10px" }}
             >
@@ -167,7 +167,7 @@ export default function HeaderLinks({ username, ...props }) {
                         </Link>,
                     ]}
                 />
-            </ListItem>
+            </ListItem> */}
             <ListItem
                 className={classes.listItem}
                 style={{ marginTop: "10px" }}
@@ -181,6 +181,16 @@ export default function HeaderLinks({ username, ...props }) {
                     Us
                 </Button>
             </ListItem>
+            <ListItem className={classes.listItem} style={{ marginTop: "10px" }}>
+                <Button
+                href="/suzuki/profile/profile"
+                // href="#"
+                color="transparent"
+                className={classes.navLink}
+                >
+                <Icon className={classes.icons}>people</Icon> Profile
+                </Button>
+            </ListItem>
             <ListItem
                 className={classes.listItem}
                 style={{ marginTop: "10px" }}

next.config.js

@@ -1,10 +1,11 @@
 const withPlugins = require("next-compose-plugins");
 const withImages = require("next-images");
 const withSass = require("@zeit/next-sass");
+const withCss = require("@zeit/next-css");
 const webpack = require("webpack");
 const path = require("path");
 
-module.exports = withPlugins([[withSass], [withImages]], {
+module.exports = withPlugins([[withSass], [withImages], [withCss]], {
 	webpack(config, { dev }) {
 		if (dev) {
 			config.devtool = "cheap-module-source-map";

package.json

@@ -47,6 +47,7 @@
     "graphql": "^15.3.0",
     "jquery.scrollto": "^2.1.3",
     "less": "^4.1.1",
+    "materialize-css": "^1.0.0",
     "mdbreact": "^5.0.1",
     "midtrans-client": "^1.2.3",
     "midtrans-payment": "^1.2.7",

pages-sections/home/Businees-Partner.js

@@ -8,8 +8,14 @@ import GridItem from "components/Grid/GridItem.js";
 import Card from "components/Card/Card.js";
 import Icon from "@material-ui/core/Icon";
 import styles from "assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js";
+import Carousel from "react-slick";
+import Container from '@material-ui/core/Container';
+import Typography from '@material-ui/core/Typography';
+import Paper from '@material-ui/core/Paper';
+import Grid from '@material-ui/core/Grid';
+import stylecss from "pages-sections/home/business-partner.css";
 
-import yamaha from 'assets/img/home/yamaha.jpg';
+import yamaha from 'assets/img/home/yamaha1.jpg';
 import suzuki from 'assets/img/home/suzuki.jpg';
 import mercedes from 'assets/img/home/mercedes.jpg';
 import hino from 'assets/img/home/hino.jpg';
@@ -22,95 +28,55 @@ import home from 'assets/img/home/home.jpg';
 const useStyles = makeStyles(styles);
 export default function WorkSection() {
     const classes = useStyles();
+    console.log(stylecss.container);
     return (
         <div>
-            <GridContainer justify="center">
-                <GridItem xs={12} sm={12} md={8}>
-                <h2 className={classes.title}>Thamrin Group Businees Partner</h2>
+            <GridContainer justify="center" color="dark">
+                <GridItem xs={12} sm={12}>
+                    <h2 className={classes.title}>Thamrin Group Businees Partner</h2>
                 </GridItem>
             </GridContainer>
-            <div className={classes.section} id="notifications" style={{marginTop:"-150px"}}>
-                <div className={classes.section}>
-                    <div className={classes.container}>
-                        <GridContainer>
-                            <GridItem className={classes.marginAuto}>
-                                <Card carousel style={{width:"1290px", marginLeft:"-90px"}}>
-                                    <img src={yamaha} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href="/yamaha/home" style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={suzuki} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href="/suzuki/home" style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={hino} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={honda} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={mercedes} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={pim} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={emilia} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={bpr} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                                <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
-                                    <img src={home} alt="First slide" className="slick-image" />
-                                </Card>
-                                <div align="center">
-                                    <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
-                                        <Icon className={classes.icons}>open_in_new</Icon>Visit Page
-                                    </Button>
-                                </div>
-                            </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>
-                </div>
-            </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><img src={honda}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={hino}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={mercedes}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={emilia}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={bpr}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={pim}/></Carousel>
+                </Grid>
+                <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
+                    <Carousel><img src={home}/></Carousel>
+                </Grid>
+            </Grid>
+    </div>
         </div>
     );
 }

pages-sections/home/Carousel.js

@@ -25,7 +25,7 @@ const DataCarousel = function ()  {
         time: 5
     };
     return (
-        <div className={classes.section} id="notifications">
+        <div className={classes.section} id="notifications" style={{marginTop:"-40px"}}>
             <div className={classes.section}>
             <div className={classes.container}>
                 <GridContainer>

pages-sections/home/business-partner.css

@@ -0,0 +1,30 @@
+.container {
+    position: relative;
+    width: 100%;
+    max-width: 100%;
+  }
+  
+  .container img {
+    width: 100%;
+    height: auto;
+  }
+  
+  .container .btn {
+    position: absolute;
+    top: 90%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    background-color: #555;
+    color: white;
+    font-size: 16px;
+    padding: 12px 24px;
+    border: none;
+    cursor: pointer;
+    border-radius: 5px;
+    text-align: center;
+  }
+  
+  .container .btn:hover {
+    background-color: black;
+  }

pages-sections/home/gallery.js

@@ -26,7 +26,7 @@ export default function WorkSection() {
     const classes = useStyles();
     return (
         <div>
-            <GridContainer justify="center" style={{marginTop:"-100px"}}>
+            <GridContainer justify="center">
                 <GridItem xs={12} sm={12} md={8}>
                 <h2 className={classes.title}>Thamrin Group Gallery</h2>
                 </GridItem>
@@ -36,67 +36,67 @@ export default function WorkSection() {
                     <div className={classes.container} align="center">
                         <Grid container spacing={3}>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img1} alt="First slide" className="slick-image" width="250px"/>
+                                <Card>
+                                    <img src={img1} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img2} alt="First slide" className="slick-image" width="250px"/>
+                                <Card>
+                                    <img src={img2} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img3} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img3} alt="First slide" className="slick-image" />
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img4} alt="First slide" className="slick-image" width="250px"/>
+                                <Card>
+                                    <img src={img4} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                         </Grid>
                         <Grid container spacing={3}>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img8} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img8} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img5} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img5} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img6} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img6} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img7} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img7} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                         </Grid>
                         <Grid container spacing={3}>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img1} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img1} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img2} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img2} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img3} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img3} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                             <Grid item xs={3}>
-                                <Card style={{width:"250px"}}>
-                                    <img src={img4} alt="First slide" className="slick-image" width="250px" height="188px"/>
+                                <Card>
+                                    <img src={img4} alt="First slide" className="slick-image"/>
                                 </Card>
                             </Grid>
                         </Grid>

pages-sections/suzuki/carrer/carrer.js

@@ -38,7 +38,7 @@ const DataCarrers = function ({ backend, s1, d3, sma, ...props }) {
               author="Post By Thamrin Group"
             />
             Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
-            <Button color="danger" style={{marginLeft:"20px"}} round href={"/suzuki/carrer_details?s="+data.id}>
+            <Button color="danger" style={{marginLeft:"20px"}} round href={"/suzuki/carrer/carrer_details?s="+data.id}>
                 <Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
             </Button>
           </CardBody>

pages-sections/suzuki/profile/profile.js

@@ -0,0 +1,388 @@
+import React from "react";
+import classNames from "classnames";
+import {makeStyles} from "@material-ui/core/styles";
+import Select from 'react-select';
+
+import People from "@material-ui/icons/People";
+import LocationOn from "@material-ui/icons/LocationOn";
+import Lock from "@material-ui/icons/Lock";
+import image1 from "assets/img/mail.png"
+
+import CustomInput from "components/CustomInput/CustomInput.js";
+import InputAdornment from "@material-ui/core/InputAdornment";
+import Button from "components/CustomButtons/Button.js";
+import Icon from "@material-ui/core/Icon";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import GridContainer from "components/Grid/GridContainer.js";
+import SnackbarContent from "components/Snackbar/SnackbarContent.js";
+import NavPills from "components/NavPills/NavPills.js";
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/pillsStyle.js";
+import Grid from '@material-ui/core/Grid';
+import Paper from '@material-ui/core/Paper';
+
+const useStyles = makeStyles((theme) => ({
+    root: {
+        flexGrow: 1
+    },
+    paper: {
+        padding: theme.spacing(2),
+        textAlign: 'center',
+        color: theme.palette.text.secondary
+    }
+}));
+
+const DataApparel = function ({
+    profile,
+    user,
+    ...props
+}) {
+    const [pass, setPass] = React.useState("");
+    const classes = useStyles();
+    const {
+        ...rest
+    } = props;
+    const imageClasses = classNames(
+        classes.imgRaised,
+        classes.imgRoundedCircle,
+        classes.imgFluid
+    );
+    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+    const Profile = profile.map((data) => {
+        return (
+            <NavPills
+                color="info"
+                horizontal={{
+                    tabsGrid: {
+                        xs: 4,
+                        sm: 3,
+                        md: 3
+                    },
+                    contentGrid: {
+                        xs: 14,
+                        sm: 9,
+                        md: 9
+                    }
+                }}
+                tabs={[
+                    {
+                        tabButton: "Profile",
+                        tabIcon: People,
+                        tabContent: (
+                            <Grid container="container">
+                                <Grid item="item" xs={12}>
+                                    <div align="left">
+                                        <h3>Profile Saya</h3>
+                                        <span>Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun</span>
+                                        <hr></hr>
+                                    </div>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Username
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.username}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Nama
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.firstName}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Email
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.email}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Nomer Telpon
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.telp}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Button color="info" round="round" href={"/yamaha/profile/edit-profile?s="+data.id}>
+                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Profile
+                                </Button>
+                            </Grid>
+                        )
+                    }, {
+                        tabButton: "Alamat",
+                        tabIcon: LocationOn,
+                        tabContent: (
+                            <Grid container="container">
+                                <Grid item="item" xs={12}>
+                                    <div align="left">
+                                        <h3>Alamat Saya</h3>
+                                        <span>Kelola informasi Alamat Anda untuk Proses Pengirim Barang</span>
+                                    </div>
+                                    <hr></hr>
+                                </Grid>
+                                <img
+                                    src={image1}
+                                    style={{
+                                        width: "920px"
+                                    }}/>
+                                <br></br>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Nama
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.firstName}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Telpon
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.telp}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            Alamat
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            : {data.address}
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}>
+                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Alamat
+                                </Button>
+                            </Grid>
+                        )
+                    }, {
+                        tabButton: "Ubah Password",
+                        tabIcon: Lock,
+                        tabContent: (
+                            <Grid container="container">
+                                <Grid item="item" xs={12}>
+                                    <div align="left">
+                                        <h3>Ubah Password</h3>
+                                        <span>Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke
+                                            orang lain</span>
+                                    </div>
+                                    <hr></hr>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            <br></br>
+                                            Password Saat Ini
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            <CustomInput
+                                                labelText="Password Saat Ini"
+                                                id="pass"
+                                                value={pass}
+                                                formControlProps={{
+                                                    fullWidth: true
+                                                }}
+                                                inputProps={{
+                                                    onChange: (event) => setPass(event.target.value),
+                                                    type: "password",
+                                                    endAdornment: (
+                                                        <InputAdornment position="end">
+                                                            <Icon className={classes.inputIconsColor}>
+                                                                lock_outline
+                                                            </Icon>
+                                                        </InputAdornment>
+                                                    ),
+                                                    autoComplete: "off"
+                                                }}/>
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            <br></br>
+                                            Password Baru
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            <CustomInput
+                                                labelText="Password Baru"
+                                                id="pass"
+                                                value={pass}
+                                                formControlProps={{
+                                                    fullWidth: true
+                                                }}
+                                                inputProps={{
+                                                    onChange: (event) => setPass(event.target.value),
+                                                    type: "password",
+                                                    endAdornment: (
+                                                        <InputAdornment position="end">
+                                                            <Icon className={classes.inputIconsColor}>
+                                                                lock_outline
+                                                            </Icon>
+                                                        </InputAdornment>
+                                                    ),
+                                                    autoComplete: "off"
+                                                }}/>
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Grid
+                                    container="container"
+                                    style={{
+                                        padding: "10px"
+                                    }}>
+                                    <Grid item="item" xs="xs">
+                                        <div align="left">
+                                            <br></br>
+                                            Konfirmasi Password
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs={6}>
+                                        <div align="left">
+                                            <CustomInput
+                                                labelText="Konfirmasi Password"
+                                                id="pass"
+                                                value={pass}
+                                                formControlProps={{
+                                                    fullWidth: true
+                                                }}
+                                                inputProps={{
+                                                    onChange: (event) => setPass(event.target.value),
+                                                    type: "password",
+                                                    endAdornment: (
+                                                        <InputAdornment position="end">
+                                                            <Icon className={classes.inputIconsColor}>
+                                                                lock_outline
+                                                            </Icon>
+                                                        </InputAdornment>
+                                                    ),
+                                                    autoComplete: "off"
+                                                }}/>
+                                        </div>
+                                    </Grid>
+                                    <Grid item="item" xs="xs"></Grid>
+                                </Grid>
+                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}>
+                                    <Icon className={classes.icons}>open_in_new</Icon>
+                                    Simpan
+                                </Button>
+                            </Grid>
+                        )
+                    }
+                ]}/>
+        );
+    })
+    return (
+        <div>
+            <Card className={classes.textCenter} align="center">
+                <CardBody>
+                    <div align="center">
+                        <div
+                            align="center"
+                            className={classes.section}
+                            id="notifications"
+                            style={{
+                                marginTop: "-50px"
+                            }}>
+                            <SnackbarContent message={<h4 > Profile</h4>} align="center" color="info"/>
+                        </div>
+                        <GridContainer
+                            justify="center"
+                            style={{
+                                padding: "10px"
+                            }}>
+                            {Profile}
+                        </GridContainer>
+                    </div>
+                    <br></br>
+                    <br></br>
+                </CardBody>
+            </Card>
+        </div>
+    );
+}
+
+export default DataApparel;

pages-sections/yamaha/cart/checkout.js

@@ -23,9 +23,6 @@ import IconButton from '@material-ui/core/IconButton';
 import Typography from '@material-ui/core/Typography';
 import CloseIcon from '@material-ui/icons/Close';
 import Slide from '@material-ui/core/Slide';
-import Radio from '@material-ui/core/Radio';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
 import FormControl from '@material-ui/core/FormControl';
 import Select from '@material-ui/core/Select';
 import MenuItem from '@material-ui/core/MenuItem';
@@ -128,7 +125,7 @@ const DataCheckout = function ({ province, cities, midtransClient, backend, chec
                         <h5>Yusmar</h5>
                         <h5>087797315685</h5>
                         <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
-                        <Button1 color="info" href={"/yamaha/profile/profile"}>
+                        <Button1 color="info" href={"/yamaha/profile/edit-profile"}>
                             <Icon className={classes.icons}>cached</Icon>
                             Ubah Alamat
                         </Button1>
@@ -306,12 +303,34 @@ const DataCheckout = function ({ province, cities, midtransClient, backend, chec
             <div>
                 <Card className={classes.textCenter} align="center">
                     <CardBody>
-                    <div style={{padding:"10px"}}>
-                        <Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}>
-                            <Icon className={classes.icons}>attach_money</Icon>
-                            Bayar Pesanan
-                        </Button1>
-                    </div>
+                        <GridContainer>
+                            <Grid item xs={6} style={{padding:"20px"}}>
+                                <Button1 color="info" href="/yamaha/order/order"> 
+                                    <Icon className={classes.icons}>attach_money</Icon>
+                                    Buat Pesanan
+                                </Button1>
+                            </Grid>
+                            <Grid item xs={6} style={{padding:"20px"}}>
+                                <Button1 color="danger" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}>
+                                    <Icon className={classes.icons}>attach_money</Icon>
+                                    Batalkan Pesanan
+                                </Button1>
+                            </Grid>
+                        </GridContainer>
+                        {/* <GridContainer>
+                            <Grid item xs={6} style={{padding:"20px"}}>
+                                <Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}>
+                                    <Icon className={classes.icons}>attach_money</Icon>
+                                    Bayar Pesanan
+                                </Button1>
+                            </Grid>
+                            <Grid item xs={6} style={{padding:"20px"}}>
+                                <Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}>
+                                    <Icon className={classes.icons}>attach_money</Icon>
+                                    Bayar Pesanan
+                                </Button1>
+                            </Grid>
+                        </GridContainer> */}
                     </CardBody>
                 </Card>
             </div>

pages-sections/yamaha/order/order.js

@@ -0,0 +1,227 @@
+import React from "react";
+import classNames from "classnames";
+
+import { makeStyles } from "@material-ui/core/styles";
+import Dashboard from "@material-ui/icons/Dashboard";
+
+import GridContainer from "components/Grid/GridContainer.js";
+import Grid from '@material-ui/core/Grid';
+import GridItem from "components/Grid/GridItem.js";
+import NavPills from "components/NavPills/NavPills.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import Button from "components/CustomButtons/Button.js";
+import Icon from "@material-ui/core/Icon";
+import Typography from '@material-ui/core/Typography';
+import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
+import Carousel from "react-slick";
+import Image from "assets/img/sosmed/yt.jpg";
+
+const useStyles = makeStyles(styles);
+const DataCheckout = function ({ backend, order,  ...props }) {
+    const classes = useStyles();
+    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>
+                    <div style={{padding:"10px"}}>
+                        <h5>Yusmar</h5>
+                        <h5>087797315685</h5>
+                        <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+                        <Button color="info" href={"/yamaha/profile/edit-profile"}>
+                            <Icon className={classes.icons}>cached</Icon>
+                            Ubah Alamat
+                        </Button>
+                    </div>
+                    </CardBody>
+                </Card>
+            </div>
+        );
+    })
+
+    const Dikemas = order.map((data) => {
+        return (
+            <div align="center">
+                <Card className={classes.textCenter} align="center">
+                    <CardBody>
+                    <div style={{padding:"10px"}}>
+                        <h5>Yusmar</h5>
+                        <h5>087797315685</h5>
+                        <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+                        <Button color="info" href={"/yamaha/profile/edit-profile"}>
+                            <Icon className={classes.icons}>cached</Icon>
+                            Ubah Alamat
+                        </Button>
+                    </div>
+                    </CardBody>
+                </Card>
+            </div>
+        );
+    })
+
+    const Dikirim = order.map((data) => {
+        return (
+            <div align="center">
+                <Card className={classes.textCenter} align="center">
+                    <CardBody>
+                    <div style={{padding:"10px"}}>
+                        <h5>Yusmar</h5>
+                        <h5>087797315685</h5>
+                        <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+                        <Button color="info" href={"/yamaha/profile/edit-profile"}>
+                            <Icon className={classes.icons}>cached</Icon>
+                            Ubah Alamat
+                        </Button>
+                    </div>
+                    </CardBody>
+                </Card>
+            </div>
+        );
+    })
+
+    const Selesai = order.map((data) => {
+        return (
+            <div align="center">
+                <Card className={classes.textCenter} align="center">
+                    <CardBody>
+                    <div style={{padding:"10px"}}>
+                        <h5>Yusmar</h5>
+                        <h5>087797315685</h5>
+                        <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+                        <Button color="info" href={"/yamaha/profile/edit-profile"}>
+                            <Icon className={classes.icons}>cached</Icon>
+                            Ubah Alamat
+                        </Button>
+                    </div>
+                    </CardBody>
+                </Card>
+            </div>
+        );
+    })
+
+    return (
+        <Card className={classes.textCenter}>
+            <div align="center">
+                <CardHeader color="info">Pesanan Saya</CardHeader>
+            </div>
+            <CardBody>
+                <div align="center">
+                <h2>Pesayanan Saya</h2>
+                </div>
+                <GridContainer justify="center">
+                    <GridItem>
+                    <NavPills
+                        alignCenter
+                        color="primary"
+                        tabs={[
+                        {
+                            tabButton: "Semua",
+                            tabIcon: Dashboard,
+                            tabContent: (
+                            <GridContainer justify="center">
+                                <div>
+                                    <Typography variant="h6" align="left" className={classes.title}>
+                                        Semua Pesanan
+                                    </Typography><hr/>
+                                    {SemuaOrder}
+                                </div>
+                            </GridContainer>
+                            ),
+                        },
+                        {
+                            tabButton: "Belum Bayar",
+                            tabIcon: Dashboard,
+                            tabContent: (
+                            <GridContainer justify="center">
+                                <div>
+                                    <Typography variant="h6" align="left" className={classes.title}>
+                                        Belum Bayar
+                                    </Typography><hr/>
+                                    {BelumBayar}
+                                </div>
+                            </GridContainer>
+                            ),
+                        },
+                        {
+                            tabButton: "Dikemas",
+                            tabIcon: Dashboard,
+                            tabContent: (
+                            <GridContainer justify="center">
+                                <Typography variant="h6" align="left" className={classes.title}>
+                                    Dikemas
+                                </Typography><hr/>
+                                {Dikemas}
+                            </GridContainer>
+                            ),
+                        },
+                        {
+                            tabButton: "Dikirim",
+                            tabIcon: Dashboard,
+                            tabContent: (
+                            <GridContainer justify="center">
+                                <Typography variant="h6" align="left" className={classes.title}>
+                                    Dikirim
+                                </Typography><hr/>
+                                {Dikirim}
+                            </GridContainer>
+                            ),
+                        },
+                        {
+                            tabButton: "Selesai",
+                            tabIcon: Dashboard,
+                            tabContent: (
+                            <GridContainer justify="center">
+                                <Typography variant="h6" align="left" className={classes.title}>
+                                    Selesai
+                                </Typography><hr/>
+                                {Selesai}
+                            </GridContainer>
+                            ),
+                        },
+                        ]}
+                    />
+                    </GridItem>
+                </GridContainer>
+            </CardBody>
+        </Card>
+    );
+}
+
+export default DataCheckout;

pages-sections/yamaha/product/product.js

@@ -253,10 +253,10 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
-                <Button 
+                {/* <Button 
                     color="info" round
                     href={"/yamaha/cart/checkout?s="+data.id}
-                >
+                > */}
                     <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
                 </Button>
                 </div>

pages-sections/yamaha/profile/edit-profile.js

@@ -1,386 +1,206 @@
-import React from "react";
-import classNames from "classnames";
-import {makeStyles} from "@material-ui/core/styles";
-import Select from 'react-select';
+import React from 'react'
+import { makeStyles } from '@material-ui/core/styles'
 
-import People from "@material-ui/icons/People";
-import LocationOn from "@material-ui/icons/LocationOn";
-import Lock from "@material-ui/icons/Lock";
-import image1 from "../../../assets/img/mail.png"
-
-import CustomInput from "components/CustomInput/CustomInput.js";
-import InputAdornment from "@material-ui/core/InputAdornment";
+import Grid from '@material-ui/core/Grid'
+import Card from 'components/Card/Card.js'
+import CardBody from 'components/Card/CardBody.js'
+import CardHeader from 'components/Card/CardHeader.js'
+import CardFooter from 'components/Card/CardFooter.js'
+import styles from 'assets/jss/nextjs-material-kit/pages/profilePage.js'
 import Button from "components/CustomButtons/Button.js";
+
 import Icon from "@material-ui/core/Icon";
-import Card from "components/Card/Card.js";
-import CardBody from "components/Card/CardBody.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import SnackbarContent from "components/Snackbar/SnackbarContent.js";
-import NavPills from "components/NavPills/NavPills.js";
-import Grid from '@material-ui/core/Grid';
+import InputLabel from '@material-ui/core/InputLabel';
+import TextField from '@material-ui/core/TextField';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
 
-const useStyles = makeStyles((theme) => ({
-    root: {
-        flexGrow: 1
-    },
-    paper: {
-        padding: theme.spacing(2),
-        textAlign: 'center',
-        color: theme.palette.text.secondary
-    }
-}));
+const useStyles = makeStyles(styles)
+
+const EditProfile = function ({ province, cities, editprofile, user, profile, ...props }) {
+    console.log(province);
+    const [age, setAge] = React.useState('');
+
+    const handleChange = (event) => {
+        setAge(event.target.value);
+    };
+    const classes = useStyles()
+
+    // const Province = province.map((data) => {
+    //     return (
+    //         <div>
+                
+    //         </div>
+    //     );
+    // })
 
-const DataApparel = function ({
-    detailprofile,
-    user,
-    ...props
-}) {
-    const [pass, setPass] = React.useState("");
-    const classes = useStyles();
-    const {
-        ...rest
-    } = props;
-    const imageClasses = classNames(
-        classes.imgRaised,
-        classes.imgRoundedCircle,
-        classes.imgFluid
-    );
-    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
-    const Profile = profile.map((data) => {
-        return (
-            <NavPills
-                color="info"
-                horizontal={{
-                    tabsGrid: {
-                        xs: 4,
-                        sm: 3,
-                        md: 3
-                    },
-                    contentGrid: {
-                        xs: 14,
-                        sm: 9,
-                        md: 9
-                    }
-                }}
-                tabs={[
-                    {
-                        tabButton: "Profile",
-                        tabIcon: People,
-                        tabContent: (
-                            <Grid container="container">
-                                <Grid item="item" xs={12}>
-                                    <div align="left">
-                                        <h3>Edit Profile Saya</h3>
-                                        <span>Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun</span>
-                                        <hr></hr>
-                                    </div>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Username
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.username}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Nama
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.firstName}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Email
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.email}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Nomer Telpon
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.telp}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Button color="info" round="round" href={"/yamaha/profile/edit-profile?s="+data.id}>
-                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Profile
-                                </Button>
-                            </Grid>
-                        )
-                    }, {
-                        tabButton: "Alamat",
-                        tabIcon: LocationOn,
-                        tabContent: (
-                            <Grid container="container">
-                                <Grid item="item" xs={12}>
-                                    <div align="left">
-                                        <h3>Alamat Saya</h3>
-                                        <span>Kelola informasi Alamat Anda untuk Proses Pengirim Barang</span>
-                                    </div>
-                                    <hr></hr>
-                                </Grid>
-                                <img
-                                    src={image1}
-                                    style={{
-                                        width: "920px"
-                                    }}/>
-                                <br></br>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Nama
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.firstName}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Telpon
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.telp}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            Alamat
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            : {data.address}
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="}>
-                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Alamat
-                                </Button>
-                            </Grid>
-                        )
-                    }, {
-                        tabButton: "Ubah Password",
-                        tabIcon: Lock,
-                        tabContent: (
-                            <Grid container="container">
-                                <Grid item="item" xs={12}>
-                                    <div align="left">
-                                        <h3>Ubah Password</h3>
-                                        <span>Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke
-                                            orang lain</span>
-                                    </div>
-                                    <hr></hr>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            <br></br>
-                                            Password Saat Ini
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            <CustomInput
-                                                labelText="Password Saat Ini"
-                                                id="pass"
-                                                value={pass}
-                                                formControlProps={{
-                                                    fullWidth: true
-                                                }}
-                                                inputProps={{
-                                                    onChange: (event) => setPass(event.target.value),
-                                                    type: "password",
-                                                    endAdornment: (
-                                                        <InputAdornment position="end">
-                                                            <Icon className={classes.inputIconsColor}>
-                                                                lock_outline
-                                                            </Icon>
-                                                        </InputAdornment>
-                                                    ),
-                                                    autoComplete: "off"
-                                                }}/>
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            <br></br>
-                                            Password Baru
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            <CustomInput
-                                                labelText="Password Baru"
-                                                id="pass"
-                                                value={pass}
-                                                formControlProps={{
-                                                    fullWidth: true
-                                                }}
-                                                inputProps={{
-                                                    onChange: (event) => setPass(event.target.value),
-                                                    type: "password",
-                                                    endAdornment: (
-                                                        <InputAdornment position="end">
-                                                            <Icon className={classes.inputIconsColor}>
-                                                                lock_outline
-                                                            </Icon>
-                                                        </InputAdornment>
-                                                    ),
-                                                    autoComplete: "off"
-                                                }}/>
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Grid
-                                    container="container"
-                                    style={{
-                                        padding: "10px"
-                                    }}>
-                                    <Grid item="item" xs="xs">
-                                        <div align="left">
-                                            <br></br>
-                                            Konfirmasi Password
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs={6}>
-                                        <div align="left">
-                                            <CustomInput
-                                                labelText="Konfirmasi Password"
-                                                id="pass"
-                                                value={pass}
-                                                formControlProps={{
-                                                    fullWidth: true
-                                                }}
-                                                inputProps={{
-                                                    onChange: (event) => setPass(event.target.value),
-                                                    type: "password",
-                                                    endAdornment: (
-                                                        <InputAdornment position="end">
-                                                            <Icon className={classes.inputIconsColor}>
-                                                                lock_outline
-                                                            </Icon>
-                                                        </InputAdornment>
-                                                    ),
-                                                    autoComplete: "off"
-                                                }}/>
-                                        </div>
-                                    </Grid>
-                                    <Grid item="item" xs="xs"></Grid>
-                                </Grid>
-                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="}>
-                                    <Icon className={classes.icons}>open_in_new</Icon>
-                                    Simpan
-                                </Button>
-                            </Grid>
-                        )
-                    }
-                ]}/>
-        );
-    })
     return (
-        <div>
-            <Card className={classes.textCenter} align="center">
-                <CardBody>
-                    <div align="center">
-                        <div
-                            align="center"
-                            className={classes.section}
-                            id="notifications"
-                            style={{
-                                marginTop: "-50px"
-                            }}>
-                            <SnackbarContent message={<h4 > Profile</h4>} align="center" color="info"/>
-                        </div>
-                        <GridContainer
-                            justify="center"
-                            style={{
-                                padding: "10px"
-                            }}>
-                            {Profile}
-                        </GridContainer>
-                    </div>
-                    <br></br>
-                    <br></br>
-                </CardBody>
-            </Card>
+        <Card className={classes.textCenter}>
+        <div align='center'>
+            <CardHeader color='info'>Edit Profile</CardHeader>
+        </div>
+        <CardBody>
+            <div>
+            <div align='center'>
+            <Grid item='item' xs={12}>
+                <div align='left'>
+                <h3>Edit Data Pribadi</h3>
+                <span>
+                    Kelola informasi profil Anda untuk mengontrol, melindungi dan
+                    mengamankan akun
+                </span>
+                <hr></hr>
+                </div>
+            </Grid>
+            <Grid
+                container
+                spacing={3}
+                justify='center'
+                style={{
+                padding: '10px'
+                }}
+            >
+                <Grid item xs={6}>
+                <TextField
+                    id='outlined-full-width'
+                    label='Username'
+                    style={{ margin: 8 }}
+                    placeholder='Masukan Username Baru'
+                    fullWidth
+                    margin='normal'
+                    InputLabelProps={{
+                    shrink: true
+                    }}
+                    variant='outlined'
+                />
+                </Grid>
+                <Grid item xs={6}>
+                <TextField
+                    id='outlined-full-width'
+                    label='Nama'
+                    style={{ margin: 8 }}
+                    placeholder='Masukan Nama Baru'
+                    fullWidth
+                    margin='normal'
+                    InputLabelProps={{
+                    shrink: true
+                    }}
+                    variant='outlined'
+                />
+                </Grid>
+                <Grid item xs={6}>
+                <TextField
+                    id='outlined-full-width'
+                    label='Email'
+                    style={{ margin: 8 }}
+                    placeholder='Masukan Email Baru'
+                    fullWidth
+                    margin='normal'
+                    InputLabelProps={{
+                    shrink: true
+                    }}
+                    variant='outlined'
+                />
+                </Grid>
+                <Grid item xs={6}>
+                <TextField
+                    id='outlined-full-width'
+                    label='Nomer Telpon'
+                    style={{ margin: 8 }}
+                    placeholder='Masukan Nomer Telpon Baru'
+                    fullWidth
+                    margin='normal'
+                    InputLabelProps={{
+                    shrink: true
+                    }}
+                    variant='outlined'
+                />
+                </Grid>
+            </Grid>
+            </div>
+            <br></br>
+            <Grid item='item' xs={12}>
+            <div align='left'>
+                <h3>Edit Data Alamat</h3>
+                <span>
+                Kelola informasi alamat anda untuk kemudahan dalam pengirim barang
+                </span>
+                <hr></hr>
+            </div>
+            </Grid>
+            <Grid
+            container
+            spacing={3}
+            justify='center'
+            style={{
+                padding: '10px'
+            }}
+            >
+            <Grid item xs={6}>
+                <FormControl className={classes.formControl}>
+                <InputLabel id='demo-simple-select-helper-label'>
+                    Provinsi
+                </InputLabel>
+                <Select
+                    style={{ width: '580px' }}
+                    labelId='demo-simple-select-helper-label'
+                    id='demo-simple-select-helper'
+                    value={age}
+                    onChange={handleChange}
+                >
+                    <MenuItem value=''>
+                    <em>None</em>
+                    </MenuItem>
+                    <MenuItem value={1}>asdasdsada</MenuItem>
+                </Select>
+                </FormControl>
+            </Grid>
+            <Grid item xs={6}>
+                <FormControl className={classes.formControl}>
+                <InputLabel id='demo-simple-select-helper-label'>Kota</InputLabel>
+                <Select
+                    style={{ width: '580px' }}
+                    labelId='demo-simple-select-helper-label'
+                    id='demo-simple-select-helper'
+                    value={age}
+                    onChange={handleChange}
+                >
+                    <MenuItem value=''>
+                    <em>None</em>
+                    </MenuItem>
+                    <MenuItem value={10}>Ten</MenuItem>
+                    <MenuItem value={20}>Twenty</MenuItem>
+                    <MenuItem value={30}>Thirty</MenuItem>
+                </Select>
+                </FormControl>
+            </Grid>
+            <Grid item xs={12}>
+                <TextField
+                id='outlined-full-width'
+                label='Alamat Lengkap'
+                placeholder='Masukan Username Baru'
+                fullWidth
+                margin='normal'
+                InputLabelProps={{
+                    shrink: true
+                }}
+                variant='outlined'
+                />
+            </Grid>
+            </Grid>
+        </div><br/><br/>
+        <div align="center">
+        <Button color="info" round href={"/yamaha/cart/checkout?s="}>
+            <Icon className={classes.icons}>save</Icon>Simpan Perubahan
+        </Button>
         </div>
-    );
+        </CardBody>
+        <CardFooter className={classes.textMuted} textalign='center'>
+            © 2020 , All Right Reserved by @Thamrin Brother Company
+        </CardFooter>
+        </Card>
+    )
 }
 
-export default DataApparel;
+export default EditProfile

pages-sections/yamaha/profile/profile.js

@@ -219,7 +219,7 @@ const DataApparel = function ({
                                     </Grid>
                                     <Grid item="item" xs="xs"></Grid>
                                 </Grid>
-                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="}>
+                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}>
                                     <Icon className={classes.icons}>open_in_new</Icon>Edit Alamat
                                 </Button>
                             </Grid>
@@ -345,7 +345,7 @@ const DataApparel = function ({
                                     </Grid>
                                     <Grid item="item" xs="xs"></Grid>
                                 </Grid>
-                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="}>
+                                <Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}>
                                     <Icon className={classes.icons}>open_in_new</Icon>
                                     Simpan
                                 </Button>

pages/home.js

@@ -22,62 +22,60 @@ import Carousel from "pages-sections/home/Carousel.js"
 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 TeamSection from "pages-sections/home/TeamSection.js";
-import WorkSection from "pages-sections/home/WorkSection.js";
-
+import stylecss from "../pages/home.scss";
 //image
-import Logo from "assets/img/White.png";
+import Logo from "assets/img/Black.png";
+import Wa from "assets/img/wa.png"
 
 const dashboardRoutes = [];
-
 const useStyles = makeStyles(styles);
 
 export default function LandingPage(props) {
     const classes = useStyles();
     const { ...rest } = props;
+    console.log(stylecss.act);
     return (
         <div>
             <Header
-                color="info"
+                color="dark"
                 routes={dashboardRoutes}
                 rightLinks={<HeaderHome />}
                 fixed
-                changeColorOnScroll={{
-                height: 400,
-                color: "white"
-                }}
-                {...rest}
             />
-        <Parallax responsive image={require("assets/img/bglanding.png")}>
+        <Parallax color="dark" responsive image={require("assets/img/bga.png")}>
             <div className={classes.container}>
             <GridContainer>
-                <GridItem xs={12} sm={12} md={6}>
-                <img
-                    src={Logo} width="120%"
-                />
-                <br /><br/>
-                <Button
-                    color="danger"
-                    size="lg"
-                    href="https://www.youtube.com/channel/UCRUULlhLxKUpXK1Ti4Jrjkw"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    <i className="fas fa-play" />
-                    Watch video
-                </Button>
+                <GridItem>
+                <div align="center">
+                    <h1>Selamat Datang di</h1>
+                    <img
+                        src={Logo} width="80%"
+                    />
+                    <br /><br/>
+                    <Button
+                        color="danger"
+                        size="lg"
+                        href="https://www.youtube.com/channel/UCRUULlhLxKUpXK1Ti4Jrjkw"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <i className="fas fa-play" />
+                        Watch video
+                    </Button>
+                </div>
                 </GridItem>
             </GridContainer>
             </div>
         </Parallax>
         <div className={classNames(classes.main, classes.mainRaised)}>
+            <a href="https://wa.me/087797315685" target="_blank" className="act">
+                +
+            </a>
             <div className={classes.container}><br /><br /><br />
             <Carousel />
             <CoreValue />
             <BusineesPartner />
             <Gallery />
-            {/* <TeamSection />
-            <WorkSection /> */}
             </div>
         </div>
         <Footer />

pages/home.scss

@@ -0,0 +1,19 @@
+.act{
+    background:green;
+    display: block;
+    width: 50px;
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+    color: white;
+    font-size: 30px;
+    font-weight: bold;
+    border-radius: 50%;
+    -webkit-border-radius: 50%;
+    text-decoration: none;
+    transition: ease all 0.3s;
+    position: fixed;
+    right: 30px;
+    bottom:30px;
+  }
+.act-btn:hover{background: blue}

pages/suzuki/carrer/carrer.js

@@ -10,16 +10,17 @@ import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 
 import SectionCarrer from "pages-sections/suzuki/carrer/carrer.js";
 import Getcarrer from "../../../api/carrer/carrer.js"
+import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
 
-const Carrer = function ({ backend, s1, d3, sma, ...props }) {
+const Carrer = function ({ backend, s1, d3, sma, user, ...props }) {
   const classes = useStyles();
   const { ...rest } = props;
   return (
     <div>
       <Header
-        rightLinks={<HeaderSuzuki />}
+        rightLinks={<HeaderSuzuki username={user} />}
         fixed
         color="info"
         changeColorOnScroll={{
@@ -45,6 +46,21 @@ export async function getServerSideProps(context) {
   var sma = [];
   const backend = process.env.BACKEND_SERVER_URI;
 
+  var { req, resp } = context;
+  const cookies = new Cookies(req, resp);
+  var user = "";
+  var userObj = (await cookies.get("user"))
+    ? JSON.parse(await cookies.get("user"))
+    : null;
+  if (userObj) {
+    let sessionId = userObj["partners_login_states"].filter(function (i) {
+      return (
+        i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
+      );
+    });
+    if (sessionId.length != 0) user = userObj["username"];
+  }
+
   var res = await Getcarrer.GetCarrerS1Suzuki();
 	if (res["STATUS"] === 1) {
 		s1 = res["DATA"]["carrers"];
@@ -61,6 +77,6 @@ export async function getServerSideProps(context) {
 	}
   
 	return {
-		props: { s1, d3, sma, backend }, // will be passed to the page component as props
+		props: { s1, d3, sma, user, backend }, // will be passed to the page component as props
 	};
 }

pages/suzuki/carrer/carrer_details.js

@@ -9,16 +9,17 @@ import CarrerDetail from "pages-sections/suzuki/carrer/carrer_details.js";
 import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 import GetDetailcarrer from "../../../api/carrer/carrer.js"
+import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
 
-const CarrerDetails = function ({ backend, detailcarrer, ...props })  {
+const CarrerDetails = function ({ backend, detailcarrer, user, ...props })  {
     const classes = useStyles();
     const { ...rest } = props;
     return (
         <div>
         <Header
-            rightLinks={<HeaderSuzuki/>}
+            rightLinks={<HeaderSuzuki username={user} />}
             fixed
             color="info"
             changeColorOnScroll={{
@@ -43,6 +44,21 @@ export async function getServerSideProps(context) {
 	var detailcarrer = [];
     const backend = process.env.BACKEND_SERVER_URI;
 
+    var { req, resp } = context;
+    const cookies = new Cookies(req, resp);
+    var user = "";
+    var userObj = (await cookies.get("user"))
+        ? JSON.parse(await cookies.get("user"))
+        : null;
+    if (userObj) {
+        let sessionId = userObj["partners_login_states"].filter(function (i) {
+        return (
+            i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
+        );
+        });
+        if (sessionId.length != 0) user = userObj["username"];
+    }
+
 	var res = await GetDetailcarrer.GetDetailCarrer(query.s||0);
 	if (res["STATUS"] === 1) {
 		detailcarrer = res["DATA"]["carrers"];
@@ -51,6 +67,6 @@ export async function getServerSideProps(context) {
     console.log(res);
 
 	return {
-		props: { detailcarrer, backend }, // will be passed to the page component as props
+		props: { detailcarrer, backend, user }, // will be passed to the page component as props
 	};
 }

pages/suzuki/home.js

@@ -8,12 +8,13 @@ import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 import FooterSuzuki from "components/Footer/FooterSuzuki.js";
 
-import Getservices from "../../api/home/service.js";
-import Getcarousels from "../../api/home/carousel.js";
-import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
-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 Getservices from "api/home/service.js";
+import Getcarousels from "api/home/carousel.js";
+import DataSnackbarContent from "pages-sections/suzuki/snackbar.js";
+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 Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
@@ -48,8 +49,8 @@ const Home = function ({
         <DataSnackbarContent />
         <DataCarousel carousels={carousels} backend={backend} />
         <DataService service={service} backend={backend} />
-        {/* <DataFeature /> */}
-        <DataSosmed service={service} backend={backend} />
+        <DataFeature />
+        {/* <DataSosmed service={service} backend={backend} /> */}
       </div>
       <FooterSuzuki />
     </div>

pages/suzuki/product/product.js

@@ -10,12 +10,14 @@ import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 
 import Getproduct from "../../../api/product/product.js";
+import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
 
 const Product = function ({
   backend,
   car,
+  user,
   ...props
 }) {
   const classes = useStyles();
@@ -23,7 +25,7 @@ const Product = function ({
   return (
     <div>
       <Header
-        rightLinks={<HeaderSuzuki />}
+        rightLinks={<HeaderSuzuki username={user} />}
         fixed
         color="info"
         changeColorOnScroll={{
@@ -50,6 +52,21 @@ export async function getServerSideProps(context) {
   var car = [];
   const backend = process.env.BACKEND_SERVER_URI;
 
+  var { req, resp } = context;
+  const cookies = new Cookies(req, resp);
+  var user = "";
+  var userObj = (await cookies.get("user"))
+    ? JSON.parse(await cookies.get("user"))
+    : null;
+  if (userObj) {
+    let sessionId = userObj["partners_login_states"].filter(function (i) {
+      return (
+        i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
+      );
+    });
+    if (sessionId.length != 0) user = userObj["username"];
+  }
+
   var res = await Getproduct.GetProductSuzuki();
   if (res["STATUS"] === 1) {
     car = res["DATA"]["products"];
@@ -59,6 +76,7 @@ export async function getServerSideProps(context) {
     props: {
       car,
       backend,
+      user,
     }, // will be passed to the page component as props
   };
 }

pages/suzuki/product/product_detail.js

@@ -9,16 +9,17 @@ import ProductDetail from "pages-sections/yamaha/product/product_details.js";
 import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 import GetDetailproduct from "../../../api/product/product.js"
+import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
 
-const ProductDetails = function ({ backend, detailproduct, ...props })  {
+const ProductDetails = function ({ backend, detailproduct, user, ...props })  {
   const classes = useStyles();
   const { ...rest } = props;
   return (
     <div>
       <Header
-        rightLinks={<HeaderSuzuki/>}
+        rightLinks={<HeaderSuzuki username={user} />}
         fixed
         color="info"
         changeColorOnScroll={{
@@ -43,12 +44,27 @@ export async function getServerSideProps(context) {
 	var detailproduct = [];
   const backend = process.env.BACKEND_SERVER_URI;
 
+  var { req, resp } = context;
+  const cookies = new Cookies(req, resp);
+  var user = "";
+  var userObj = (await cookies.get("user"))
+    ? JSON.parse(await cookies.get("user"))
+    : null;
+  if (userObj) {
+    let sessionId = userObj["partners_login_states"].filter(function (i) {
+      return (
+        i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
+      );
+    });
+    if (sessionId.length != 0) user = userObj["username"];
+  }
+
 	var res = await GetDetailproduct.GetDetailProduct(query.s||0);
 	if (res["STATUS"] === 1) {
 		detailproduct = res["DATA"]["products"];
 	}
 
 	return {
-		props: { detailproduct, backend }, // will be passed to the page component as props
+		props: { detailproduct, backend, user }, // will be passed to the page component as props
 	};
 }

pages/suzuki/profile/profile.js

@@ -0,0 +1,68 @@
+import React from "react";
+import classNames from "classnames";
+import { makeStyles } from "@material-ui/core/styles";
+
+import Header from "components/Header/Header.js";
+import HeaderLinks from "components/Header/HeaderLinks.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+import Footer from "components/Footer/Footer.js";
+import GetProfile from "api/profile/profile.js"
+import DataProfile from "pages-sections/suzuki/profile/profile.js"
+import Cookies from "cookies";
+
+const useStyles = makeStyles(styles);
+const Profile = function ({ user, profile, ...props }) {
+    const classes = useStyles();
+    const { ...rest } = props;
+    return (
+        <div>
+        <Header
+            rightLinks={<HeaderLinks username={user} />}
+            fixed
+            color="info"
+            changeColorOnScroll={{
+            height: 400,
+            color: "white",
+            }}
+            {...rest}
+        />
+        <Parallax
+            image={require("assets/img/Promotion_2-1.jpg")}
+            styles={{ marginTop: "50px" }}
+        />
+        <div className={classNames(classes.main, classes.mainRaised)}>
+            <DataProfile profile={profile}/>
+        </div>
+        <Footer />
+        </div>
+    );
+};
+
+export async function getServerSideProps(context) {
+    var profile = [];
+    var res = await GetProfile.profile();
+    if (res["STATUS"] === 1) {
+        profile = res["DATA"]["users"];
+    }
+    
+    var { req, resp } = context;
+    const cookies = new Cookies(req, resp);
+    var user = "";
+        var userObj = (await cookies.get("user"))
+        ? JSON.parse(await cookies.get("user"))
+        : null;
+        if (userObj) {
+        let sessionId = userObj["partners_login_states"].filter(function (i) {
+            return (
+            i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
+            );
+        });
+        if (sessionId.length != 0) user = userObj["username"];
+    }
+    
+    return {
+        props: { profile, user }, // will be passed to the page component as props
+    };
+}
+export default Profile;

pages/yamaha/home.js

@@ -55,11 +55,11 @@ const Home = function ({
         <DataCarousel carousel={carousel} backend={backend} />
         <DataService service={service} backend={backend} />
         <DataFeature />
-        <DataBusinessPartner
+        {/* <DataBusinessPartner
           businessPartners={businessPartners}
           backend={backend}
-        />
-        <DataSosmed />
+        /> */}
+        {/* <DataSosmed /> */}
       </div>
       <Footer />
     </div>

pages/yamaha/latest_news/latestnews.js

@@ -8,9 +8,9 @@ import Footer from "components/Footer/Footer.js";
 import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 
-import GetLatestNews from "../../../api/latest_news/news.js"
-import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js";
-import DataLatestNews from "../../../pages-sections/yamaha/latest_news/news.js";
+import GetLatestNews from "api/latest_news/news.js"
+import DataSnackbarContent from "pages-sections/yamaha/snackbar.js";
+import DataLatestNews from "pages-sections/yamaha/latest_news/news.js";
 import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);

pages/yamaha/order/order.js

@@ -0,0 +1,71 @@
+import React from "react";
+import classNames from "classnames";
+import { makeStyles } from "@material-ui/core/styles";
+
+import Header from "components/Header/Header.js";
+import HeaderLinks from "components/Header/HeaderLinks.js";
+import Footer from "components/Footer/Footer.js";
+import OrderProduct from "pages-sections/yamaha/order/order.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+import GetOrder from "api/home/businessPartner.js";
+import Cookies from "cookies";
+
+const useStyles = makeStyles(styles);
+const Order = function ({ user, order, backend, ...props })  {
+    const classes = useStyles();
+    const { ...rest } = props;
+    return (
+        <div>
+        <Header
+            rightLinks={<HeaderLinks username={user} />}
+            fixed
+            color="info"
+            changeColorOnScroll={{
+            height: 400,
+            color: "white"
+            }}
+            {...rest}
+        />
+        <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/>
+        <div className={classNames(classes.main, classes.mainRaised)}>
+            <OrderProduct order={order} backend={backend}/>  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default Order;
+
+export async function getServerSideProps(context) {
+
+    var order = [];
+    var res = await GetOrder.GetbusinessPartners();
+    if (res["STATUS"] === 1) {
+        order = res["DATA"]["businessPartners"];
+    }
+
+    //backend
+    const backend = process.env.BACKEND_SERVER_URI;
+
+    //user
+    var { req, resp } = context;
+    const cookies = new Cookies(req, resp);
+    var user = "";
+    var userObj = (await cookies.get("user"))
+        ? JSON.parse(await cookies.get("user"))
+        : null;
+    if (userObj) {
+        let sessionId = userObj["partners_login_states"].filter(function (i) {
+        return (
+            i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
+        );
+        });
+        if (sessionId.length != 0) user = userObj["username"];
+    }
+    
+	return {
+		props: { backend, user, order, }, // will be passed to the page component as props
+	};
+}

pages/yamaha/profile/edit-profile.js

@@ -8,11 +8,11 @@ import Parallax from "components/Parallax/Parallax.js";
 import styles from "assets/jss/nextjs-material-kit/pages/components.js";
 import Footer from "components/Footer/Footer.js";
 import GetDetailProfile from "api/profile/profile.js"
-import DataProfile from "pages-sections/yamaha/profile/profile.js"
+import DataEditProfile from "pages-sections/yamaha/profile/edit-profile.js"
 import Cookies from "cookies";
 
 const useStyles = makeStyles(styles);
-const Profile = function ({ detailprofile, user, profile, ...props }) {
+const Profile = function ({ province, cities, editprofile, user, profile, ...props }) {
     const classes = useStyles();
     const { ...rest } = props;
     return (
@@ -32,7 +32,7 @@ const Profile = function ({ detailprofile, user, profile, ...props }) {
             styles={{ marginTop: "50px" }}
         />
         <div className={classNames(classes.main, classes.mainRaised)}>
-            <DataProfile detailprofile={detailprofile} user={user}/>
+            <DataEditProfile province={province} cities={cities} editprofile={editprofile} user={user}/>
         </div>
         <Footer />
         </div>
@@ -40,30 +40,49 @@ const Profile = function ({ detailprofile, user, profile, ...props }) {
 };
 
 export async function getServerSideProps(context) {
-    var detailprofile = [];
-    var res = await GetDetailProfile.GetDetailProfile(query.s||0);
     var {query} = context;
-	if (res["STATUS"] === 1) {
-		detailprofile = res["DATA"]["users"];
-	}
+	var editprofile = [];
+    const backend = process.env.BACKEND_SERVER_URI;
 
     var { req, resp } = context;
     const cookies = new Cookies(req, resp);
     var user = "";
-        var userObj = (await cookies.get("user"))
+    var userObj = (await cookies.get("user"))
         ? JSON.parse(await cookies.get("user"))
         : null;
-        if (userObj) {
+    if (userObj) {
         let sessionId = userObj["partners_login_states"].filter(function (i) {
-            return (
+        return (
             i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
-            );
+        );
         });
         if (sessionId.length != 0) user = userObj["username"];
     }
 
+	var res = await GetDetailProfile.GetDetailProfile(query.s||0);
+	if (res["STATUS"] === 1) {
+		editprofile = res["DATA"]["users"];
+	}
+
+    //rajaOngkir
+    var province = [];
+    var cities = [];
+    var RajaOngkir = require('rajaongkir-nodejs').Starter('f4ac703bb25ada32478d52ef2e1cab7a');
+
+    await RajaOngkir.getProvinces().then(function (result){
+        province = result;
+    }).catch(function (error){
+        // Aksi ketika error terjadi
+    });
+
+    await RajaOngkir.getCities().then(function (result){
+        cities = result;
+    }).catch(function (error){
+        // Aksi ketika error terjadi
+    });
+
     return {
-        props: { detailprofile, user }, // will be passed to the page component as props
+        props: { province, cities, editprofile, user }, // will be passed to the page component as props
     };
 }
 export default Profile;

pages/yamaha/profile/profile.js

@@ -45,6 +45,7 @@ export async function getServerSideProps(context) {
     if (res["STATUS"] === 1) {
         profile = res["DATA"]["users"];
     }
+    
     var { req, resp } = context;
     const cookies = new Cookies(req, resp);
     var user = "";
@@ -59,6 +60,7 @@ export async function getServerSideProps(context) {
         });
         if (sessionId.length != 0) user = userObj["username"];
     }
+    
     return {
         props: { profile, user }, // will be passed to the page component as props
     };