add company

components/Footer/Footer.js

@@ -82,7 +82,7 @@ export default function Footer(props) {
           </List>
         </div>
         <div className={classes.right}>
-          &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Brother Company
+          &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
         </div>
       </div>
     </footer>

components/Header/HeaderLinks.js

@@ -10,7 +10,7 @@ import Icon from "@material-ui/core/Icon";
 import Chart from "@material-ui/icons/LocalGroceryStore";
 
 // @material-ui/icons
-import { Apps, CloudDownload } from "@material-ui/icons";
+import { Apps, ShareTwoTone } from "@material-ui/icons";
 
 // core components
 import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";
@@ -29,11 +29,11 @@ export default function HeaderLinks(props) {
       </ListItem>
       <ListItem className={classes.listItem}>
         <Button
-          href="/components"
+          href="/home"
           color="transparent"
           className={classes.navLink}
         >
-          <Icon className={classes.icons}>unarchive</Icon> Home
+          <Icon className={classes.icons}>home</Icon> Home
         </Button>
       </ListItem>
       <ListItem className={classes.listItem}>
@@ -68,12 +68,12 @@ export default function HeaderLinks(props) {
           color="transparent"
           className={classes.navLink}
         >
-          <Icon className={classes.icons}>unarchive</Icon> Latest News
+          <Icon className={classes.icons}>event</Icon> Latest News
         </Button>
       </ListItem>
       <ListItem className={classes.listItem}>
         <Button href="/carrer" color="transparent" className={classes.navLink}>
-          <CloudDownload className={classes.icons} /> Carrer
+          <Icon className={classes.icons}>wallet_travel</Icon> Carrer
         </Button>
       </ListItem>
       <ListItem className={classes.listItem}>
@@ -85,7 +85,7 @@ export default function HeaderLinks(props) {
             className: classes.navLink,
             color: "transparent",
           }}
-          buttonIcon={Apps}
+          buttonIcon={ShareTwoTone}
           dropdownList={[
             <Link href="https://www.yamaha-motor.co.id/">
               <a className={classes.dropdownLink}>Yamaha</a>
@@ -121,8 +121,8 @@ export default function HeaderLinks(props) {
         />
       </ListItem>
       <ListItem className={classes.listItem}>
-        <Button href="/aboutus" color="transparent" className={classes.navLink}>
-          <CloudDownload className={classes.icons} /> About Us
+        <Button href="abous_us/aboutus" color="transparent" className={classes.navLink}>
+          <Icon className={classes.icons}>account_balance</Icon> About Us
         </Button>
       </ListItem>
       <ListItem className={classes.listItem}>
@@ -137,7 +137,7 @@ export default function HeaderLinks(props) {
           color="info"
           round
         >
-          Login
+          <Icon className={classes.icons}>input</Icon> Login
         </Button>
       </ListItem>
     </List>

components/Header/LinkCompany.js

@@ -0,0 +1,97 @@
+/*eslint-disable*/
+import React from "react";
+// nodejs library to set properties for components
+import PropTypes from "prop-types";
+// nodejs library that concatenates classes
+import classNames from "classnames";
+// material-ui core components
+import { List, ListItem } from "@material-ui/core";
+import { makeStyles } from "@material-ui/core/styles";
+import Button from "components/CustomButtons/Button.js";
+
+import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
+
+const useStyles = makeStyles(styles);
+
+export default function Footer(props) {
+const classes = useStyles();
+const { whiteFont } = props;
+const footerClasses = classNames({
+    [classes.footer]: true,
+    [classes.footerWhiteFont]: whiteFont
+});
+const aClasses = classNames({
+    [classes.a]: true,
+    [classes.footerWhiteFont]: whiteFont
+});
+return (
+    <footer className={footerClasses}>
+        <div className={classes.container}>
+            <div>
+                <List justify="center" className={classes.list}>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="tugas_fungsi" className={classes.block}
+                        >
+                            Tugas & Fungsi
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="sejarah" className={classes.block}
+                        >
+                            Sejarah Perusahaan
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="profile" className={classes.block}
+                        >
+                            Profil Perusahaan
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="tata_kelola"
+                            className={classes.block}
+                        
+                        >
+                            Tata Kelola Perusahaan
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="struktur_organisasi"
+                            className={classes.block}
+                        >
+                            Struktur Organisasi
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="saham"
+                            className={classes.block}
+                        
+                        >
+                            Kepemilikan Saham
+                        </a>
+                    </ListItem>
+                    <ListItem className={classes.inlineBlock}>
+                        <a
+                            href="penghargaan"
+                            className={classes.block}
+                        
+                        >
+                            Penghargaan
+                        </a>
+                    </ListItem>
+                </List>
+            </div>
+        </div>
+    </footer>
+);
+}
+
+Footer.propTypes = {
+    whiteFont: PropTypes.bool
+};

components/PageChange/PageChange.js

@@ -39,8 +39,8 @@ export default function PageChange(props) {
         <div className={classes.iconWrapper}>
           <CircularProgress className={classes.progress} />
         </div>
-        <div align="center">
-          <img href="https://automotive.thamrin.co.id/wp-content/uploads/2019/07/logo-thamrin-group.png" />
+        <div align="center" color="white">
+          <h4>Thamrin Group - Generasi ke Generasi</h4>
       </div>
     </div>
   </div>

pages-sections/SectionAboutUs.js

@@ -1,34 +0,0 @@
-import React from "react";
-
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-
-// component
-import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
-import Card from "components/Card/Card.js";
-import CardBody from "components/Card/CardBody.js";
-
-
-const useStyles = makeStyles(styles);
-
-export default function SectionNotifications() {
-  const classes = useStyles();
-  return (
-    <div>
-    <Card align="center" style={{padding:"5px"}}>
-      <img className={classes.imgCardTop} src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
-      <CardBody>
-        <h1 className={classes.cardTitle}><b>About Us</b></h1>
-        <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
-        <h3>Visi</h3>
-        <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
-        <h3>Misi</h3>
-        <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
-        <p>2. Mengembangkan pemimpin yang sukses</p>
-        <p>3. Mengelola proses administrasi yang simple & excellent</p>
-        <p>4. Mendukung continuous improvement</p>
-      </CardBody>
-    </Card>
-  </div>
-  );
-}

pages-sections/about_us/about_us.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataAboutUS = function ({ backend, businessPartners, service, carousel, ...props }) {
+  const classes = useStyles();
+  return (
+    <div>
+      <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+        <div align="center">
+          <CardHeader justify="center" color="info" style={{padding:"10px"}}> 
+            <CompanyLink />
+          </CardHeader>
+        </div>
+        <CardBody>
+          <div align="center">
+            <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+          </div>
+          <h1 className={classes.cardTitle}><b>About Us</b></h1>
+          <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+          <h3>Visi</h3>
+          <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+          <h3>Misi</h3>
+          <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+          <p>2. Mengembangkan pemimpin yang sukses</p>
+          <p>3. Mengelola proses administrasi yang simple & excellent</p>
+          <p>4. Mendukung continuous improvement</p>
+        </CardBody>
+      </Card>
+    </div>
+  );
+}
+
+export default DataAboutUS;

pages-sections/about_us/penghargaan.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataPenghargaan = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Penghargaan Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataPenghargaan;

pages-sections/about_us/profile.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataProfile = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Profile Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataProfile;

pages-sections/about_us/saham.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataSaham = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Kepemilikan Saham Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataSaham;

pages-sections/about_us/sejarah.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataSejarah = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Sejarah Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataSejarah;

pages-sections/about_us/struktur_organisasi.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataStrukturOrganisasi = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Struktur Organisasi Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataStrukturOrganisasi;

pages-sections/about_us/tata_kelola.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataTataKelola = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Tata Kelola Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataTataKelola;

pages-sections/about_us/tugas_fungsi.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// component
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import Card from "components/Card/Card.js";
+import CardBody from "components/Card/CardBody.js";
+import CardHeader from "components/Card/CardHeader.js";
+import CompanyLink from "components/Header/LinkCompany.js";
+
+const useStyles = makeStyles(styles);
+
+const DataTugasFungsi = function ({ backend, businessPartners, service, carousel, ...props }) {
+    const classes = useStyles();
+    return (
+        <div>
+        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
+            <div align="center">
+            <CardHeader color="info" justify="center"> 
+                <CompanyLink />
+            </CardHeader>
+            </div>
+            <CardBody>
+            <div align="center">
+                <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
+            </div>
+            <h1 className={classes.cardTitle}><b>Tugas & Fungsi Thamrin Group</b></h1>
+            <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
+            <h3>Visi</h3>
+            <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
+            <h3>Misi</h3>
+            <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
+            <p>2. Mengembangkan pemimpin yang sukses</p>
+            <p>3. Mengelola proses administrasi yang simple & excellent</p>
+            <p>4. Mendukung continuous improvement</p>
+            </CardBody>
+        </Card>
+        </div>
+    );
+}
+
+export default DataTugasFungsi;

pages-sections/home/business_partner.js

@@ -25,7 +25,7 @@ const DataBusinessPartner = function ({ backend, businessPartners, ...props })
       );
     })
     return (
-      <div className={classes.section} id="notifications">
+      <div className={classes.section} id="notifications" style={{marginTop:"-50px"}}>
         <div align="center">
             <h2>Our Business Partner</h2>
         </div>

pages-sections/home/core_value.js

@@ -0,0 +1,58 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// Component
+import GridContainer from "components/Grid/GridContainer.js";
+import GridItem from "components/Grid/GridItem.js";
+import Card from "components/Card/Card.js";
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+
+// react component for creating beautiful carousel
+import Carousel from "react-slick";
+
+import image1 from "assets/img/core1.png";
+import image2 from "assets/img/core2.png";
+
+const useStyles = makeStyles(styles);
+const CoreValue = function ({ backend, carousel, ...props })  {
+    const classes = useStyles();
+    const settings = {
+        dots: true,
+        infinite: true,
+        speed: 500,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        autoplay: true,
+        time: 5
+    };
+
+    return (
+        <div className={classes.section} id="notifications">
+            <div className={classes.section}>
+            <div className={classes.container}>
+                <GridContainer>
+                <GridItem className={classes.marginAuto}>
+                <div align="center">
+                    <h2>Core Value Company</h2>
+                </div>
+                <Card carousel>
+                    <Carousel {...settings}>
+                        <div>
+                            <img src={image1} alt="First slide" className="slick-image" />
+                        </div>
+                        <div>
+                            <img src={image2} alt="First slide" className="slick-image" />
+                        </div>
+                    </Carousel>
+                </Card>
+                </GridItem>
+                </GridContainer>
+            </div>
+            </div>
+        </div>
+    );
+}
+
+export default CoreValue;

pages/_app.js

@@ -78,7 +78,7 @@ export default class MyApp extends App {
     return (
       <React.Fragment>
         <Head>
-          <title>Thamrin Brothers</title>
+          <title>Thamrin Group</title>
         </Head>
         <Component {...pageProps} />
       </React.Fragment>

pages/aboutus.js → pages/abous_us/aboutus.js

@@ -12,13 +12,13 @@ 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 SectionAboutUs from "pages-sections/SectionAboutUs.js";
+import AboutUs from "pages-sections/about_us/about_us.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 AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) {
   const classes = useStyles();
   const { ...rest } = props;
   return (
@@ -48,9 +48,11 @@ export default function Components(props) {
         </div>
       </Parallax>
       <div className={classNames(classes.main, classes.mainRaised)}>
-        <SectionAboutUs />  
+        <AboutUs />  
       </div>
       <Footer />
     </div>
   );
 }
+
+export default AboutUS;

pages/abous_us/penghargaan.js

@@ -0,0 +1,58 @@
+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 Penghargaan from "pages-sections/about_us/penghargaan.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const penghargaan = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <Penghargaan />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default penghargaan;

pages/abous_us/profile.js

@@ -0,0 +1,58 @@
+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 Profile from "pages-sections/about_us/profile.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const profile = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <Profile />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default profile;

pages/abous_us/saham.js

@@ -0,0 +1,58 @@
+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 Saham from "pages-sections/about_us/saham.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const saham = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <Saham />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default saham;

pages/abous_us/sejarah.js

@@ -0,0 +1,58 @@
+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 Sejarah from "pages-sections/about_us/sejarah.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const sejarah = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <Sejarah />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default sejarah;

pages/abous_us/struktur_organisasi.js

@@ -0,0 +1,58 @@
+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 StrukturOrganisasi from "pages-sections/about_us/struktur_organisasi.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const Strukturorganisasi = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <StrukturOrganisasi />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default Strukturorganisasi;

pages/abous_us/tata_kelola.js

@@ -0,0 +1,58 @@
+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 TataKelola from "pages-sections/about_us/tata_kelola.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const Tatakelola = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <TataKelola />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default Tatakelola;

pages/abous_us/tugas_fungsi.js

@@ -0,0 +1,58 @@
+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 TugasFungsi from "pages-sections/about_us/tugas_fungsi.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+
+const useStyles = makeStyles(styles);
+
+const AboutUS = function ({ backend, businessPartners, service, carousel, ...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/aboutus.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)}>
+            <TugasFungsi />  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default AboutUS;

pages/carrer.js

@@ -33,7 +33,7 @@ export default function Components(props) {
         }}
         {...rest}
       />
-      <Parallax image={require("assets/img/carrer.jpg")} width="200px">
+      <Parallax image={require("assets/img/carrer.jpg")} width="100px">
         <div className={classes.container}>
           <GridContainer>
             <GridItem>

pages/home.js

@@ -24,6 +24,7 @@ import DataSnackbarContent from "../pages-sections/snackbar.js";
 import DataCarousel from "../pages-sections/home/carousel.js";
 import DataService from "../pages-sections/home/service.js";
 import DataBusinessPartner from "../pages-sections/home/business_partner.js";
+import CoreValue from "../pages-sections/home/core_value.js"
 
 const useStyles = makeStyles(styles);
 const Home = function ({ backend, businessPartners, service, carousel, ...props }) {
@@ -43,7 +44,7 @@ const Home = function ({ backend, businessPartners, service, carousel, ...props
         }}
         {...rest}
       />
-      <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px">
+      <Parallax image={require("assets/img/welcome.png")} styles={{marginTop: "50px"}}>
         <div className={classes.container}>
           <GridContainer>
             {/* <GridItem>
@@ -67,6 +68,7 @@ const Home = function ({ backend, businessPartners, service, carousel, ...props
       </Parallax>
       <div className={classNames(classes.main, classes.mainRaised)}>
         <DataSnackbarContent />
+        <CoreValue />
         <DataCarousel carousel={carousel} backend={backend}/>
         <DataService service={service} backend={backend}/>
         <DataBusinessPartner businessPartners={businessPartners} backend={backend}/>