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({
- Get started + href={url}> + {buttonLabel}
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({
- Get started + href={url}> + {buttonLabel}
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="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() {
+ href={OFFERS_SUBMIT_URL}> Get Started