Files
pedwfrontend/components/dns/homepage/dnsLinks.js
T

79 lines
3.4 KiB
JavaScript

import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const DNSLinks = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-grid-column-two-thirds govuk-panel--dns-links govuk-!-padding-top-5">
<div className="govuk-grid-column-one-half">
<ul className="govuk-list">
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/applications">
<a className="govuk-link govuk-link--no-underline">
Applications
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
A list of all the Developments of National
Significance that have already been submitted
and those we are expecting to be submitted.
</p>
</h3>
</li>
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/help">
<a className="govuk-link govuk-link--no-underline">
Help
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
Information about this website.
</p>
</h3>
</li>
</ul>
</div>
<div className="govuk-grid-column-one-half">
<ul className="govuk-list">
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/application-process">
<a className="govuk-link govuk-link--no-underline ">
Guidance
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
An overview and detailed guidance on the
Developments of National Significance
application process
</p>
</h3>
</li>
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<a
className="govuk-link govuk-link--no-underline"
href="#"
>
Contact us{" "}
</a>
<p className="govuk-body-s govuk-!-padding-top-2">
How to get in touch with The Planning
Inspectorate.
</p>
</h3>
</li>
</ul>
</div>
</div>
);
};
export default DNSLinks;