diff --git a/web/gds-user-ui/src/assets/TRISA-GDS-black.png b/web/gds-user-ui/src/assets/TRISA-GDS-black.png
new file mode 100644
index 000000000..4435de13f
Binary files /dev/null and b/web/gds-user-ui/src/assets/TRISA-GDS-black.png differ
diff --git a/web/gds-user-ui/src/assets/TRISA-GDS-icon.svg b/web/gds-user-ui/src/assets/TRISA-GDS-icon.svg
new file mode 100644
index 000000000..70f9cac24
--- /dev/null
+++ b/web/gds-user-ui/src/assets/TRISA-GDS-icon.svg
@@ -0,0 +1,485 @@
+
+
\ No newline at end of file
diff --git a/web/gds-user-ui/src/assets/TRISA-GDS-white.png b/web/gds-user-ui/src/assets/TRISA-GDS-white.png
new file mode 100644
index 000000000..462448ea4
Binary files /dev/null and b/web/gds-user-ui/src/assets/TRISA-GDS-white.png differ
diff --git a/web/gds-user-ui/src/assets/TRISA-GDS.svg b/web/gds-user-ui/src/assets/TRISA-GDS.svg
new file mode 100644
index 000000000..ee7f891ea
--- /dev/null
+++ b/web/gds-user-ui/src/assets/TRISA-GDS.svg
@@ -0,0 +1,493 @@
+
+
\ No newline at end of file
diff --git a/web/gds-user-ui/src/components/Header/LandingHeader.tsx b/web/gds-user-ui/src/components/Header/LandingHeader.tsx
index 20481fe99..295a01a40 100644
--- a/web/gds-user-ui/src/components/Header/LandingHeader.tsx
+++ b/web/gds-user-ui/src/components/Header/LandingHeader.tsx
@@ -38,7 +38,6 @@ const LandingHeader = (props: FlexProps): JSX.Element => {
{
-
+
diff --git a/web/gds-user-ui/src/components/Sidebar/SidebarContent.tsx b/web/gds-user-ui/src/components/Sidebar/SidebarContent.tsx
index 28da2ade1..b701ba9e9 100644
--- a/web/gds-user-ui/src/components/Sidebar/SidebarContent.tsx
+++ b/web/gds-user-ui/src/components/Sidebar/SidebarContent.tsx
@@ -7,14 +7,13 @@ import {
Divider,
VStack,
Stack,
- Heading,
Link,
Icon,
Text,
Collapse,
List
} from '@chakra-ui/react';
-import trisaLogo from '../../assets/trisa.svg';
+import trisaLogo from 'assets/TRISA-GDS.svg';
import NavItem, { StyledNavItem } from './NavItem';
import MenuItems from '../../utils/menu';
import { MdContactSupport } from 'react-icons/md';
@@ -22,6 +21,7 @@ import { IoLogoSlack } from 'react-icons/io';
import { Fragment, useState } from 'react';
import { Trans } from '@lingui/react';
import { LazyLoadImage } from 'react-lazy-load-image-component';
+import ChakraRouterLink from 'components/ChakraRouterLink';
interface SidebarProps extends BoxProps {
onClose: () => void;
@@ -40,12 +40,11 @@ const SidebarContent = ({ onClose, ...rest }: SidebarProps) => {
h="full"
{...rest}>
-
-
-
- Global Directory Service
-
-
+
+
+
+
+
diff --git a/web/gds-user-ui/src/components/ui/Logo.tsx b/web/gds-user-ui/src/components/ui/Logo.tsx
index 0a05b8fd8..03ff67cf3 100644
--- a/web/gds-user-ui/src/components/ui/Logo.tsx
+++ b/web/gds-user-ui/src/components/ui/Logo.tsx
@@ -1,13 +1,13 @@
import { Box, BoxProps } from '@chakra-ui/react';
-import TrisaLogo from 'assets/trisa_logo.svg';
import CkLazyLoadImage from 'components/LazyImage';
import { Link } from 'react-router-dom';
+import TrisaLogo from 'assets/TRISA-GDS-black.png';
export default function Logo(props: BoxProps) {
return (
-
+
);