@PageName = "Service Areas"
@PageType = "General"
@Layout = "General"
@Route = "/near-me"
@ExcludeFromSitemap = "0"
@Breadcrumbs{
	[
		{
			"uri":"/",
			"label":"Home"
		},
		{
			"uri":"/near-me",
			"label":"Service Areas"
		}
	]
}
@Head{
<title>Our Service Areas | {{ company-name }}</title>
<meta name="description" itemprop="description" property="og:description" content="Do you live in one of our service areas? Are you searching for professional services? Then give us a call today at {{ company-name }} so we can get started!">
}
@Body{
<h1>Service Areas for {{ company-name }}</h1>
<p>
	Below is a list of service areas where we provide our services. If you don't see your area listed below, please give us a call. Our professionals are here to provide you with superb service.
</p>
<div class="grid grid-xl-2 grid-xxl-3 grid-gap-2 mb-3">
	{{ get-cities sort="alphabetical asc" limit="0" tagNameWrapper="a" attributes='{"class":"btn btn-sm btn-primary"}' delimiter=" " }}
</div>
<div class="ratio ratio-21x9">
	<iframe class="" src="//www.google.com/maps/embed/v1/place?key={{ map-key }}&amp;q=[{{ companyCity }}]+{{ companyState }}"></iframe>
</div>
}