diff --git a/components/dns/applications/applicationsIntro.js b/components/dns/applications/applicationsIntro.js
new file mode 100644
index 00000000..e38f235d
--- /dev/null
+++ b/components/dns/applications/applicationsIntro.js
@@ -0,0 +1,44 @@
+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 (
+
+
+
Applications
+
The applications listed are those:
+
+
+ Where the developer has advised the Planning
+ Inspectorate in writing that they intend to submit an
+ application to us in the future
+
+
+ Where an application has already been made to the
+ Planning Inspectorate and is undergoing the examination
+ process
+
+
Where a proposal has been decided.
+
+
+ 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.
+
+
+
+
+
+
+ );
+};
+
+export default ApplicationIntro;
diff --git a/components/dns/applications/applicationsList.js b/components/dns/applications/applicationsList.js
new file mode 100644
index 00000000..e830e983
--- /dev/null
+++ b/components/dns/applications/applicationsList.js
@@ -0,0 +1,352 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+
+const ApplicationList = (props) => {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+ <>
+
+ );
+};
+
+export default LatestApplications;
diff --git a/components/dns/homepage/titleContent.js b/components/dns/homepage/titleContent.js
new file mode 100644
index 00000000..5950efad
--- /dev/null
+++ b/components/dns/homepage/titleContent.js
@@ -0,0 +1,43 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+const TitleContent = (props) => {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+
+ Developments of National Significance
+
+
+
+ A Development of National Significance (DNS) is a type of
+ planning application for a large infrastructure project of
+ national importance in Wales. Here you can find out about
+ proposed DNS applications. This site is managed by the
+ Planning Inspectorate.
+
+
+
+
+
+
+
+ );
+};
+
+export default TitleContent;
diff --git a/components/dns/main.js b/components/dns/main.js
new file mode 100644
index 00000000..cc66c90c
--- /dev/null
+++ b/components/dns/main.js
@@ -0,0 +1,40 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import TitleContent from "./homepage/titleContent";
+import LatestApplications from "./homepage/latestApplications";
+import DNSLinks from "./homepage/dnsLinks";
+import ApplicationsForComment from "./homepage/applicationsForComment";
+
+export default function Main({ children, pages }) {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+
+ {hasContactLink.includes(router.pathname) == true ? (
+
+
+ Contact
+
+
+ ) : (
+ ""
+ )}
{noSignoutLink.includes(router.pathname) == true ? (
""
) : (
diff --git a/pages/dns/application-process.js b/pages/dns/application-process.js
new file mode 100644
index 00000000..5dc77da4
--- /dev/null
+++ b/pages/dns/application-process.js
@@ -0,0 +1,153 @@
+import _ from "lodash";
+import Link from "next/link";
+import Head from "next/head";
+import Header from "../../components/header";
+import Banner from "../../components/banner";
+import CookieBanner from "../../components/cookieBanner";
+import Breadcrumbs from "../../components/breadcrumbs";
+import Footer from "../../components/footer";
+import Errorpage from "../../components/errorpage";
+import styles from "../../styles/Home.module.css";
+import { useSelector, shallowEqual, connect } from "react-redux";
+import { wrapper } from "../../store/store";
+import Cookies from "cookies";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import Main from "../../components/dns//main";
+
+const Home = (props) => {
+ const { footerLinks, pages } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ const { appealtypes } = router.query;
+
+ return (
+
+
+ Developments of National Significance
+
+
+
+
+
+
+
+
+
+
+
+
Guidance
+
+ Applications for Developments of National
+ Significance (DNS) projects are dealt with by
+ the Planning Inspectorate on behalf of Welsh
+ Government.
+
+
+
+ A DNS is a type of planning application for a
+ large infrastructure project of national
+ importance – for example, a wind farm, power
+ station or reservoir.
+
+
+
+ A DNS differs from a normal planning application
+ in the way that it is decided. Instead of your
+ Local Planning Authority making the decision, an
+ Inspector examines the application and makes a
+ recommendation to the Welsh Minister based on
+ planning merits and national priorities. The
+ Minister then decides whether or not to grant
+ permission.
+
+
+
+
About the process
+
+ The DNS process is designed to encourage the
+ applicants on such a scheme to undertake early
+ engagement with:
+
+
+
the relevant Local Planning Authority,
+
local communities,
+
statutory consultees and
+
other stakeholders.
+
+
+ Anyone considering a DNS project should contact
+ the Planning Inspectorate as soon as possible
+ after a site has been chosen. This will ensure
+ that as much work can be done to reduce
+ objections to a scheme as possible before
+ submission. This in turn allows the formal
+ application process to be streamlined.
+
+ Applicants who wish to submit a request for
+ Pre-Application Advice, submit formal
+ notification of intention to submit a DNS
+ application or submit an application should
+ contact the Planning Inspectorate:
+
+ Interested parties who wish to make a
+ Representation on a DNS project that has been
+ formally accepted by the Planning Inspectorate
+ can use the Representation form and submit it
+ via e-mail using the relevant reference number.
+
+
+
+ We strongly encourage you to discuss your
+ application with us in advance of submitting any
+ of our forms, so that we can ensure that the
+ resources necessary are in place and
+ arrangements for the invoicing of fees are in
+ place. If you do not provide advance notice,
+ this may delay the handling of your request or
+ the provision of our advice.
+
+
+
+
+
+
+
+ );
+};
+
+export default Home; //connect(mapStateToProps)(Home);
diff --git a/pages/dns/applications.js b/pages/dns/applications.js
new file mode 100644
index 00000000..6102959a
--- /dev/null
+++ b/pages/dns/applications.js
@@ -0,0 +1,77 @@
+import _ from "lodash";
+import Head from "next/head";
+import Header from "../../components/header";
+import Banner from "../../components/banner";
+import CookieBanner from "../../components/cookieBanner";
+import Breadcrumbs from "../../components/breadcrumbs";
+import SearchResults from "../../components/searchresults";
+import Footer from "../../components/footer";
+import Errorpage from "../../components/errorpage";
+import styles from "../../styles/Home.module.css";
+import { useSelector, shallowEqual, connect } from "react-redux";
+import { wrapper } from "../../store/store";
+import Cookies from "cookies";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import ApplicationIntro from "../../components/dns/applications/applicationsIntro";
+import ApplicationList from "../../components/dns/applications/applicationsList";
+
+const Applications = (props) => {
+ const { footerLinks, pages } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ const { appealtypes } = router.query;
+
+ return (
+
+
+
+ {" "}
+ Applications - Developments of National Significance
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export const getServerSideProps = wrapper.getServerSideProps(
+ (store) =>
+ async ({ query, req, res }) => {
+ console.log("query-", query);
+ // const searchResultsObj = (await getBasicSearch(query.q)) || null;
+ // store.dispatch(setSearchResults(searchResultsObj));
+ //store.dispatch(setSearch(query.q));
+ }
+);
+
+const mapStateToProps = (state) => {
+ return {
+ currentView: state.currentView,
+ search: state.search,
+ searchResultsObj: state.searchResultsObj,
+ formData: state.formData,
+ appealType: state.appealType,
+ form: state.form,
+ myCases: state.myCases,
+ watchedCases: state.watchedCases,
+ myRepresentations: state.myRepresentations,
+ awaitingSubmission: state.awaitingSubmission,
+ };
+};
+
+export default connect(mapStateToProps)(Applications);
diff --git a/pages/dns/contact-us.js b/pages/dns/contact-us.js
new file mode 100644
index 00000000..574f4779
--- /dev/null
+++ b/pages/dns/contact-us.js
@@ -0,0 +1,130 @@
+import _ from "lodash";
+import Link from "next/link";
+import Head from "next/head";
+import Header from "../../components/header";
+import Banner from "../../components/banner";
+import CookieBanner from "../../components/cookieBanner";
+import Breadcrumbs from "../../components/breadcrumbs";
+import Footer from "../../components/footer";
+import Errorpage from "../../components/errorpage";
+import styles from "../../styles/Home.module.css";
+import { useSelector, shallowEqual, connect } from "react-redux";
+import { wrapper } from "../../store/store";
+import Cookies from "cookies";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import Main from "../../components/dns/main";
+
+const Home = (props) => {
+ const { footerLinks, pages } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ const { appealtypes } = router.query;
+
+ return (
+
+
+
+ Contact us - Developments of National Significance
+
+
+
+
+
+
+
+
+
+
+
+
+
Contact us
+
+ We are located in The Welsh Government
+ Building, Cathays Park in Cardiff
+
+
+ {" "}
+ The Planning Inspectorate
+
+ Crown Buildings
+ Welsh Government
+ Cathays Park
+ Cardiff
+ CF10 3NQ
+
+
+
+
+
+ {" "}
+ If you are contacting us regarding a Development
+ of National Significance, please use the
+ following details:
+
+
+ Tel: 03034 445 940
+
+ E-mail: dns.wales@planninginspectorate.gov.uk
+
+ Follow us on Twitter @PINSgov
+
+
+ Further information about contacting the
+ Planning Inspectorate customer services can be
+ viewed on GOV.Wales.
+
+
+ The Planning Inspectorate gives advice about
+ applying for a Development of National
+ Significance or making representations about an
+ application (or a proposed application) although
+ you should note that any advice given does not
+ constitute legal advice upon which you can rely
+ and you should obtain your own legal advice and
+ professional advice as required. We will protect
+ the privacy of any personal information which
+ you choose to share with us and we will not hold
+ the information any longer than is necessary.
+ See our Privacy notice on GOV.UK.
+
+
+ You should note that we have a policy commitment
+ to openness and transparency and you should not
+ provide us with confidential or commercial
+ information which you do not wish to be put in
+ the public domain.
+
+
Feedback and complaints
+
+ The Planning Inspectorate aims to provide the
+ best possible service for its customers. We try
+ hard to ensure that everyone is satisfied with
+ the service they receive. It is inevitable that
+ there will sometimes be concerns about the
+ Examination process or the appointed inspector’s
+ final report. We will carefully consider and
+ respond to any matters that you wish to raise:
+ contact details are on GOV.Wales.
+
+
Press and media
+
+ If you are a journalist please contact our press
+ office directly:{" "}
+