import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";
import Header from "components/Header/Header.js";
import HeaderSuzuki from "components/Header/HeaderSuzuki.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
import FooterSuzuki from "components/Footer/FooterSuzuki.js";
import Getservices from "../../api/home/service.js";
import Getcarousels from "../../api/home/carousel.js";
import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
import DataCarousel from "../../pages-sections/suzuki/home/carousel.js";
import DataService from "../../pages-sections/suzuki/home/service.js";
import DataSosmed from "../../pages-sections/suzuki/home/sosmed.js";
import Cookies from "cookies";
const useStyles = makeStyles(styles);
const Home = function ({
backend,
businessPartners,
service,
carousels,
user,
...props
}) {
const classes = useStyles();
const { ...rest } = props;