56 lines
2.4 KiB
JavaScript
56 lines
2.4 KiB
JavaScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
import { useContext } from "react";
|
|
import useTranslation from "next-translate/useTranslation";
|
|
|
|
const ApplicationIntro = (props) => {
|
|
let { t } = useTranslation();
|
|
|
|
const router = useRouter();
|
|
const { locale } = router;
|
|
|
|
return (
|
|
<div className="govuk-grid-row">
|
|
<div className="govuk-grid-column-one-half">
|
|
<h1 className="govuk-heading-l">Applications</h1>
|
|
<p className="govuk-body">The applications listed are those:</p>
|
|
<ul className="govuk-list govuk-list--bullet">
|
|
<li>
|
|
Where the developer has advised the Planning
|
|
Inspectorate in writing that they intend to submit an
|
|
application to us in the future
|
|
</li>
|
|
<li>
|
|
Where an application has already been made to the
|
|
Planning Inspectorate and is undergoing the examination
|
|
process
|
|
</li>
|
|
<li>Where a proposal has been decided.</li>
|
|
</ul>
|
|
<p>
|
|
Use the table below to find applications by stage or type.
|
|
Alternatively, use the map by clicking on the markers to go
|
|
to the applications page. A list of key events and deadlines
|
|
for all applications is available on our calendar page.
|
|
</p>
|
|
</div>
|
|
<div className="govuk-grid-column-one-half">
|
|
<div className="map-responsive halfWidth">
|
|
<iframe
|
|
width="600"
|
|
height="500"
|
|
id="gmap_canvas"
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d906124.6839968044!2d-4.849068013831224!3d52.39943863518503!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486434b66c1c0fed%3A0x1ebb71bc8aa5e8a2!2sWales!5e0!3m2!1sen!2suk!4v1628587620670!5m2!1sen!2suk"
|
|
frameBorder="0"
|
|
scrolling="no"
|
|
marginHeight="0"
|
|
marginWidth="0"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ApplicationIntro;
|