tbg-ecomm-nextjs/components/Motor/Motor.js

import React from "react";

// @material-ui/core components
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/core/ListItemText";
// @material-ui icons
// core components
import Card from "components/Card/Card.js";
import CardHeader from "components/Card/CardHeader.js";
import cardBlog5 from "assets/img/examples/studio-1.jpg";

export default function Motor() {
  return (
    <Card style={{ width: "20rem" }}>
      <CardHeader color="info">All New Nmax</CardHeader>
      <List component="nav">
        <ListItem>
            <img
            style={{ height: "180px", width: "100%", display: "block" }}
            src="https://www.yamaha-motor.co.id/uploads/products/2020020510350637523I93808.png"
            alt="Card-img-cap"
            />
        </ListItem>
      </List>
    </Card>
  );
}