GN-110 Life sciences content (#137)

* Scrim

* GN-101 Move focus to search when clicked

* GN-101 Close MyAccount Dropdown on meganav click

* GN-101 Close MyAccount Dropdown on meganav click

* GN-101 Styling issues across applications

* GN-101 Use bundled design system css

* GN-101 Loose grid

* GN-98 Initial guidance content

* GN-95 Now click scrim to close

* GN-101 Fix list styling variation

* GN-102 Add BNF content

* GN-102 BNFc content

* GN-102 BNF content update

* GN-103 BNFC content

* GN-104 CKS content

* GN-104 Revert nav text to abbreviation

* GN-103 Revert nav text to abbreviation

* GN-101 Code review fixes

Co-authored-by: w@rren <w@rren.dev>

* GN-102 Nitpicking css

* GN-104 Rename var

* GN-102 Pull url from services

* GN-103 Use var for url

* GN-98 Content update

* demo stuff

* GN-104 Url var

* GN-102 Spacing

* GN-103 Spacing

* GN-105 Content for standards and indicators

* GN-106 About us content

* GN-105 Update links

* GN-105 Remove standards and indicators from more

* GN-101 Fix failing tests

* GN-102 Update snapshot

* GN-103 Update snapshot

* GN-105 Update snapshot

* GN-106 Update snapshot

* GN-104 Update snapshot

* GN-98 Snapshot updated

* GN-000 Alpha services. May want renaming for UR.

* GN-000 Renamed for UR. DO NOT DEPLOY TO LIVE.

* GN-000 Snapshot updated

* GN-000 Links for UR. DO NOT DEPLOY TO LIVE

* GN-000 Prettier issue

* GN-102 Fix letters and dancing button

* GN-103 Button fix and letter link fix

* GN-103 Button dancing fix

* GN-103 Another dancing button fix attempt

* GN-106 Content link issue

* GN-105 Amend S&I base link

* Start guidance content

* AW/21 Colour Scheme

* GN-98 Guidance content

* GN-106 About us content update

* GN-109 More content

* GN-107 Pathways content

* GN-108 Remove e.preventDefault on mega menu click handler to enable links to work

* GN-108 Fix scrim

* GN-108 Add canUseDOM state to control display of dropdown menus in main nav

* Duplicate css removed

* Remove duplicate CSS

* Remove duplicate css

* Remove duplicate export

* Links to live

* Tidy up

* GN-110 Life Sciences dropdown content

* Snapshot update

Co-authored-by: Eleanor Mollett <eleanor.mollett@gmail.com>
Co-authored-by: John Davey <john.davey@nice.org.uk>

src/Header/Nav/Dropdown/Components/LifeSciences.jsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { Button } from "@nice-digital/nds-button";
+import { Grid, GridItem } from "@nice-digital/nds-grid";
+import services from "../../../../services.json";
+
+export function LifeSciences() {
+	const baseUrl = services.external.find(
+		(service) => service.text == "Life sciences"
+	).href;
+
+	return (
+		<section aria-label="Life Sciences - dropdown navigation">
+			<h2 className="mt--0">Life Sciences</h2>
+			<p>
+				We provide opportunities for industry to engage with us at all stages of
+				health technology development. Helping them deliver better and
+				measurable outcomes.
+			</p>
+			<Button variant="cta" to={baseUrl} className="mb--d">
+				View life sciences
+			</Button>
+			<h3 className="mt--d">Engage with us</h3>
+			<Grid gutter="loose">
+				<GridItem cols={12} md={6}>
+					<h4 className="h5 mb--c mt--0">
+						<a href="http://www.healthtechconnect.org.uk">HealthTech Connect</a>
+					</h4>
+					<p className="mt--0">
+						Register with HealthTech Connect for initial information and support
+						getting your non-pharmaceutical technology developed and adopted in
+						the UK.
+					</p>
+
+					<h4 className="h5 mb--c">
+						<a href="https://www.ukpharmascan.org.uk">UK PharmaScan</a>
+					</h4>
+					<p className="mt--0">
+						UK PharmaScan can help ensure earlier and more effective decision
+						making. Enabling faster uptake of innovative new medicines.
+					</p>
+				</GridItem>
+				<GridItem cols={12} md={6}>
+					<h4 className="h5 mb--c mt--0">
+						<a href="https://www.nice.org.uk/about/what-we-do/life-sciences/office-for-market-access">
+							Office for Market Access
+						</a>
+					</h4>
+					<p className="mt--0">
+						The Office for Market Access can help you engage with us and speed
+						up the development process.
+					</p>
+
+					<h4 className="h5 mb--c">
+						<a href="https://www.nice.org.uk/about/what-we-do/life-sciences/scientific-advice">
+							Scientific advice
+						</a>
+					</h4>
+					<p className="mt--0">
+						By answering your questions, scientific advice can help you design
+						evidence generation plans and provide key insights through our
+						advisory services.
+					</p>
+				</GridItem>
+			</Grid>
+		</section>
+	);
+}

src/Header/Nav/Dropdown/Components/index.jsx

@@ -3,6 +3,7 @@ export { BNF } from "./BNF";
 export { BNFc } from "./BNFc";
 export { CKS } from "./CKS";
 export { Guidance } from "./Guidance";
+export { LifeSciences } from "./LifeSciences";
 export { More } from "./More";
 export { Pathways } from "./Pathways";
 export { StandardsAndIndicators } from "./StandardsAndIndicators";

src/Header/Nav/Dropdown/Dropdown.jsx

@@ -7,6 +7,7 @@ import {
 	BNFc,
 	CKS,
 	Guidance,
+	LifeSciences,
 	More,
 	Pathways,
 	StandardsAndIndicators,
@@ -28,6 +29,7 @@ export function Dropdown({
 		BNFc: BNFc,
 		CKS: CKS,
 		Guidance: Guidance,
+		LifeSciences: LifeSciences,
 		More: More,
 		Pathways: Pathways,
 		StandardsAndIndicators: StandardsAndIndicators,

src/services.json

@@ -43,7 +43,8 @@
       "href": "https://www.nice.org.uk/about/what-we-do/life-sciences",
       "text": "Life sciences",
       "id": "life-sciences",
-      "dropdown": false
+      "dropdown": true,
+      "dropdownComponent": "LifeSciences"
     },
     {
       "href": "https://bnf.nice.org.uk/",