Updates

src/components/pages/Home/(sections)/MyWorkSection.tsx

@@ -11,6 +11,7 @@ import Row from "@/src/components/lib/layout/Row";
 import Divider from "@/src/components/lib/layout/Divider";
 import { twMerge } from "tailwind-merge";
 import { CheckCircle2, Circle } from "lucide-react";
+import ArrowedLink from "@/src/components/lib/layout/ArrowedLink";
 
 type Props = {
     noTitle?: boolean;
@@ -23,17 +24,34 @@ export default function MyWorkSection({ noTitle, expand }: Props) {
         categories[0],
     );
 
+    const TitleSection = (
+        <Row className="w-full justify-between">
+            <Stack>
+                {!noTitle && (
+                    <React.Fragment>
+                        <H2 className="leading-snug m-0">My Work</H2>
+                        <Span>Some work I've done in the past</Span>
+                        <Divider className="opacity-0 my-2" />
+                    </React.Fragment>
+                )}
+            </Stack>
+
+            {noTitle ? null : (
+                <ArrowedLink
+                    link={{
+                        url: `/work`,
+                        title: `See my work`,
+                    }}
+                />
+            )}
+        </Row>
+    );
+
     if (expand) {
         return (
             <Section>
                 <Stack className="w-full">
-                    {!noTitle && (
-                        <React.Fragment>
-                            <H2 className="leading-snug m-0">My Work</H2>
-                            <Span>Some work I've done in the past</Span>
-                            <Divider className="opacity-0 my-2" />
-                        </React.Fragment>
-                    )}
+                    {TitleSection}
 
                     <Stack className="items-stretch gap-20 flex-row xl:flex-col flex-wrap md:flex-nowrap">
                         {categories.map((ctgr, i) => {
@@ -70,13 +88,7 @@ export default function MyWorkSection({ noTitle, expand }: Props) {
     return (
         <Section>
             <Stack className="w-full">
-                {!noTitle && (
-                    <React.Fragment>
-                        <H2 className="leading-snug m-0">My Work</H2>
-                        <Span>Some work I've done in the past</Span>
-                        <Divider className="opacity-0 my-2" />
-                    </React.Fragment>
-                )}
+                {TitleSection}
 
                 <Row className="flex-nowrap items-start gap-x-14 flex-col xl:flex-row gap-y-10">
                     <Stack className="xl:max-w-[200px] items-stretch gap-6 flex-row xl:flex-col flex-wrap md:flex-nowrap">