25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

81 lines
2.5 KiB

  1. import React from "react";
  2. import classNames from "classnames";
  3. import { makeStyles } from "@material-ui/core/styles";
  4. import Header from "components/Header/Header.js";
  5. import HeaderSuzuki from "components/Header/HeaderSuzuki.js";
  6. import Parallax from "components/Parallax/Parallax.js";
  7. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  8. import FooterSuzuki from "components/Footer/FooterSuzuki.js";
  9. import Getservices from "../../api/home/service.js";
  10. import Getcarousels from "../../api/home/carousel.js";
  11. import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
  12. import DataCarousel from "../../pages-sections/suzuki/home/carousel.js";
  13. import DataService from "../../pages-sections/suzuki/home/service.js";
  14. import DataBusinessPartner from "../../pages-sections/suzuki/home/business_partner.js";
  15. import DataSosmed from "../../pages-sections/suzuki/home/sosmed.js";
  16. import CoreValue from "../../pages-sections/suzuki/home/core_value.js";
  17. import DataFeature from "../../pages-sections/suzuki/home/feature.js";
  18. const useStyles = makeStyles(styles);
  19. const Home = function ({
  20. backend,
  21. service,
  22. carousels,
  23. ...props
  24. }) {
  25. const classes = useStyles();
  26. const { ...rest } = props;
  27. <DataService service={props.service} />;
  28. return (
  29. <div>
  30. <Header
  31. rightLinks={<HeaderSuzuki/>}
  32. fixed
  33. color="info"
  34. changeColorOnScroll={{
  35. height: 400,
  36. color: "white",
  37. }}
  38. {...rest}
  39. />
  40. <Parallax image={require("assets/img/dekstop_pandemi.jpg")}styles={{ marginTop: "50px" }}/>
  41. <div className={classNames(classes.main, classes.mainRaised)}>
  42. <DataSnackbarContent />
  43. <CoreValue />
  44. <DataCarousel carousels={carousels} backend={backend} />
  45. <DataService service={service} backend={backend} />
  46. {/* <DataFeature /> */}
  47. <DataSosmed service={service} backend={backend} />
  48. </div>
  49. <FooterSuzuki />
  50. </div>
  51. );
  52. };
  53. export async function getServerSideProps(context) {
  54. var businessPartners = [];
  55. var service = [];
  56. var carousels = [];
  57. const backend = process.env.BACKEND_SERVER_URI;
  58. var res = await Getservices.GetservicesSuzuki();
  59. if (res["STATUS"] === 1) {
  60. service = res["DATA"]["services"];
  61. }
  62. var res = await Getcarousels.GetCarouselsSuzuki();
  63. if (res["STATUS"] === 1) {
  64. carousels = res["DATA"]["carousels"];
  65. }
  66. return {
  67. props: { service, carousels, backend }, // will be passed to the page component as props
  68. };
  69. }
  70. export default Home;