diff --git a/src/app/page.tsx b/src/app/page.tsx
index bff97e68..cb3ce4b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
-import { css } from "@emotion/css";
-import { Body, H1 } from "@leafygreen-ui/typography";
-import { spacing } from "@leafygreen-ui/tokens";
-import { ComponentCard, HomeCard } from "@/components/home";
+import { css } from '@emotion/css';
+import { Body, H1 } from '@leafygreen-ui/typography';
+import { spacing } from '@leafygreen-ui/tokens';
+import { ComponentCard, HomeCard } from '@/components/home';
export default function Home() {
return (
@@ -36,6 +36,7 @@ export default function Home() {
+
+
+
+
);
diff --git a/src/components/global/SideNavigation/SideNavLabel.tsx b/src/components/global/SideNavigation/SideNavLabel.tsx
index e2b61c74..ea447fb0 100644
--- a/src/components/global/SideNavigation/SideNavLabel.tsx
+++ b/src/components/global/SideNavigation/SideNavLabel.tsx
@@ -14,7 +14,6 @@ export function SideNavLabel({
return (
Chat
@@ -113,7 +113,7 @@ export function SideNavigation() {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/glyphs/Careers.tsx b/src/components/glyphs/Careers.tsx
new file mode 100644
index 00000000..8cafc2e5
--- /dev/null
+++ b/src/components/glyphs/Careers.tsx
@@ -0,0 +1,417 @@
+export function Careers(props: JSX.IntrinsicElements['svg']) {
+ return (
+
+ );
+}
diff --git a/src/components/glyphs/index.ts b/src/components/glyphs/index.ts
index f0dd7cd9..d170c9e1 100644
--- a/src/components/glyphs/index.ts
+++ b/src/components/glyphs/index.ts
@@ -1,17 +1,19 @@
-export { CodeSandbox } from "./CodeSandbox";
-export { ComingSoon } from "./ComingSoon";
-export { Components } from "./Components";
-export { Display } from "./Display";
-export { Error } from "./Error";
-export { Figma } from "./Figma";
-export { FormElements } from "./FormElements";
-export { Foundations } from "./Foundations";
-export { Github } from "./Github";
-export { Logo } from "./Logo";
-export { Modals } from "./Modals";
-export { Navigation } from "./Navigation";
-export { NotFound } from "./NotFound";
-export { Notifications } from "./Notifications";
-export { Patterns } from "./Patterns";
-export { Resources } from "./Resources";
-export { Security } from "./Security";
+export { Blog } from './Blog';
+export { Careers } from './Careers';
+export { CodeSandbox } from './CodeSandbox';
+export { ComingSoon } from './ComingSoon';
+export { Components } from './Components';
+export { Display } from './Display';
+export { Error } from './Error';
+export { Figma } from './Figma';
+export { FormElements } from './FormElements';
+export { Foundations } from './Foundations';
+export { Github } from './Github';
+export { Logo } from './Logo';
+export { Modals } from './Modals';
+export { Navigation } from './Navigation';
+export { NotFound } from './NotFound';
+export { Notifications } from './Notifications';
+export { Patterns } from './Patterns';
+export { Resources } from './Resources';
+export { Security } from './Security';
diff --git a/src/components/home/HomeCard.tsx b/src/components/home/HomeCard.tsx
index f13a4bda..1a096643 100644
--- a/src/components/home/HomeCard.tsx
+++ b/src/components/home/HomeCard.tsx
@@ -2,23 +2,32 @@ import React from 'react';
import { css } from '@emotion/css';
import Card from '@leafygreen-ui/card';
import { Body, H3, Link } from '@leafygreen-ui/typography';
-import { Foundations, Resources } from '@/components/glyphs';
+import { Blog, Careers, Foundations, Resources } from '@/components/glyphs';
import { spacing } from '@leafygreen-ui/tokens';
import { useRouter } from 'next/navigation';
const imageMap = {
Foundations: Foundations,
Resources: Resources,
+ Blog: Blog,
+ Careers: Careers,
} as const;
type HomeCardProps = JSX.IntrinsicElements['div'] & {
- title: 'Foundations' | 'Resources';
+ id: 'Foundations' | 'Resources' | 'Blog' | 'Careers';
+ title?: string;
description: string;
link?: string;
};
-export function HomeCard({ title, description, link, ...rest }: HomeCardProps) {
- const Graphic = imageMap[title];
+export function HomeCard({
+ id,
+ description,
+ link,
+ title,
+ ...rest
+}: HomeCardProps) {
+ const Graphic = imageMap[id];
const router = useRouter();
return (