compress

.env-sample

@@ -1,3 +1,9 @@
+//local
 API_URL=http://127.0.0.1:1337
 graphql_uri=http://127.0.0.1:1337/graphql
-BACKEND_SERVER_URI =http://127.0.0.1:1337
+BACKEND_SERVER_URI =http://127.0.0.1:1337
+
+//live
+API_URL=http://172.16.1.8:14011
+API_GRAPHQL_URI=http://172.16.1.8:14009/graphql
+BACKEND_SERVER_URI = http://172.16.1.8:14011

Documentation/assets/css/demo-documentation.css

@@ -1,637 +0,0 @@
-body{
-    background-color: #E5E5E5;
-    color: #3C4858;
-}
-
-.section .wizard-card{
-    min-height: inherit;
-}
-
-.tim-row{
-    margin-bottom: 20px;
-}
-.tim-white-buttons {
-    background-color: #777777;
-}
-.title{
-    margin-top: 30px;
-    margin-bottom: 25px;
-    min-height: 32px;
-    font-weight: 500;
-}
-
-.tim-row p{
-    font-size: 16px;
-    line-height: 1.6em;
-}
-
-.title.text-center{
-    margin-bottom: 50px;
-}
-.tim-typo{
-    padding-left: 25%;
-    margin-bottom: 40px;
-    position: relative;
-}
-.tim-typo .tim-note{
-    bottom: 10px;
-    color: #c0c1c2;
-    display: block;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 13px;
-    left: 0;
-    margin-left: 20px;
-    position: absolute;
-    width: 260px;
-}
-.tim-row{
-    padding-top: 50px;
-}
-.tim-row h3{
-    margin-top: 0;
-}
-.switch{
-    margin-right: 20px;
-}
-#navbar-full .navbar{
-    border-radius: 0 !important;
-    margin-bottom: 15px;
-    z-index: 2;
-}
-.space{
-    height: 130px;
-    display: block;
-}
-.space-110{
-    height: 110px;
-    display: block;
-}
-.space-50{
-    height: 50px;
-    display: block;
-}
-.space-70{
-    height: 70px;
-    display: block;
-}
-.navigation-example .img-src{
-    background-attachment: scroll;
-}
-
-.navigation-example{
-    background-image: url('../img/bg.jpg');
-    background-position: center center;
-    background-size: cover;
-    margin-top:0;
-    min-height: 740px;
-}
-#notifications{
-    background-color: #FFFFFF;
-    display: block;
-    width: 100%;
-    position: relative;
-}
-#notifications .alert-danger{
-    margin-bottom: 0px;
-}
-.tim-note{
-    text-transform: capitalize;
-}
-
-#buttons .btn{
-    margin: 0 0px 15px;
-}
-.space-100{
-    height: 100px;
-    display: block;
-    width: 100%;
-}
-
-.be-social{
-    padding-bottom: 20px;
-/*     border-bottom: 1px solid #aaa; */
-    margin: 0 auto 40px;
-}
-.txt-white{
-    color: #FFFFFF;
-}
-.txt-gray{
-    color: #ddd !important;
-}
-
-
-.parallax{
-  width:100%;
-  height:570px;
-
-  display: block;
-  background-attachment: fixed;
-    background-repeat:no-repeat;
-    background-size:cover;
-    background-position: center center;
-
-}
-
-.logo-container.logo-documentation{
-    position: relative;
-    top: 0;
-    left: 0;
-}
-
-.logo-container .logo{
-    overflow: hidden;
-    border-radius: 50%;
-    border: 1px solid #333333;
-    width: 50px;
-    float: left;
-}
-
-.logo-container .brand{
-    font-size: 16px;
-    line-height: 18px;
-    float: left;
-    color: #fff;
-    margin-left: 10px;
-    margin-top: 7px;
-    width: 70px;
-    height: 40px;
-    text-align: left;
-}
-
-
-.navbar-default .logo-container .brand{
-    color: #999999;
-}
-.navbar-transparent .logo-container .brand{
-    color: #FFFFFF;
-}
-
-.logo-container .brand-material{
-    font-size: 18px;
-    margin-top: 15px;
-    height: 25px;
-    width: auto;
-}
-
-.logo-container .logo img{
-    width: 100%;
-}
-.navbar-small .logo-container .brand{
-    color: #333333;
-}
-
-.fixed-section{
-    top: 90px;
-    max-height: 80vh;
-    overflow: scroll;
-}
-.fixed-section ul li{
-    list-style: none;
-}
-.fixed-section li a{
-    font-size: 14px;
-    padding: 2px;
-    display: block;
-    color: #666666;
-}
-.fixed-section li a.active{
-    color: #00bbff;
-}
-.fixed-section.float{
-    position: fixed;
-    top: 100px;
-    width: 200px;
-    margin-top: 0;
-}
-
-
-.parallax .parallax-image{
-    width: 100%;
-    overflow: hidden;
-    position: absolute;
-}
-.parallax .parallax-image img{
-    width: 100%;
-}
-
-@media (max-width: 768px){
-    .parallax .parallax-image{
-         width: 100%;
-         height: 640px;
-         overflow: hidden;
-     }
-    .parallax .parallax-image img{
-       height: 100%;
-       width: auto;
-   }
-}
-
-.separator{
-    content: "Separator";
-    color: #FFFFFF;
-    display: block;
-    width: 100%;
-    padding: 20px;
-}
-.separator-line{
-    background-color: #EEE;
-    height: 1px;
-    width: 100%;
-    display: block;
-}
-.separator.separator-gray{
-    background-color: #EEEEEE;
-}
-.social-buttons-demo .btn{
-    margin-right: 5px;
-    margin-bottom: 7px;
-}
-
-.img-container{
-    width: 100%;
-    overflow: hidden;
-}
-.img-container img{
-    width: 100%;
-}
-
-.lightbox img{
-    width: 100%;
-}
-.lightbox .modal-content{
-    overflow: hidden;
-}
-.lightbox .modal-body{
-    padding: 0;
-}
-@media screen and (min-width: 991px){
-    .lightbox .modal-dialog{
-        width: 960px;
-    }
-}
-
-@media (max-width: 768px){
-    .btn, .btn-morphing{
-        margin-bottom: 10px;
-    }
-    .parallax .motto{
-        top: 170px;
-        margin-top: 0;
-        font-size: 60px;
-        width: 270px;
-    }
-}
-
-/*       Loading dots  */
-
-/*      transitions */
-.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{
-     -webkit-transition: all .2s;
-    -moz-transition: all .2s;
-    -o-transition: all .2s;
-    transition: all .2s;
-}
-
-
-#images h4{
-    margin-bottom: 30px;
-}
-#javascriptComponents{
-    padding-bottom: 0;
-}
-#javascriptComponents .btn-raised{
-    margin: 10px 5px;
-}
-
-
-/*      layer animation          */
-
-.layers-container{
-    display: block;
-    margin-top: 50px;
-    position: relative;
-}
-.layers-container img {
-  position: absolute;
-  width: 100%;
-  height: auto;
-  top: 0;
-  left: 0;
-  text-align: center;
-}
-
-.section-black {
-  background-color: #333;
-}
-
-.animate {
-  transition: 1.5s ease-in-out;
-  -moz-transition: 1.5s ease-in-out;
-  -webkit-transition: 1.5s ease-in-out;
-}
-
-.navbar-default.navbar-small .logo-container .brand{
-    color: #333333;
-}
-.navbar-transparent.navbar-small .logo-container .brand{
-    color: #FFFFFF;
-}
-.navbar-default.navbar-small .logo-container .brand{
-    color: #333333;
-}
-
-.sharing-area{
-    margin-top: 80px;
-}
-.sharing-area .btn{
-    margin: 15px 4px 0;
-    color: #FFFFFF;
-}
-.sharing-area .btn i{
-    font-size: 18px;
-    position: relative;
-    top: 2px;
-    margin-right: 5px;
-}
-.sharing-area .btn-twitter{
-    background-color: #55acee;
-}
-.sharing-area .btn-facebook{
-    background-color: #3b5998;
-}
-.sharing-area .btn-google-plus{
-    background-color: #dd4b39;
-}
-.sharing-area .btn-github{
-    background-color: #333333;
-}
-.section-thin,
-.section-notifications{
-    padding: 0;
-}
-.section-navbars{
-    padding-top: 0;
-}
-#navbar .navbar{
-    border-radius: 0;
-}
-.section-tabs{
-    background: #EEEEEE;
-}
-.section-pagination{
-    padding-bottom: 0;
-}
-.section-download h4{
-    margin-bottom: 50px;
-}
-.section-examples a{
-    text-decoration: none;
-}
-.section-examples h5{
-    margin-top: 30px;
-}
-.components-page .wrapper > .header,
-.tutorial-page .wrapper > .header{
-    height: 400px;
-    padding-top: 100px;
-    background-size: cover;
-    background-position: center center;
-}
-
-.main {
-  background: #FFFFFF;
-  position: relative;
-  z-index: 3;
-}
-
-.main-raised {
-    margin: -60px 30px 0px;
-    border-radius: 6px;
-    box-shadow: 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);
-}
-
-.header-filter {
-  position: relative;
-}
-.header-filter:before, .header-filter:after {
-  position: absolute;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  display: block;
-  left: 0;
-  top: 0;
-  content: "";
-}
-.header-filter::before {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.header-filter .container {
-  z-index: 2;
-  position: relative;
-  padding-top: 20vh;
-}
-
-.page-header .title{
-    font-weight: 700;
-    font-family: "Roboto Slab", "Times New Roman", serif;
-    line-height: 1.15em;
-    color: #fff;
-}
-
-.section {
-  padding: 50px 0;
-  background-position: center center;
-  background-size: cover;
-}
-
-
-
-.navbar {
-  border: 0;
-  border-radius: 3px;
-  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-  padding: 10px 0;
-
-  -webkit-transition: all 150ms ease 0s;
- -moz-transition: all 150ms ease 0s;
- -o-transition: all 150ms ease 0s;
- -ms-transition: all 150ms ease 0s;
- transition: all 150ms ease 0s;
-}
-.navbar .navbar-brand {
-  position: relative;
-  height: 50px;
-  line-height: 30px;
-  color: inherit;
-  padding: 10px 15px;
-}
-.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
-  color: inherit;
-  background-color: transparent;
-}
-
-.navbar.navbar-transparent {
-  background-color: transparent;
-  box-shadow: none;
-  color: #fff;
-  padding-top: 25px;
-}
-
-.navbar-fixed-top {
-  border-radius: 0;
-}
-
-.navbar .navbar-nav > li > a .material-icons,
-.navbar .navbar-nav > li > a .fa {
-  font-size: 20px;
-  max-width: 20px;
-}
-.navbar .navbar-nav > li > a:hover,
-.navbar .navbar-nav > li > a:focus {
-    color: inherit;
-    background-color: transparent;
-}
-
-.navbar .navbar-nav > li > a:not(.btn) .material-icons {
-  margin-top: -3px;
-  top: 0px;
-  position: relative;
-  margin-right: 3px;
-}
-
-.navbar, .navbar.navbar-default {
-  background-color: #9c27b0;
-  color: #FFFFFF;
-}
-
-@media (max-width: 991px) {
-    .fixed-section.affix {
-        position: relative;
-        margin-bottom: 100px;
-    }
-
-}
-
-
-@media (max-width: 1199px) {
-
-  .navbar .navbar-brand {
-    height: 50px;
-    padding: 10px 15px;
-  }
-}
-
-footer {
-  padding: 15px 0;
-  text-align: center;
-
-}
-.footer a{
-    font-weight: bold;
-}
-
-footer.footer-documentation{
-    margin-top: 0;
-    bottom: 0;
-    text-shadow: none;
-    color: inherit;
-}
-
-footer.footer-documentation li a{
-    color: inherit;
-}
-
-footer.footer-documentation li a:hover,
-footer.footer-documentation li a:focus{
-    color: #89229b;
-}
-
-footer ul {
-  margin-bottom: 0;
-  padding: 0;
-  list-style: none;
-}
-footer ul li {
-  display: inline-block;
-}
-footer ul li a {
-  color: inherit;
-  padding: 15px;
-  font-weight: 500;
-  font-size: 12px;
-  text-transform: uppercase;
-  border-radius: 3px;
-  text-decoration: none;
-  position: relative;
-  display: block;
-}
-footer ul li a:hover {
-  text-decoration: none;
-}
-footer ul li .btn {
-  margin: 0;
-}
-footer ul.links-horizontal:first-child a {
-  padding-left: 0;
-}
-footer ul.links-horizontal:last-child a {
-  padding-right: 0;
-}
-footer ul.links-vertical li {
-  display: block;
-}
-footer ul.links-vertical li a {
-  padding: 5px 0;
-}
-footer .social-buttons a,
-footer .social-buttons .btn {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-footer .footer-brand {
-  float: left;
-  height: 50px;
-  padding: 15px 15px;
-  font-size: 18px;
-  line-height: 20px;
-  margin-left: -15px;
-}
-footer .footer-brand:hover, footer .footer-brand:focus {
-  color: #3C4858;
-}
-footer .copyright {
-  padding: 15px 0;
-  text-align: center;
-}
-footer .copyright .material-icons {
-  font-size: 18px;
-  position: relative;
-  top: 3px;
-}
-footer .pull-center {
-  display: inline-block;
-  float: none;
-}
-
-@media (max-width: 768px) {
-  .footer .copyright {
-    display: inline-block;
-    text-align: center;
-    padding: 10px 0;
-    float: none !important;
-    width: 100%;
-  }
-
-  .navbar.navbar-transparent {
-    background-color: rgba(0, 0, 0, 0.4);
-    padding-top: 10px;
-    border-radius: 0;
-  }
-
-  .main-raised {
-    margin-left: 10px;
-    margin-right: 10px;
-  }
-}

Documentation/tutorial-components.html

@@ -1,194 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="assets/img/apple-icon.png"
-    />
-    <link rel="icon" type="image/png" href="assets/img/favicon.png" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <title>Tutorial Components - NextJS Material Kit by Creative Tim</title>
-    <meta
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
-      name="viewport"
-    />
-    <!--     Fonts and icons     -->
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"
-    />
-    <link
-      rel="stylesheet"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"
-    />
-    <!-- CSS Files -->
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
-    <link href="assets/css/material-dashboard.css" rel="stylesheet" />
-    <link href="assets/css/demo-documentation.css" rel="stylesheet" />
-    <style media="screen">
-      .page-header {
-        height: 100vh;
-      }
-
-      .page-header .description {
-        color: #ffffff;
-      }
-
-      .header-filter .container {
-        padding-top: 33vh;
-      }
-    </style>
-  </head>
-
-  <body class="components-page">
-    <nav
-      class="navbar navbar-transparent navbar-fixed-top navbar-color-on-scroll"
-    >
-      <div class="container">
-        <!-- Brand and toggle get grouped for better mobile display -->
-        <div class="navbar-header">
-          <button id="menu-toggle" type="button" class="navbar-toggle">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar bar1"></span>
-            <span class="icon-bar bar2"></span>
-            <span class="icon-bar bar3"></span>
-          </button>
-          <a href="https://www.creative-tim.com?ref=njsmk-static-docs" target="_blank">
-            <div class="logo-container">
-              <div class="logo">
-                <img src="assets/img/new_logo.png" alt="Creative Tim Logo" />
-              </div>
-              <div class="brand">Creative Tim</div>
-            </div>
-          </a>
-        </div>
-        <!-- Collect the nav links, forms, and other content for toggling -->
-        <div class="collapse navbar-collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li>
-              <a
-                href="https://demos.creative-tim.com/nextjs-material-kit/components?ref=njsmk-static-docs"
-                target="_blank"
-                >NextJS Material Kit</a
-              >
-            </li>
-            <li>
-              <a
-                href="https://github.com/creativetimofficial/nextjs-material-kit/issues"
-                target="_blank"
-                >Have an issue?</a
-              >
-            </li>
-          </ul>
-        </div>
-        <!-- /.navbar-collapse -->
-      </div>
-      <!-- /.container-fluid -->
-    </nav>
-    <div
-      class="page-header header-filter"
-      style="background-image: url('assets/img/cover.jpeg');"
-    >
-      <div class="container">
-        <div class="row">
-          <div class="col-md-8 col-md-offset-2 text-center">
-            <h1 class="title ">NextJS Material Kit</h1>
-            <h4 class="title">Tutorial and Components</h4>
-            <h5 class="description">v1.1.0</h5>
-            <a
-              href="https://demos.creative-tim.com/nextjs-material-kit/documentation/tutorial?ref=njsmk-static-docs"
-              class="btn btn-rose btn-fill btn-round"
-              target="_blank"
-              >View documentation</a
-            >
-          </div>
-        </div>
-      </div>
-    </div>
-    <footer class="footer footer-transparent">
-      <div class="container">
-        <nav class="pull-left">
-          <ul>
-            <li>
-              <a href="https://www.creative-tim.com?ref=njsmk-static-docs" target="_blank">
-                Creative Tim
-              </a>
-            </li>
-            <li>
-              <a
-                href="https://www.creative-tim.com/presentation?ref=njsmk-static-docs"
-                target="_blank"
-              >
-                About Us
-              </a>
-            </li>
-            <li>
-              <a href="http://blog.creative-tim.com?ref=njsmk-static-docs" target="_blank"> Blog </a>
-            </li>
-            <li>
-              <a href="https://www.creative-tim.com/license?ref=njsmk-static-docs" target="_blank">
-                Licenses
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <div class="social-area pull-right">
-          <a
-            class="btn btn-just-icon btn-twitter btn-simple"
-            href="https://twitter.com/CreativeTim"
-            target="_blank"
-          >
-            <i class="fa fa-twitter"></i>
-          </a>
-          <a
-            class="btn btn-just-icon btn-facebook btn-simple"
-            href="https://www.facebook.com/CreativeTim"
-            target="_blank"
-          >
-            <i class="fa fa-facebook-square"></i>
-          </a>
-          <a
-            class="btn btn-just-icon btn-google btn-simple"
-            href="https://plus.google.com/+CreativetimPage"
-            target="_blank"
-          >
-            <i class="fa fa-google-plus"></i>
-          </a>
-          <a
-            class="btn btn-just-icon btn-instagram btn-simple"
-            href="https://www.instagram.com/creativetimofficial"
-            target="_blank"
-          >
-            <i class="fa fa-instagram"></i>
-          </a>
-        </div>
-        <div class="copyright">
-          &copy;
-          <script>
-            document.write(new Date().getFullYear());
-          </script>
-          Creative Tim, made with love
-        </div>
-      </div>
-    </footer>
-  </body>
-  <!--   Core JS Files   -->
-  <script src="assets/js/jquery-3.2.1.min.js" type="text/javascript"></script>
-  <script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
-  <script>
-    var header_height;
-    var fixed_section;
-    var floating = false;
-
-    $().ready(function() {
-      suggestions_distance = $("#suggestions").offset();
-      pay_height = $(".fixed-section").outerHeight();
-
-      $(window).on("scroll", md.checkScrollForTransparentNavbar);
-      demo.initDocumentationCharts();
-    });
-  </script>
-</html>

components/Header/HeaderLinks.js

@@ -53,12 +53,6 @@ export default function HeaderLinks(props) {
             <Link href="https://booking.thamrin.co.id/">
               <a className={classes.dropdownLink}>Service</a>
             </Link>,
-            <Link href="/testdrive">
-              <a className={classes.dropdownLink}>Test Drive</a>
-            </Link>,
-            <Link href="/simulasicicilan">
-              <a className={classes.dropdownLink}>Simulasi Cicilan</a>
-            </Link>,
           ]}
         />
       </ListItem>

config/apollo-config.js

@@ -1,6 +1,6 @@
 // Apollo Value Configuration
 const ApolloConfig = {
-  graphql_uri: process.env.GRAPHQL_URI,
+  graphql_uri: process.env.API_GRAPHQL_URI,
 };
 
 export default ApolloConfig;

next.config.js

@@ -3,10 +3,11 @@ const withImages = require("next-images");
 const withSass = require("@zeit/next-sass");
 const webpack = require("webpack");
 const path = require("path");
+const withCSS = require('@zeit/next-css');
 
 // require("dotenv").config();
 
-module.exports = withPlugins([[withSass], [withImages]], {
+module.exports = withPlugins([[withSass], [withImages], [withCSS]], {
 	// env: {
 	// 	API_URL: process.env.API_URL,
 	// },

package.json

@@ -35,6 +35,7 @@
   "dependencies": {
     "@material-ui/core": "4.9.13",
     "@material-ui/icons": "4.9.1",
+    "@zeit/next-css": "^1.0.1",
     "@zeit/next-sass": "1.0.1",
     "apollo": "^2.32.1",
     "apollo-upload-client": "^14.1.3",

pages-sections/SectionCarousel.js

@@ -1,76 +0,0 @@
-import React from "react";
-// react component for creating beautiful carousel
-import Carousel from "react-slick";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import LocationOn from "@material-ui/icons/LocationOn";
-// core components
-import GridContainer from "components/Grid/GridContainer.js";
-import GridItem from "components/Grid/GridItem.js";
-import Card from "components/Card/Card.js";
-
-import image1 from "assets/img/bg.jpg";
-import image2 from "assets/img/bg2.jpg";
-import image3 from "assets/img/bg3.jpg";
-
-import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/carouselStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function SectionCarousel() {
-  const classes = useStyles();
-  const settings = {
-    dots: true,
-    infinite: true,
-    speed: 500,
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    autoplay: false
-  };
-  return (
-    <div className={classes.section}>
-      <div className={classes.container}>
-        <GridContainer>
-          <GridItem xs={12} sm={12} md={8} className={classes.marginAuto}>
-            <Card carousel>
-              <Carousel {...settings}>
-                <div>
-                  <img src={image1} alt="First slide" className="slick-image" />
-                  <div className="slick-caption">
-                    <h4>
-                      <LocationOn className="slick-icons" />
-                      Yellowstone National Park, United States
-                    </h4>
-                  </div>
-                </div>
-                <div>
-                  <img
-                    src={image2}
-                    alt="Second slide"
-                    className="slick-image"
-                  />
-                  <div className="slick-caption">
-                    <h4>
-                      <LocationOn className="slick-icons" />
-                      Somewhere Beyond, United States
-                    </h4>
-                  </div>
-                </div>
-                <div>
-                  <img src={image3} alt="Third slide" className="slick-image" />
-                  <div className="slick-caption">
-                    <h4>
-                      <LocationOn className="slick-icons" />
-                      Yellowstone National Park, United States
-                    </h4>
-                  </div>
-                </div>
-              </Carousel>
-            </Card>
-          </GridItem>
-        </GridContainer>
-      </div>
-    </div>
-  );
-}

pages-sections/SectionService.js

@@ -1,35 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import Dashboard from "@material-ui/icons/Dashboard";
-import LocalGroceryStoreIcon from "@material-ui/icons/LocalGroceryStore";
-
-import GridContainer from "components/Grid/GridContainer.js";
-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 CardFooter from "components/Card/CardFooter.js";
-import Button from "components/CustomButtons/Button.js";
-
-import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
-
-const useStyles = makeStyles(styles);
-
-export default function ProfilePage(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  const imageClasses = classNames(
-    classes.imgRaised,
-    classes.imgRoundedCircle,
-    classes.imgFluid
-  );
-  const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
-  return (
-      <h1>Servie Page</h1>
-  );
-}

pages-sections/SectionSimulasiCicilan.js

@@ -1,35 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import Dashboard from "@material-ui/icons/Dashboard";
-import LocalGroceryStoreIcon from "@material-ui/icons/LocalGroceryStore";
-
-import GridContainer from "components/Grid/GridContainer.js";
-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 CardFooter from "components/Card/CardFooter.js";
-import Button from "components/CustomButtons/Button.js";
-
-import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
-
-const useStyles = makeStyles(styles);
-
-export default function ProfilePage(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  const imageClasses = classNames(
-    classes.imgRaised,
-    classes.imgRoundedCircle,
-    classes.imgFluid
-  );
-  const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
-  return (
-      <h1>Simulasi Cicilan Page</h1>
-  );
-}

pages-sections/SectionTestDrive.js

@@ -1,35 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import Dashboard from "@material-ui/icons/Dashboard";
-import LocalGroceryStoreIcon from "@material-ui/icons/LocalGroceryStore";
-
-import GridContainer from "components/Grid/GridContainer.js";
-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 CardFooter from "components/Card/CardFooter.js";
-import Button from "components/CustomButtons/Button.js";
-
-import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
-
-const useStyles = makeStyles(styles);
-
-export default function ProfilePage(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  const imageClasses = classNames(
-    classes.imgRaised,
-    classes.imgRoundedCircle,
-    classes.imgFluid
-  );
-  const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
-  return (
-      <h1>Test Drive Page</h1>
-  );
-}

pages/service.js

@@ -1,56 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// react components for routing our app without refresh
-import Link from "next/link";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-// core components
-import Header from "components/Header/Header.js";
-import HeaderLinks from "components/Header/HeaderLinks.js";
-import Footer from "components/Footer/Footer.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import GridItem from "components/Grid/GridItem.js";
-//import SectionService from "pages-sections/Components-Sections/SectionService.js";
-import Parallax from "components/Parallax/Parallax.js";
-import styles from "assets/jss/nextjs-material-kit/pages/components.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Components(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  return (
-    <div>
-      <Header
-        rightLinks={<HeaderLinks />}
-        fixed
-        color="info"
-        changeColorOnScroll={{
-          height: 400,
-          color: "white",
-        }}
-        {...rest}
-      />
-      <Parallax image={require("assets/img/service.jpg")} width="200px">
-        <div className={classes.container}>
-          <GridContainer>
-            <GridItem>
-              {/* <div className={classes.brand}>
-                <h1 className={classes.title}>NextJS Material Kit.</h1>
-                <h3 className={classes.subtitle}>
-                  A Badass Material Kit based on Material-UI and NextJS.
-                </h3>
-              </div> */}
-            </GridItem>
-          </GridContainer>
-        </div>
-      </Parallax>
-      <div className={classNames(classes.main, classes.mainRaised)}>
-        {/*<SectionService />  */}
-      </div>
-      <Footer />
-    </div>
-  );
-}

pages/simulasicicilan.js

@@ -1,56 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// react components for routing our app without refresh
-import Link from "next/link";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-// core components
-import Header from "components/Header/Header.js";
-import HeaderLinks from "components/Header/HeaderLinks.js";
-import Footer from "components/Footer/Footer.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import GridItem from "components/Grid/GridItem.js";
-// import SectionSimulasiCicilan from "pages-sections/Components-Sections/SectionSimulasiCicilan.js";
-import Parallax from "components/Parallax/Parallax.js";
-import styles from "assets/jss/nextjs-material-kit/pages/components.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Components(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  return (
-    <div>
-      <Header
-        rightLinks={<HeaderLinks />}
-        fixed
-        color="info"
-        changeColorOnScroll={{
-          height: 400,
-          color: "white",
-        }}
-        {...rest}
-      />
-      <Parallax image={require("assets/img/simulasicicilan.jpg")} width="200px">
-        <div className={classes.container}>
-          <GridContainer>
-            <GridItem>
-              {/* <div className={classes.brand}>
-                <h1 className={classes.title}>NextJS Material Kit.</h1>
-                <h3 className={classes.subtitle}>
-                  A Badass Material Kit based on Material-UI and NextJS.
-                </h3>
-              </div> */}
-            </GridItem>
-          </GridContainer>
-        </div>
-      </Parallax>
-      <div className={classNames(classes.main, classes.mainRaised)}>
-        {/*<SectionSimulasiCicilan />  */}
-      </div>
-      <Footer />
-    </div>
-  );
-}

pages/testdrive.js

@@ -1,56 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// react components for routing our app without refresh
-import Link from "next/link";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-// core components
-import Header from "components/Header/Header.js";
-import HeaderLinks from "components/Header/HeaderLinks.js";
-import Footer from "components/Footer/Footer.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import GridItem from "components/Grid/GridItem.js";
-// import SectionTestDrive from "pages-sections/Components-Sections/SectionTestDrive.js";
-import Parallax from "components/Parallax/Parallax.js";
-import styles from "assets/jss/nextjs-material-kit/pages/components.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Components(props) {
-  const classes = useStyles();
-  const { ...rest } = props;
-  return (
-    <div>
-      <Header
-        rightLinks={<HeaderLinks />}
-        fixed
-        color="info"
-        changeColorOnScroll={{
-          height: 400,
-          color: "white",
-        }}
-        {...rest}
-      />
-      <Parallax image={require("assets/img/testdrive.jpg")} width="200px">
-        <div className={classes.container}>
-          <GridContainer>
-            <GridItem>
-              {/* <div className={classes.brand}>
-                <h1 className={classes.title}>NextJS Material Kit.</h1>
-                <h3 className={classes.subtitle}>
-                  A Badass Material Kit based on Material-UI and NextJS.
-                </h3>
-              </div> */}
-            </GridItem>
-          </GridContainer>
-        </div>
-      </Parallax>
-      <div className={classNames(classes.main, classes.mainRaised)}>
-        {/*<SectionTestDrive />  */}
-      </div>
-      <Footer />
-    </div>
-  );
-}

yarn.lock

@@ -1629,7 +1629,7 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-"@zeit/next-css@1.0.1":
+"@zeit/next-css@1.0.1", "@zeit/next-css@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@zeit/next-css/-/next-css-1.0.1.tgz#4f784e841e7ca1b21b3468a902e2c1fa95a3e75c"
   integrity sha512-yfHPRy/ne/5SddVClsoy+fpU7e0Cs1gkWA67/wm2uIu+9rznF45yQLxHEt5dPGF3h6IiIh7ZtIgA8VV8YKq87A==