You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

163 lines
5.8 KiB

  1. /*eslint-disable*/
  2. import React from "react";
  3. import Link from "next/link";
  4. // @material-ui/core components
  5. import { makeStyles } from "@material-ui/core/styles";
  6. import List from "@material-ui/core/List";
  7. import ListItem from "@material-ui/core/ListItem";
  8. import Icon from "@material-ui/core/Icon";
  9. import Chart from "@material-ui/icons/LocalGroceryStore";
  10. // @material-ui/icons
  11. import { Apps, ShareTwoTone } from "@material-ui/icons";
  12. // core components
  13. import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";
  14. import Button from "components/CustomButtons/Button.js";
  15. import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js";
  16. const useStyles = makeStyles(styles);
  17. export default function HeaderLinks(props) {
  18. const classes = useStyles();
  19. return (
  20. <List className={classes.list}>
  21. <ListItem className={classes.listItem}>
  22. <img
  23. src="https://1.bp.blogspot.com/-J9AsxdwrF-Y/Wn70KyBApaI/AAAAAAAACRo/LTy3zrALzhckryd9QPi_KuVyWvwFMZyMQCLcBGAs/s640/TG.png"
  24. width="180px"
  25. />
  26. </ListItem>
  27. <ListItem className={classes.listItem}>
  28. <Link href="/home">
  29. <Button color="transparent" className={classes.navLink}>
  30. <Icon className={classes.icons}>home</Icon> Home
  31. </Button>
  32. </Link>
  33. </ListItem>
  34. <ListItem className={classes.listItem}>
  35. <CustomDropdown
  36. noLiPadding
  37. navDropdown
  38. buttonText="Product"
  39. buttonProps={{
  40. className: classes.navLink,
  41. color: "transparent",
  42. }}
  43. buttonIcon={Apps}
  44. dropdownList={[
  45. <Link href="/product/product">
  46. <a className={classes.dropdownLink}>Motor</a>
  47. </Link>,
  48. <Link href="/product/ygp">
  49. <a className={classes.dropdownLink}>YGP</a>
  50. </Link>,
  51. <Link href="/product/yamalube">
  52. <a className={classes.dropdownLink}>Yamalube</a>
  53. </Link>,
  54. <Link href="/product/helmet">
  55. <a className={classes.dropdownLink}>Helmet</a>
  56. </Link>,
  57. <Link href="/product/apparel">
  58. <a className={classes.dropdownLink}>Apparel</a>
  59. </Link>,
  60. <Link href="/product/accessories">
  61. <a className={classes.dropdownLink}>Accessories</a>
  62. </Link>,
  63. <Link href="https://booking.thamrin.co.id/">
  64. <a className={classes.dropdownLink}>Service</a>
  65. </Link>,
  66. ]}
  67. />
  68. </ListItem>
  69. <ListItem className={classes.listItem}>
  70. <Link href="/dealers">
  71. <Button color="transparent" className={classes.navLink}>
  72. <Icon className={classes.icons}>event</Icon> Dealers
  73. </Button>
  74. </Link>
  75. </ListItem>
  76. <ListItem className={classes.listItem}>
  77. <Link href="/latestnews">
  78. <Button color="transparent" className={classes.navLink}>
  79. <Icon className={classes.icons}>event</Icon> Latest News
  80. </Button>
  81. </Link>
  82. </ListItem>
  83. <ListItem className={classes.listItem}>
  84. <Button href="/carrer" color="transparent" className={classes.navLink}>
  85. <Icon className={classes.icons}>wallet_travel</Icon> Carrer
  86. </Button>
  87. </ListItem>
  88. <ListItem className={classes.listItem}>
  89. <CustomDropdown
  90. noLiPadding
  91. navDropdown
  92. buttonText="Partner"
  93. buttonProps={{
  94. className: classes.navLink,
  95. color: "transparent",
  96. }}
  97. buttonIcon={ShareTwoTone}
  98. dropdownList={[
  99. <Link href="https://www.yamaha-motor.co.id/">
  100. <a className={classes.dropdownLink}>Yamaha</a>
  101. </Link>,
  102. <Link href="https://www.suzuki.co.id/">
  103. <a className={classes.dropdownLink}>Suzuki</a>
  104. </Link>,
  105. <Link href="https://www.honda-indonesia.com/">
  106. <a className={classes.dropdownLink}>Honda</a>
  107. </Link>,
  108. <Link href="https://www.hino.co.id/">
  109. <a className={classes.dropdownLink}>Hino</a>
  110. </Link>,
  111. <Link href="https://www.mercedes-benz.co.id/passengercars.html">
  112. <a className={classes.dropdownLink}>Mercedes-Benz</a>
  113. </Link>,
  114. <Link href="http://bprberkatsejati.com/">
  115. <a className={classes.dropdownLink}>BPR Berkat Sejati</a>
  116. </Link>,
  117. <Link href="https://www.hino.co.id/">
  118. <a className={classes.dropdownLink}>Palembang Indah Mall</a>
  119. </Link>,
  120. <Link href="http://www.emilia-hotel.com/">
  121. <a className={classes.dropdownLink}>Hotel Emilia</a>
  122. </Link>,
  123. <Link href="http://homes.thamrin.xyz/">
  124. <a className={classes.dropdownLink}>Thamrin Home</a>
  125. </Link>,
  126. <Link href="https://www.hino.co.id/">
  127. <a className={classes.dropdownLink}>Ketty Resto</a>
  128. </Link>,
  129. ]}
  130. />
  131. </ListItem>
  132. <ListItem className={classes.listItem}>
  133. <Button
  134. href="abous_us/aboutus"
  135. color="transparent"
  136. className={classes.navLink}
  137. >
  138. <Icon className={classes.icons}>account_balance</Icon> About Us
  139. </Button>
  140. </ListItem>
  141. <ListItem className={classes.listItem}>
  142. <Button href="/chart" color="transparent" className={classes.navLink}>
  143. <Chart className={classes.icons} />
  144. </Button>
  145. </ListItem>
  146. {/* <ListItem className={classes.listItem}>
  147. <Button
  148. href="/login"
  149. className={classes.registerNavLink}
  150. color="info"
  151. round
  152. >
  153. <Icon className={classes.icons}>input</Icon> Login
  154. </Button>
  155. </ListItem> */}
  156. </List>
  157. );
  158. }