Merge pull request #21 from Gateway-DAO/feat/add-top-text-into-landin…

…g-page chore: added a top text into landing page
GatewayLabs · Oct 16, 2023 · ace59ec · ace59ec
2 parents 863833c + bdd76f8
commit ace59ec
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/src/app/(landing)/components/header/index.tsx b/src/app/(landing)/components/header/index.tsx
@@ -11,6 +11,8 @@ import { joinClasses } from '@/app/(landing)/utils/function';
 import LenisManager, { IInstanceOptions } from '@/app/(landing)/utils/scroll';
 // import Link from '@/components/gtw-link';
 
+import { Stack, Typography } from '@mui/material';
+
 import Button from '../button';
 import ArrowRight2 from '../icons/arrow-right-2';
 import styles from './header.module.scss';
@@ -67,6 +69,31 @@ export default function Header() {
       )}
       ref={navRef}
     >
+      <Stack
+        sx={{
+          width: '100%',
+          background: '#E6D5FA',
+          height: 40,
+          alignItems: 'center',
+          flexDirection: 'row',
+        }}
+      >
+        <Wrapper className={styles.wrapper}>
+          <Stack
+            direction="row"
+            gap={0.5}
+            sx={{ alignItems: 'center', '& a': { textDecoration: 'none' } }}
+          >
+            <Typography color="common.black">
+              Product Marketing Engagements can now be found at
+            </Typography>
+            <Link href="https://tryodyssey.xyz">
+              <Typography color="primary">tryodyssey.xyz</Typography>
+            </Link>
+          </Stack>
+        </Wrapper>
+      </Stack>
+
       <Wrapper className={styles.wrapper}>
         {isMobile || isTablet ? (
           <>