Files

113 lines
3.7 KiB
JavaScript

// components/newappeal/NewAppealPageShell.js
import React from "react";
import Head from "next/head";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import Breadcrumbs from "../breadcrumbs";
import CookieBanner from "../cookieBanner";
import Footer from "../footer";
import Header from "../header";
import TimeOut from "../timeout";
import ServiceBanner from "../myportal/servicebanner";
export default function NewAppealPageShell({
appealtypes,
formTitle,
footerLinks,
children,
propsForFooter,
propsForServiceBanner,
}) {
const router = useRouter();
const { t } = useTranslation();
return (
<div>
<Head>
<title>
{t("newappeal:page-title")} - {t("common:service-name")}
</title>
{/* Keep your existing meta structure */}
<link
rel="canonical"
href={t("common:gov-wales-link") + router.asPath}
/>
<meta
key="og:locale"
property="og:locale"
content={router.locale}
/>
<meta
key="og:site_name"
property="og:site_name"
content={t("common:service-name")}
/>
<meta
key="twitter:site"
property="twitter:site"
content="@UKGovWales"
/>
<meta
name="description"
content={t("common:service-description")}
/>
<meta
property="og:site_name"
content={t("common:gov-wales-label")}
/>
<meta property="og:title" content={t("newappeal:page-title")} />
<meta
property="og:description"
content={t("common:service-description")}
/>
<meta property="og:type" content="website" />
<meta property="og:url" content={t("common:gov-wales-link")} />
<meta
property="og:image"
content="https://gov.wales/themes/custom/govwales/images/content/og-global-1200.png"
/>
<meta name="twitter:card" content="summary" />
<meta
name="twitter:title"
content={t("common:gov-wales-label")}
/>
<meta
name="twitter:url"
content={t("common:gov-wales-link") + router.asPath}
/>
<meta
name="twitter:image"
content="https://gov.wales/themes/custom/govwales/images/content/og-global-120.png"
/>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header />
<div className="govuk-width-container">
<Breadcrumbs slug={appealtypes} formTitle={formTitle} />
<ServiceBanner props={propsForServiceBanner} />
<main
className="govuk-main-wrapper--auto-spacing"
id="main-content"
role="main"
>
{children}
</main>
</div>
<Footer
footerLinks={footerLinks}
ticketnumber={propsForFooter}
/>
</div>
<TimeOut />
</div>
);
}