<input
  type="number"
  min="0"
  className="form-control mb-3"
  placeholder="Enter how many bedrooms"
  value={ad.bedrooms}
  onChange={(e) => setAd({ ...ad, bedrooms: e.target.value })}
  required
/>

<input
  type="number"
  min="0"
  className="form-control mb-3"
  placeholder="Enter how many bathrooms"
  value={ad.toilets}
  onChange={(e) => setAd({ ...ad, bathrooms: e.target.value })}
  required
/>

<input
  type="number"
  min="0"
  className="form-control mb-3"
  placeholder="Enter how many car parks"
  value={ad.carpark}
  onChange={(e) => setAd({ ...ad, carpark: e.target.value })}
/>

<input
  type="text"
  className="form-control mb-3"
  placeholder="Size of land"
  value={ad.landsize}
  onChange={(e) => setAd({ ...ad, landsize: e.target.value })}
/>

<input
  type="text"
  className="form-control mb-3"
  placeholder="Enter title"
  value={ad.title}
  onChange={(e) => setAd({ ...ad, title: e.target.value })}
  required
/>

<textarea
  className="form-control mb-3"
  value={ad.description}
  placeholder="Write description"
  onChange={(e) => setAd({ ...ad, description: e.target.value })}
/>

<button className="btn btn-primary">Submit</button>