diff --git a/api/carrer/carrer.js b/api/carrer/carrer.js
index 5f990ed..5a5ef86 100644
--- a/api/carrer/carrer.js
+++ b/api/carrer/carrer.js
@@ -4,7 +4,7 @@ async function GetCarrerS1(token="") {
var res = await apollo.query(
`
query {
- carrers(where: {category: "S1"})
+ carrers(where: {category: "S1" business_partner: "1"})
{
id
name
@@ -22,7 +22,7 @@ async function GetCarrerD3(token="") {
var res = await apollo.query(
`
query {
- carrers(where: {category: "D3"})
+ carrers(where: {category: "D3" business_partner: "1"})
{
id
name
@@ -40,7 +40,7 @@ async function GetCarrerSMA(token="") {
var res = await apollo.query(
`
query {
- carrers(where: {category: "SMA"})
+ carrers(where: {category: "SMA" business_partner: "1"})
{
id
name
diff --git a/api/home/carousel.js b/api/home/carousel.js
index 31330e8..c4cbdcb 100644
--- a/api/home/carousel.js
+++ b/api/home/carousel.js
@@ -4,7 +4,7 @@ async function GetCarousels(token="") {
var res = await apollo.query(
`
query{
- carousels
+ carousels(where: { business_partner: "1" })
{
img{
url
diff --git a/api/suzuki/carrer/carrer.js b/api/suzuki/carrer/carrer.js
new file mode 100644
index 0000000..08b60d9
--- /dev/null
+++ b/api/suzuki/carrer/carrer.js
@@ -0,0 +1,88 @@
+import apollo from "../../../lib/apollo.js";
+
+async function GetCarrerS1(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "S1" business_partner:"2"})
+ {
+ id
+ name
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetCarrerD3(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "D3" business_partner:"2"})
+ {
+ id
+ name
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetCarrerSMA(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "SMA" business_partner:"2"})
+ {
+ id
+ name
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetDetailCarrer(id, token="") {
+ var res = await apollo.query(
+ `
+ query($input: ID!){
+ carrers(where:{id:$input})
+ {
+ name
+ description
+ category
+ img{
+ url
+ }
+ start_regis
+ until_regis
+ name_description
+ }
+ }
+ `,
+ token,
+ {
+ "input": id
+ }
+ );
+ return res;
+}
+
+module.exports = {
+ GetCarrerS1:GetCarrerS1,
+ GetCarrerD3:GetCarrerD3,
+ GetCarrerSMA:GetCarrerSMA,
+ GetDetailCarrer:GetDetailCarrer,
+};
\ No newline at end of file
diff --git a/api/suzuki/dealer/dealer.js b/api/suzuki/dealer/dealer.js
new file mode 100644
index 0000000..1531a56
--- /dev/null
+++ b/api/suzuki/dealer/dealer.js
@@ -0,0 +1,26 @@
+import apollo from "../../lib/apollo.js";
+
+async function GetDealers(filter, token="") {
+ var res = await apollo.query(
+ `
+ query { ${(filter!="")?`name: "${filter}"`:""}
+ dealers
+ {
+ id
+ name
+ kota_dealer
+ address
+ telp
+ email
+ location
+ }
+ }
+ `,
+ token
+ );
+ return res;
+}
+
+module.exports = {
+ GetDealers: GetDealers,
+};
\ No newline at end of file
diff --git a/api/suzuki/home/businessPartner.js b/api/suzuki/home/businessPartner.js
new file mode 100644
index 0000000..4120cdd
--- /dev/null
+++ b/api/suzuki/home/businessPartner.js
@@ -0,0 +1,23 @@
+import apollo from "../../../lib/apollo.js";
+
+async function GetbusinessPartners(token = "") {
+ var res = await apollo.query(
+ `
+ query{
+ businessPartners
+ {
+ name
+ img{
+ url
+ }
+ }
+ }
+ `,
+ token
+ );
+ return res;
+}
+
+module.exports = {
+ GetbusinessPartners: GetbusinessPartners,
+};
\ No newline at end of file
diff --git a/api/suzuki/home/carousel.js b/api/suzuki/home/carousel.js
new file mode 100644
index 0000000..d7a5cdc
--- /dev/null
+++ b/api/suzuki/home/carousel.js
@@ -0,0 +1,22 @@
+import apollo from "../../../lib/apollo.js";
+
+async function GetCarousels(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carousels(where: { business_partner: "2" }) {
+ id
+ img {
+ url
+ }
+ }
+ }
+ `,
+ token
+ );
+ return res;
+}
+
+module.exports = {
+ GetCarousels: GetCarousels,
+};
\ No newline at end of file
diff --git a/api/suzuki/home/service.js b/api/suzuki/home/service.js
new file mode 100644
index 0000000..36ed518
--- /dev/null
+++ b/api/suzuki/home/service.js
@@ -0,0 +1,23 @@
+import apollo from "../../../lib/apollo.js";
+
+async function Getservices(token="") {
+ var res = await apollo.query(
+ `
+ query{
+ services
+ {
+ name
+ img{
+ url
+ }
+ }
+ }
+ `,
+ token
+ );
+ return res;
+}
+
+module.exports = {
+ Getservices: Getservices,
+};
\ No newline at end of file
diff --git a/api/suzuki/latest_news/news.js b/api/suzuki/latest_news/news.js
new file mode 100644
index 0000000..388d4ad
--- /dev/null
+++ b/api/suzuki/latest_news/news.js
@@ -0,0 +1,79 @@
+import apollo from "../../../lib/apollo.js";
+
+async function GetNews(token="", start = 0) {
+ var res = await apollo.query(
+ `
+ query{
+ latestNews(where: { business_partner: "2" })
+ {
+ id
+ title
+ description
+ img{
+ url
+ }
+ published_at
+ }
+ }
+ `,
+ token,
+ {
+ start: start,
+ }
+ );
+ return res;
+}
+
+async function GetOtherNews(token="", start = 0) {
+ var res = await apollo.query(
+ `
+ query{
+ latestNews(where: { business_partner: "2" })
+ {
+ id
+ title
+ description
+ img{
+ url
+ }
+ published_at
+ }
+ }
+ `,
+ token,
+ {
+ start: start,
+ }
+ );
+ return res;
+}
+
+async function GetDetailNews(id, token="") {
+ var res = await apollo.query(
+ `
+ query($input: ID!) {
+ latestNews(where:{id:$input})
+ {
+ id
+ title
+ description
+ img{
+ url
+ }
+ published_at
+ }
+ }
+ `,
+ token,
+ {
+ "input": id
+ }
+ );
+ return res;
+}
+
+module.exports = {
+ GetNews: GetNews,
+ GetDetailNews: GetDetailNews,
+ GetOtherNews:GetOtherNews,
+};
\ No newline at end of file
diff --git a/api/suzuki/product/product.js b/api/suzuki/product/product.js
new file mode 100644
index 0000000..a1fc07a
--- /dev/null
+++ b/api/suzuki/product/product.js
@@ -0,0 +1,48 @@
+import apollo from "../../../lib/apollo.js";
+
+async function GetDetailProduct(id, token = "") {
+ var res = await apollo.query(
+ `
+ query($input: ID!){
+ products(where:{id:$input})
+ {
+ name
+ price
+ description
+ img{
+ url
+ }
+ overview
+ specification
+ film
+ stock
+ }
+ } `,
+ token, {
+ "input": id
+ }
+ );
+ return res;
+}
+
+async function GetProductSuzuki(token = "") {
+ var res = await apollo.query(
+ `
+ query {
+ products(where: { business_partner: "2" }) {
+ id
+ name
+ price
+ img {
+ url
+ }
+ }
+ }`,
+ token
+ );
+ return res;
+}
+module.exports = {
+ GetProductSuzuki: GetProductSuzuki,
+ GetDetailProduct:GetDetailProduct,
+};
\ No newline at end of file
diff --git a/assets/img/dekstop_pandemi.jpg b/assets/img/dekstop_pandemi.jpg
new file mode 100644
index 0000000..6b58144
Binary files /dev/null and b/assets/img/dekstop_pandemi.jpg differ
diff --git a/assets/img/nscb.png b/assets/img/nscb.png
new file mode 100644
index 0000000..e0b7dbb
Binary files /dev/null and b/assets/img/nscb.png differ
diff --git a/components/Footer/Footer.js b/components/Footer/Footer.js
index 2c1c83f..06e60ad 100644
--- a/components/Footer/Footer.js
+++ b/components/Footer/Footer.js
@@ -35,7 +35,8 @@ export default function Footer(props) {
diff --git a/components/Footer/FooterSuzuki.js b/components/Footer/FooterSuzuki.js
new file mode 100644
index 0000000..c6a0775
--- /dev/null
+++ b/components/Footer/FooterSuzuki.js
@@ -0,0 +1,106 @@
+/*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";
+
+// @material-ui/icons
+import Favorite from "@material-ui/icons/Favorite";
+
+import GridContainer from "components/Grid/GridContainer.js";
+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";
+
+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 (
+
+
+
+
+
+
+
+
+
+
+
+ © {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+
+ Motor
+ ,
+
+ YGP
+ ,
+
+ Yamalube
+ ,
+
+ Helmet
+ ,
+
+ Apparel
+ ,
+
+ Accessories
+ ,
+
+ Service
+ ,
+
+ Dealers
+ ,
+ ]}
+ />
+ */}
+
+
+
+
+
+
+
+
+
+
+ suzuki
+ ,
+
+ Suzuki
+ ,
+
+ Honda
+ ,
+
+ Hino
+ ,
+
+ Mercedes-Benz
+ ,
+
+ BPR Berkat Sejati
+ ,
+
+ Palembang Indah Mall
+ ,
+
+ Hotel Emilia
+ ,
+
+ Thamrin Home
+ ,
+
+ Ketty Resto
+ ,
+ ]}
+ />
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/pages-sections/suzuki/carrer/carrer.js b/pages-sections/suzuki/carrer/carrer.js
new file mode 100644
index 0000000..6138b4a
--- /dev/null
+++ b/pages-sections/suzuki/carrer/carrer.js
@@ -0,0 +1,156 @@
+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 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 Quote from "components/Typography/Quote.js"
+import Grid from '@material-ui/core/Grid';
+import Button from "components/CustomButtons/Button.js";
+import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
+import Icon from "@material-ui/core/Icon";
+
+const useStyles = makeStyles(styles);
+
+const DataCarrers = function ({ backend, s1, d3, sma, ...props }) {
+ const classes = useStyles();
+ const { ...rest } = props;
+ const imageClasses = classNames(
+ classes.imgRaised,
+ classes.imgRoundedCircle,
+ classes.imgFluid
+ );
+ const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+ const CarrerS1 = s1.map((data) => {
+ return (
+
+
+ {data.name}
+
+
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
+
+
+ );
+ })
+ const CarrerD3 = d3.map((data) => {
+ return (
+
+
+ {data.name}
+
+
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
+
+
+ );
+ })
+ const CarrerSMA = sma.map((data) => {
+ return (
+
+
+ {data.name}
+
+
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
+
+
+ );
+ })
+ return (
+
+
+ Product
+
+
+
+
Carrer & Job Vacancies
+
+
+
+
+ {CarrerS1}
+
+ ),
+ },
+ {
+ tabButton: "D3",
+ tabIcon: Dashboard,
+ tabContent: (
+
+ {CarrerD3}
+
+ ),
+ },
+ {
+ tabButton: "SMA / SMK ",
+ tabIcon: Dashboard,
+ tabContent: (
+
+ {CarrerSMA}
+
+ ),
+ },
+ {
+ tabButton: "Recruitment Process",
+ tabIcon: Dashboard,
+ tabContent: (
+
+
+
+
+
+
+
+
+
+
+
+ ![First slide]({`${backend}${data.img[0]["url"]}`})
+
+
+
+
+
+
+
{data.name}
+ {data.published_at}
+
+
+
{ReactHtmlParser(data.description)}
+
+ {carrer}
+
+ );
+}
+
+export default DataCarrer;
\ No newline at end of file
diff --git a/pages-sections/suzuki/home/business_partner.js b/pages-sections/suzuki/home/business_partner.js
new file mode 100644
index 0000000..66c35c6
--- /dev/null
+++ b/pages-sections/suzuki/home/business_partner.js
@@ -0,0 +1,47 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+
+import GridContainer from "components/Grid/GridContainer.js";
+import Grid from '@material-ui/core/Grid';
+import Card from "components/Card/Card.js";
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+import SnackbarContent from "components/Snackbar/SnackbarContent.js";
+
+const useStyles = makeStyles(styles);
+const DataBusinessPartner = function ({ backend, businessPartners, ...props }) {
+ const classes = useStyles();
+ const BusinessPartners = businessPartners.map((data) => {
+ return (
+
+
+
+
![]({`${backend}${data.img[0]["url"]}`}/)
+
+
+
+ Our Business Partner
+ }
+ align="center"
+ color="danger"
+ />
+
+
+
+
+ {BusinessPartners}
+
+
+
+
+
+
+
+
+
+
+
+ {Carousels}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Feature Product
+ }
+ align="center"
+ color="danger"
+ />
+
+
+
+
+ 
+ {/*
+
+
+
+
+ {/*
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Service
+ }
+ align="center"
+ color="danger"
+ />
+
+
+
+
+ {services}
+
+
+
+
+ Follow Us On
+ }
+ align="center"
+ color="danger"
+ />
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
{data.title}
+ {data.published_at}
+
+
+
+
+ );
+ })
+ return (
+
+
+
Latest News
+
+
+
+ {latnews}
+
+
+
+
{data.title}
+
+
+
+
+ );
+ })
+ const latnews = news.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Other Latest News
+ {otherlatnews}
+
+
+
+
+
+
{data.title}
+ {data.published_at}
+
+
+
{ReactHtmlParser(data.description)}
+
{latnews}
;
+};
+
+export default DataLatestNews;
diff --git a/pages-sections/suzuki/product/product.js b/pages-sections/suzuki/product/product.js
new file mode 100644
index 0000000..0cfad43
--- /dev/null
+++ b/pages-sections/suzuki/product/product.js
@@ -0,0 +1,86 @@
+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 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";
+import Icon from "@material-ui/core/Icon";
+import { Motorcycle } from "@material-ui/icons";
+
+const useStyles = makeStyles(styles);
+const DataProduct = function ({ backend, car, ...props }) {
+ const classes = useStyles();
+ const { ...rest } = props;
+ const imageClasses = classNames(
+ classes.imgRaised,
+ classes.imgRoundedCircle,
+ classes.imgFluid
+ );
+ const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+ const ProductSuzuki = car.map((data) => {
+ return (
+
+
+
+
+
+
+
{data.name}
+ Rp.{data.price}
+
+
+
+
+ Product
+
+
+
+
Product & Facilities
+
+
+
+
+ {ProductSuzuki}
+
+ ),
+ },
+ ]}
+ />
+
+
+
+
+ );
+}
+
+export default DataProduct;
\ No newline at end of file
diff --git a/pages-sections/suzuki/product/product_details.js b/pages-sections/suzuki/product/product_details.js
new file mode 100644
index 0000000..1ad8288
--- /dev/null
+++ b/pages-sections/suzuki/product/product_details.js
@@ -0,0 +1,157 @@
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { makeStyles } from "@material-ui/core/styles";
+import ReactHtmlParser from "react-html-parser";
+import Dashboard from "@material-ui/icons/Dashboard";
+import Icon from "@material-ui/core/Icon";
+
+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 CardFooter from "components/Card/CardFooter.js";
+import Button from "components/CustomButtons/Button.js";
+import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
+import Carousel from "react-slick";
+
+const useStyles = makeStyles(styles);
+
+const DataProduct = function ({ backend, detailproduct, ...props }) {
+ const classes = useStyles();
+ const { ...rest } = props;
+ const imageClasses = classNames(
+ classes.imgRaised,
+ classes.imgRoundedCircle,
+ classes.imgFluid
+ );
+ const settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ autoplay: true,
+ time: 5
+ };
+ const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+ const Productdetails = detailproduct.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* */}
+
+
+
+
+
{data.name}
+ Rp.{data.price} - Stock Unit : {data.stock}
+
+
+
{ReactHtmlParser(data.description)}
+
+
+
+
+
+ 
+
+
+ */}
+
+
+
+
+
+
+
+
+ {ReactHtmlParser(data.overview)}
+
+
+
+
+ {ReactHtmlParser(data.specification)}
+
+
+
+ ),
+ },
+ {
+ tabButton: "Film",
+ tabIcon: Dashboard,
+ tabContent: (
+
+
+
+ {ReactHtmlParser(data.film)}
+
+
+
+ ),
+ },
+ ]}
+ />
+
+
+
+ );
+ })
+ return (
+
+
+ Product Detail
+
+
+
+ {Productdetails}
+
+
+
+ © 2020 , All Right Reserved by @Thamrin Brother Company
+
+
+ );
+}
+
+export default DataProduct;
\ No newline at end of file
diff --git a/pages-sections/suzuki/snackbar.js b/pages-sections/suzuki/snackbar.js
new file mode 100644
index 0000000..2bc52f8
--- /dev/null
+++ b/pages-sections/suzuki/snackbar.js
@@ -0,0 +1,31 @@
+import React from "react";
+
+// @material-ui/core components
+import { makeStyles } from "@material-ui/core/styles";
+
+// Component
+import SnackbarContent from "components/Snackbar/SnackbarContent.js";
+import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
+
+const useStyles = makeStyles(styles);
+
+const DataSnackbarContent = function() {
+ const classes = useStyles();
+ return (
+
+
+
+ Thamrin Group bersama Anda melawan COVID-19. Untuk informasi silakan klik di sini.
+
+ }
+ align="center"
+ color="danger"
+ />
+
+
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const AboutUS = function ({ backend, businessPartners, service, carousel, ...pro
-
+
);
}
diff --git a/pages/suzuki/abous_us/penghargaan.js b/pages/suzuki/abous_us/penghargaan.js
index cc4028a..1d2fe46 100644
--- a/pages/suzuki/abous_us/penghargaan.js
+++ b/pages/suzuki/abous_us/penghargaan.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 Penghargaan from "pages-sections/yamaha/about_us/penghargaan.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const penghargaan = function ({ backend, businessPartners, service, carousel, ..
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const penghargaan = function ({ backend, businessPartners, service, carousel, ..
-
+
);
}
diff --git a/pages/suzuki/abous_us/profile.js b/pages/suzuki/abous_us/profile.js
index a47139d..6b521e2 100644
--- a/pages/suzuki/abous_us/profile.js
+++ b/pages/suzuki/abous_us/profile.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 Profile from "pages-sections/yamaha/about_us/profile.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const profile = function ({ backend, businessPartners, service, carousel, ...pro
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const profile = function ({ backend, businessPartners, service, carousel, ...pro
-
+
);
}
diff --git a/pages/suzuki/abous_us/saham.js b/pages/suzuki/abous_us/saham.js
index af455eb..fe328b7 100644
--- a/pages/suzuki/abous_us/saham.js
+++ b/pages/suzuki/abous_us/saham.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 Saham from "pages-sections/yamaha/about_us/saham.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const saham = function ({ backend, businessPartners, service, carousel, ...props
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const saham = function ({ backend, businessPartners, service, carousel, ...props
-
+
);
}
diff --git a/pages/suzuki/abous_us/sejarah.js b/pages/suzuki/abous_us/sejarah.js
index 2b89db6..4c0d38f 100644
--- a/pages/suzuki/abous_us/sejarah.js
+++ b/pages/suzuki/abous_us/sejarah.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 Sejarah from "pages-sections/yamaha/about_us/sejarah.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const sejarah = function ({ backend, businessPartners, service, carousel, ...pro
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const sejarah = function ({ backend, businessPartners, service, carousel, ...pro
-
+
);
}
diff --git a/pages/suzuki/abous_us/struktur_organisasi.js b/pages/suzuki/abous_us/struktur_organisasi.js
index 105415a..d9b499e 100644
--- a/pages/suzuki/abous_us/struktur_organisasi.js
+++ b/pages/suzuki/abous_us/struktur_organisasi.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 StrukturOrganisasi from "pages-sections/yamaha/about_us/struktur_organisasi.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const Strukturorganisasi = function ({ backend, businessPartners, service, carou
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const Strukturorganisasi = function ({ backend, businessPartners, service, carou
-
+
);
}
diff --git a/pages/suzuki/abous_us/tata_kelola.js b/pages/suzuki/abous_us/tata_kelola.js
index 0a793dc..242eba1 100644
--- a/pages/suzuki/abous_us/tata_kelola.js
+++ b/pages/suzuki/abous_us/tata_kelola.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 TataKelola from "pages-sections/yamaha/about_us/tata_kelola.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const Tatakelola = function ({ backend, businessPartners, service, carousel, ...
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const Tatakelola = function ({ backend, businessPartners, service, carousel, ...
-
+
);
}
diff --git a/pages/suzuki/abous_us/tugas_fungsi.js b/pages/suzuki/abous_us/tugas_fungsi.js
index 28e95ef..3282c05 100644
--- a/pages/suzuki/abous_us/tugas_fungsi.js
+++ b/pages/suzuki/abous_us/tugas_fungsi.js
@@ -8,11 +8,11 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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 TugasFungsi from "pages-sections/yamaha/about_us/tugas_fungsi.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
@@ -24,7 +24,7 @@ const AboutUS = function ({ backend, businessPartners, service, carousel, ...pro
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -50,7 +50,7 @@ const AboutUS = function ({ backend, businessPartners, service, carousel, ...pro
-
+
);
}
diff --git a/pages/suzuki/api/product/get.js b/pages/suzuki/api/product/get.js
deleted file mode 100644
index 26306a7..0000000
--- a/pages/suzuki/api/product/get.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import DetailProduct from "../../../api/product/product";
-
-export default async function handler(req, res) {
- console.log("masuk");
- if (req.method == "POST") {
- var id = req.body.id;
- var detailproduct = await DetailProduct.GetDetailProduct(id);
- if (detailproduct["STATUS"] == 0) {
- res.status(200).json(detailproduct);
- } else if (detailproduct["DATA"]["products"] == null) {
- res
- .status(200)
- .json({
- STATUS: 0,
- DATA: "Product Tidak Ditemukan"
- });
- } else {
- res.status(200).json({
- STATUS: 1,
- DATA: detailproduct["DATA"]["products"],
- });
- }
- } else {
- console.log("masukas");
- res.status(200).send("NOT FOUND");
- }
-}
\ No newline at end of file
diff --git a/pages/suzuki/carrer.js b/pages/suzuki/carrer.js
index 8c2f619..3355c79 100644
--- a/pages/suzuki/carrer.js
+++ b/pages/suzuki/carrer.js
@@ -3,13 +3,13 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
-import SectionCarrer from "pages-sections/carrer/carrer.js";
-import Getcarrer from "../api/carrer/carrer.js"
+import SectionCarrer from "pages-sections/suzuki/carrer/carrer.js";
+import Getcarrer from "../../api/suzuki/carrer/carrer.js"
const useStyles = makeStyles(styles);
@@ -19,7 +19,7 @@ const Carrer = function ({ backend, s1, d3, sma, ...props }) {
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -32,7 +32,7 @@ const Carrer = function ({ backend, s1, d3, sma, ...props }) {
-
+
);
}
diff --git a/pages/suzuki/carrer_details.js b/pages/suzuki/carrer_details.js
index 82d8bee..ee97278 100644
--- a/pages/suzuki/carrer_details.js
+++ b/pages/suzuki/carrer_details.js
@@ -3,12 +3,12 @@ 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 CarrerDetail from "pages-sections/carrer/carrer_details.js";
+import HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.js";
+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 GetDetailcarrer from "../../api/carrer/carrer.js"
const useStyles = makeStyles(styles);
@@ -18,7 +18,7 @@ const CarrerDetails = function ({ backend, detailcarrer, ...props }) {
return (
}
+ rightLinks={}
fixed
color="info"
changeColorOnScroll={{
@@ -31,7 +31,7 @@ const CarrerDetails = function ({ backend, detailcarrer, ...props }) {
-
+
);
}
diff --git a/pages/suzuki/cart.js b/pages/suzuki/cart.js
deleted file mode 100644
index 1b9514d..0000000
--- a/pages/suzuki/cart.js
+++ /dev/null
@@ -1,36 +0,0 @@
-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 SectionChart from "pages-sections/cart/SectionChart.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 (
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
- {/* */}
-
-
-
}
+ rightLinks={}
fixed
color="info"
changeColorOnScroll={{
@@ -43,17 +43,16 @@ const Home = function ({
}}
{...rest}
/>
-
+
-
+
-
-
+ {/* */}
-
+
);
};
@@ -61,7 +60,7 @@ const Home = function ({
export async function getServerSideProps(context) {
var businessPartners = [];
var service = [];
- var carousel = [];
+ var carousels = [];
const backend = process.env.BACKEND_SERVER_URI;
var res = await GetbusinessPartners.GetbusinessPartners();
@@ -76,11 +75,11 @@ export async function getServerSideProps(context) {
var res = await Getcarousels.GetCarousels();
if (res["STATUS"] === 1) {
- carousel = res["DATA"]["carousels"];
+ carousels = res["DATA"]["carousels"];
}
return {
- props: { businessPartners, service, carousel, backend }, // will be passed to the page component as props
+ props: { businessPartners, service, carousels, backend }, // will be passed to the page component as props
};
}
diff --git a/pages/suzuki/index.js b/pages/suzuki/index.js
deleted file mode 100644
index 0e48cc9..0000000
--- a/pages/suzuki/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React, { Component } from "react";
-import Router from "next/router";
-
-export default class Index extends Component {
- componentDidMount = () => {
- Router.push("/home");
- };
-
- render() {
- return ;
- }
-}
diff --git a/pages/suzuki/latestnews.js b/pages/suzuki/latestnews.js
index e518a67..9640188 100644
--- a/pages/suzuki/latestnews.js
+++ b/pages/suzuki/latestnews.js
@@ -3,14 +3,14 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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/snackbar.js";
-import DataLatestNews from "../pages-sections/latest_news/news.js";
+import GetLatestNews from "../../api/suzuki/latest_news/news.js"
+import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
+import DataLatestNews from "../../pages-sections/suzuki/latest_news/news.js";
const useStyles = makeStyles(styles);
@@ -21,7 +21,7 @@ const LatestNews = function ({ backend, news, ...props }) {
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -30,12 +30,12 @@ const LatestNews = function ({ backend, news, ...props }) {
}}
{...rest}
/>
-
+
-
+
);
}
diff --git a/pages/suzuki/latestnews_details.js b/pages/suzuki/latestnews_details.js
index ed02be2..0b026dd 100644
--- a/pages/suzuki/latestnews_details.js
+++ b/pages/suzuki/latestnews_details.js
@@ -3,14 +3,14 @@ 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.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/snackbar.js";
-import DetailLatestNews from "../pages-sections/latest_news/news_details.js";
+import GetLatestNews from "../../api/suzuki/latest_news/news.js"
+import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
+import DetailLatestNews from "../../pages-sections/suzuki/latest_news/news_details.js";
const useStyles = makeStyles(styles);
@@ -21,7 +21,7 @@ const detailLatestNews = function ({ backend, news, othernews, ...props }) {
return (
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -30,12 +30,12 @@ const detailLatestNews = function ({ backend, news, othernews, ...props }) {
}}
{...rest}
/>
-
+
-
+
);
}
diff --git a/pages/suzuki/product/accessories.js b/pages/suzuki/product/accessories.js
deleted file mode 100644
index 3443981..0000000
--- a/pages/suzuki/product/accessories.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { makeStyles } from "@material-ui/core/styles";
-import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
-
-import Header from "components/Header/Header.js";
-import HeaderLinks from "components/Header/HeaderLinks.js";
-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 GetDataAccessories from "../../api/product/accessories.js";
-import DataAccessories from "../../pages-sections/product/accessories.js";
-import DataSnackbarContent from "../../pages-sections/snackbar.js";
-import Router from 'next/router'
-
-const useStyles = makeStyles(styles);
-const queryClient = new QueryClient();
-const handleName = values => {
- Router.push({
- pathname: '/product/accessories',
- query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{},
- })
-}
-const Accessories = function ({ selected, accessories, backend, ...props }) {
- const classes = useStyles();
- const { ...rest } = props;
- return (
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
-
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white"
- }}
- {...rest}
- />
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
-
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white"
- }}
- {...rest}
- />
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
-
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white"
- }}
- {...rest}
- />
-
-
-
-
-
-
}
+ rightLinks={
}
fixed
color="info"
changeColorOnScroll={{
@@ -39,21 +32,14 @@ const Product = function ({
}}
{...rest}
/>
-
+
-
+
);
};
@@ -61,68 +47,17 @@ const Product = function ({
export default Product;
export async function getServerSideProps(context) {
- var maxi = [];
- var matic = [];
- var naked = [];
- var sport = [];
- var offroad = [];
- var moped = [];
- var monsterenergy = [];
- var cbu = [];
+ var car = [];
const backend = process.env.BACKEND_SERVER_URI;
- var res = await Getproduct.GetProductMaxi();
+ var res = await Getproduct.GetProductSuzuki();
if (res["STATUS"] === 1) {
- maxi = res["DATA"]["products"];
+ car = res["DATA"]["products"];
}
- var res = await Getproduct.GetProductMatic();
- if (res["STATUS"] === 1) {
- matic = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductNaked();
- if (res["STATUS"] === 1) {
- naked = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductSport();
- if (res["STATUS"] === 1) {
- sport = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductOffRoad();
- if (res["STATUS"] === 1) {
- offroad = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductMoped();
- if (res["STATUS"] === 1) {
- moped = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductMonsterEnergy();
- if (res["STATUS"] === 1) {
- monsterenergy = res["DATA"]["products"];
- }
-
- var res = await Getproduct.GetProductCBU();
- if (res["STATUS"] === 1) {
- cbu = res["DATA"]["products"];
- }
-
- console.log(cbu);
-
return {
props: {
- maxi,
- matic,
- naked,
- sport,
- offroad,
- moped,
- monsterenergy,
- cbu,
+ car,
backend,
}, // will be passed to the page component as props
};
diff --git a/pages/suzuki/product/product_detail.js b/pages/suzuki/product/product_detail.js
index c05dc9d..ea17379 100644
--- a/pages/suzuki/product/product_detail.js
+++ b/pages/suzuki/product/product_detail.js
@@ -3,12 +3,12 @@ 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 ProductDetail from "pages-sections/product/product_details.js";
+import HeaderSuzuki from "components/Header/HeaderSuzuki.js";
+import FooterSuzuki from "components/Footer/FooterSuzuki.js";
+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 GetDetailproduct from "../../../api/product/product.js"
const useStyles = makeStyles(styles);
@@ -18,7 +18,7 @@ const ProductDetails = function ({ backend, detailproduct, ...props }) {
return (
}
+ rightLinks={}
fixed
color="info"
changeColorOnScroll={{
@@ -27,11 +27,11 @@ const ProductDetails = function ({ backend, detailproduct, ...props }) {
}}
{...rest}
/>
-
+
-
+
);
}
diff --git a/pages/suzuki/product/yamalube.js b/pages/suzuki/product/yamalube.js
deleted file mode 100644
index 1732817..0000000
--- a/pages/suzuki/product/yamalube.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { makeStyles } from "@material-ui/core/styles";
-import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
-
-import Header from "components/Header/Header.js";
-import HeaderLinks from "components/Header/HeaderLinks.js";
-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 GetDataYamalube from "../../api/product/accessories.js";
-import DataYamalube from "../../pages-sections/product/yamalube.js";
-import DataSnackbarContent from "../../pages-sections/snackbar.js";
-import Router from 'next/router'
-
-const useStyles = makeStyles(styles);
-const queryClient = new QueryClient();
-const handleName = values => {
- Router.push({
- pathname: '/product/yamalube',
- query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{},
- })
-}
-const Yamalube = function ({ selected, yamalube, backend, ...props }) {
- const classes = useStyles();
- const { ...rest } = props;
- return (
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
-
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white"
- }}
- {...rest}
- />
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white",
- }}
- {...rest}
- />
-
-
-
-
-
-
-
-
-
-
}
- fixed
- color="info"
- changeColorOnScroll={{
- height: 400,
- color: "white"
- }}
- {...rest}
- />
-
-
-
-
-
- 
+ 
+ 