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 DataFeature from "pages-sections/suzuki/home/feature.js"
import stylecss from "pages/home.css"
import Cookies from "cookies";
const useStyles = makeStyles(styles);
const Home = function ({
backend,
businessPartners,
service,
carousels,
user,
...props
}) {
const classes = useStyles();
const { ...rest } = props;