diff --git a/apps/portal/src/components/offers/constants.ts b/apps/portal/src/components/offers/constants.ts
index 48d9bf48..0dc44da5 100644
--- a/apps/portal/src/components/offers/constants.ts
+++ b/apps/portal/src/components/offers/constants.ts
@@ -1,4 +1,5 @@
export const HOME_URL = '/offers';
+export const OFFERS_SUBMIT_URL = '/offers/submit';
export const JobTypeLabel = {
FULLTIME: 'Full-time',
@@ -37,4 +38,4 @@ export const profileDetailTabs = [
label: ProfileDetailTab.ANALYSIS,
value: ProfileDetailTab.ANALYSIS,
},
-];
\ No newline at end of file
+];
diff --git a/apps/portal/src/components/offers/features/LeftTextCard.tsx b/apps/portal/src/components/offers/features/LeftTextCard.tsx
index 867b24b7..1e514732 100644
--- a/apps/portal/src/components/offers/features/LeftTextCard.tsx
+++ b/apps/portal/src/components/offers/features/LeftTextCard.tsx
@@ -2,14 +2,14 @@ import type { StaticImageData } from 'next/image';
import Image from 'next/image';
import type { ReactNode } from 'react';
-import { HOME_URL } from '../constants';
-
type LeftTextCardProps = Readonly<{
+ buttonLabel: string;
description: string;
icon: ReactNode;
imageAlt: string;
imageSrc: StaticImageData;
title: string;
+ url: string;
}>;
export default function LeftTextCard({
@@ -18,6 +18,8 @@ export default function LeftTextCard({
imageAlt,
imageSrc,
title,
+ buttonLabel,
+ url,
}: LeftTextCardProps) {
return (
@@ -36,8 +38,8 @@ export default function LeftTextCard({
diff --git a/apps/portal/src/components/offers/features/RightTextCard.tsx b/apps/portal/src/components/offers/features/RightTextCard.tsx
index 028dc57b..5c9e10a0 100644
--- a/apps/portal/src/components/offers/features/RightTextCard.tsx
+++ b/apps/portal/src/components/offers/features/RightTextCard.tsx
@@ -2,14 +2,14 @@ import type { StaticImageData } from 'next/image';
import Image from 'next/image';
import type { ReactNode } from 'react';
-import { HOME_URL } from '../constants';
-
type RightTextCarddProps = Readonly<{
+ buttonLabel: string;
description: string;
icon: ReactNode;
imageAlt: string;
imageSrc: StaticImageData;
title: string;
+ url: string;
}>;
export default function RightTextCard({
@@ -18,6 +18,8 @@ export default function RightTextCard({
imageAlt,
imageSrc,
title,
+ url,
+ buttonLabel,
}: RightTextCarddProps) {
return (
@@ -36,8 +38,8 @@ export default function RightTextCard({
diff --git a/apps/portal/src/components/offers/features/images/offers-analysis.png b/apps/portal/src/components/offers/features/images/offers-analysis.png
index 896c23f7..2af9ad70 100644
Binary files a/apps/portal/src/components/offers/features/images/offers-analysis.png and b/apps/portal/src/components/offers/features/images/offers-analysis.png differ
diff --git a/apps/portal/src/components/offers/features/images/offers-browse.png b/apps/portal/src/components/offers/features/images/offers-browse.png
index 09968721..2ef03f68 100644
Binary files a/apps/portal/src/components/offers/features/images/offers-browse.png and b/apps/portal/src/components/offers/features/images/offers-browse.png differ
diff --git a/apps/portal/src/components/offers/features/images/offers-profile.png b/apps/portal/src/components/offers/features/images/offers-profile.png
index e47af859..ad0308a1 100644
Binary files a/apps/portal/src/components/offers/features/images/offers-profile.png and b/apps/portal/src/components/offers/features/images/offers-profile.png differ
diff --git a/apps/portal/src/components/offers/table/OffersTable.tsx b/apps/portal/src/components/offers/table/OffersTable.tsx
index 532946a8..b200380b 100644
--- a/apps/portal/src/components/offers/table/OffersTable.tsx
+++ b/apps/portal/src/components/offers/table/OffersTable.tsx
@@ -275,7 +275,7 @@ export default function OffersTable({
{!offers ||
(offers.length === 0 && (
-
No data yet🥺
+
No data yet 🥺
))}
@@ -290,4 +290,4 @@ export default function OffersTable({
/>
);
-}
\ No newline at end of file
+}
diff --git a/apps/portal/src/pages/offers/features.tsx b/apps/portal/src/pages/offers/features.tsx
index da0cc28d..cfe04a35 100644
--- a/apps/portal/src/pages/offers/features.tsx
+++ b/apps/portal/src/pages/offers/features.tsx
@@ -8,7 +8,7 @@ import {
UsersIcon,
} from '@heroicons/react/24/outline';
-import { HOME_URL } from '~/components/offers/constants';
+import { HOME_URL, OFFERS_SUBMIT_URL } from '~/components/offers/constants';
import offersAnalysis from '~/components/offers/features/images/offers-analysis.png';
import offersBrowse from '~/components/offers/features/images/offers-browse.png';
import offersProfile from '~/components/offers/features/images/offers-profile.png';
@@ -126,6 +126,7 @@ export default function LandingPage() {
/>
}
- imageAlt="Offer table page"
+ imageAlt="Browse page"
imageSrc={offersBrowse}
title="Stay informed of recent offers"
+ url={HOME_URL}
/>
}
- imageAlt="Customer profile user interface"
+ imageAlt="Offers analysis page"
imageSrc={offersAnalysis}
title="Better understand your offers"
+ url={OFFERS_SUBMIT_URL}
/>
}
- imageAlt="Offer table page"
+ imageAlt="Offer profile page"
imageSrc={offersProfile}
title="Choosing an offer needs context"
+ url={HOME_URL}
/>
@@ -215,7 +221,7 @@ export default function LandingPage() {