From 313edfaa5ec9ef69807a56e88192f03af27b1c71 Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <zhangziqing9926@gmail.com>
Date: Mon, 31 Oct 2022 01:51:19 +0800
Subject: [PATCH] [offers][refactor] refactor feature page

---
 .../components/offers/OffersNavigation.tsx    |   1 -
 .../{landing => features}/LeftTextCard.tsx    |   0
 .../{landing => features}/RightTextCard.tsx   |   0
 .../images/offers-analysis.png                | Bin
 .../images/offers-browse.png                  | Bin
 .../images/offers-profile.png                 | Bin
 apps/portal/src/pages/offers/features.tsx     |  31 ++++++++++--------
 7 files changed, 18 insertions(+), 14 deletions(-)
 rename apps/portal/src/components/offers/{landing => features}/LeftTextCard.tsx (100%)
 rename apps/portal/src/components/offers/{landing => features}/RightTextCard.tsx (100%)
 rename apps/portal/src/components/offers/{landing => features}/images/offers-analysis.png (100%)
 rename apps/portal/src/components/offers/{landing => features}/images/offers-browse.png (100%)
 rename apps/portal/src/components/offers/{landing => features}/images/offers-profile.png (100%)

diff --git a/apps/portal/src/components/offers/OffersNavigation.tsx b/apps/portal/src/components/offers/OffersNavigation.tsx
index 4de1fc5e..26719933 100644
--- a/apps/portal/src/components/offers/OffersNavigation.tsx
+++ b/apps/portal/src/components/offers/OffersNavigation.tsx
@@ -12,7 +12,6 @@ const navigationAuthenticated: ProductNavigationItems = [
 ];
 
 const config = {
-  // TODO: Change this to your own GA4 measurement ID.
   googleAnalyticsMeasurementID: 'G-34XRGLEVCF',
   logo: (
     <img alt="Tech Offers Repo" className="h-8 w-auto" src="/offers-logo.svg" />
diff --git a/apps/portal/src/components/offers/landing/LeftTextCard.tsx b/apps/portal/src/components/offers/features/LeftTextCard.tsx
similarity index 100%
rename from apps/portal/src/components/offers/landing/LeftTextCard.tsx
rename to apps/portal/src/components/offers/features/LeftTextCard.tsx
diff --git a/apps/portal/src/components/offers/landing/RightTextCard.tsx b/apps/portal/src/components/offers/features/RightTextCard.tsx
similarity index 100%
rename from apps/portal/src/components/offers/landing/RightTextCard.tsx
rename to apps/portal/src/components/offers/features/RightTextCard.tsx
diff --git a/apps/portal/src/components/offers/landing/images/offers-analysis.png b/apps/portal/src/components/offers/features/images/offers-analysis.png
similarity index 100%
rename from apps/portal/src/components/offers/landing/images/offers-analysis.png
rename to apps/portal/src/components/offers/features/images/offers-analysis.png
diff --git a/apps/portal/src/components/offers/landing/images/offers-browse.png b/apps/portal/src/components/offers/features/images/offers-browse.png
similarity index 100%
rename from apps/portal/src/components/offers/landing/images/offers-browse.png
rename to apps/portal/src/components/offers/features/images/offers-browse.png
diff --git a/apps/portal/src/components/offers/landing/images/offers-profile.png b/apps/portal/src/components/offers/features/images/offers-profile.png
similarity index 100%
rename from apps/portal/src/components/offers/landing/images/offers-profile.png
rename to apps/portal/src/components/offers/features/images/offers-profile.png
diff --git a/apps/portal/src/pages/offers/features.tsx b/apps/portal/src/pages/offers/features.tsx
index ebd4cac3..77ca380c 100644
--- a/apps/portal/src/pages/offers/features.tsx
+++ b/apps/portal/src/pages/offers/features.tsx
@@ -8,11 +8,11 @@ import {
   UsersIcon,
 } from '@heroicons/react/24/outline';
 
-import offersAnalysis from '~/components/offers/landing/images/offers-analysis.png';
-import offersBrowse from '~/components/offers/landing/images/offers-browse.png';
-import offersProfile from '~/components/offers/landing/images/offers-profile.png';
-import LeftTextCard from '~/components/offers/landing/LeftTextCard';
-import RightTextCard from '~/components/offers/landing/RightTextCard';
+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';
+import LeftTextCard from '~/components/offers/features/LeftTextCard';
+import RightTextCard from '~/components/offers/features/RightTextCard';
 import { HOME_URL } from '~/components/offers/types';
 
 const features = [
@@ -87,6 +87,11 @@ export default function LandingPage() {
         {/* Hero section */}
         <div className="relative h-full">
           <div className="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8">
+            <img
+              alt="Tech Offers Repo"
+              className="mx-auto mb-8 w-auto"
+              src="/offers-logo.svg"
+            />
             <h1 className="text-center text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl">
               <span>Choosing offers </span>
               <span className="from-primary-600 -mb-1 mr-2 bg-gradient-to-r to-purple-500 bg-clip-text pb-1 pr-4 italic text-transparent">
@@ -121,16 +126,16 @@ export default function LandingPage() {
           />
           <div className="relative">
             <LeftTextCard
-              description="An offer profile includes not only offers that a person received in their application cycle, but also background information such as education and work experience. Use offer profiles to help you better contextualize offers."
+              description="Filter relevant offers by job title, company, submission date, salary and more."
               icon={
-                <InformationCircleIcon
+                <TableCellsIcon
                   aria-hidden="true"
                   className="h-6 w-6 text-white"
                 />
               }
               imageAlt="Offer table page"
-              imageSrc={offersProfile}
-              title="Choosing an offer needs context"
+              imageSrc={offersBrowse}
+              title="Stay informed of recent offers"
             />
           </div>
           <div className="mt-36">
@@ -149,16 +154,16 @@ export default function LandingPage() {
           </div>
           <div className="mt-36">
             <LeftTextCard
-              description="Filter relevant offers by job title, company, submission date, salary and more."
+              description="An offer profile includes not only offers that a person received in their application cycle, but also background information such as education and work experience. Use offer profiles to help you better contextualize offers."
               icon={
-                <TableCellsIcon
+                <InformationCircleIcon
                   aria-hidden="true"
                   className="h-6 w-6 text-white"
                 />
               }
               imageAlt="Offer table page"
-              imageSrc={offersBrowse}
-              title="Stay informed of recent offers"
+              imageSrc={offersProfile}
+              title="Choosing an offer needs context"
             />
           </div>
         </div>