Drone Market ReactJS Deployment Plans

18_Service_Detail

Component Structure

App
│───Header
└───Content
│   └───Breadcrumb
│   │   └───ServiceDetailHeader
│   └───ServiceDetail
│   │   └───ServiceDetailInfo
│   │   └───AvailablePackages
│   │        └───AvailablePackages
└───Footer

Recommended Libraries

PropTypes

-- DroneDetailBanner.jsx --
DroneDetailBanner.propTypes = {
  photo: PropTypes.string.isRequired,
  title: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
};

-- AvailablePackagesItem.jsx --
AvailablePackagesItem.propTypes = {
  title: PropTypes.string.isRequired,
  icon: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
  features: PropTypes.array.isRequired,
  pax: PropTypes.number.isRequired,
  regularprice: PropTypes.number.isRequired,
  samplelink: PropTypes.string.isRequired,
};