[resumes][feat] Add About Us page (#431)

* [resumes][feat] Add About Us page

* [resumes][fix] update header

* [resumes][chore] remove for fun

Co-authored-by: Terence Ho <>

apps/portal/src/components/resumes/ResumesNavigation.ts

@@ -7,6 +7,11 @@ const navigation: ProductNavigationItems = [
     name: 'Browse',
   },
   { children: [], href: '/resumes/submit', name: 'Submit for review' },
+  {
+    children: [],
+    href: '/resumes/about',
+    name: 'About Us',
+  },
   {
     children: [],
     href: 'https://www.techinterviewhandbook.org/resume/',

apps/portal/src/pages/resumes/about.tsx

@@ -0,0 +1,58 @@
+export default function AboutUsPage() {
+  return (
+    <div className="my-10 flex w-full flex-col items-center overflow-y-auto">
+      <div className="flex justify-center text-4xl font-bold">
+        Resume Review Portal
+      </div>
+
+      <div className="mt-2 flex justify-center text-2xl font-bold">
+        <div className="font-display sm:text-md mx-auto max-w-xl text-2xl font-medium italic tracking-tight text-slate-900">
+          Resume reviews{' '}
+          <span className="text-primary-500 relative whitespace-nowrap">
+            <svg
+              aria-hidden="true"
+              className="absolute top-2/3 left-0 h-[0.58em] w-full fill-blue-300/70"
+              preserveAspectRatio="none"
+              viewBox="0 0 418 42">
+              <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
+            </svg>
+            <span className="relative">made simple</span>
+          </span>
+        </div>
+      </div>
+
+      {/* About Us Section */}
+      <div className="mt-10 flex w-4/5 text-left text-3xl font-bold xl:w-1/2">
+        About Us 🤓
+      </div>
+
+      <div className="mt-6 flex w-4/5 text-lg xl:w-1/2">
+        As you apply for your dream jobs or internships, have you ever felt
+        unsure about your resume? Have you wondered about how others got past
+        resume screening in a breeze? Wonder no more!
+      </div>
+
+      <div className="mt-3 flex w-4/5 text-lg xl:w-1/2">
+        Tech Interview Handbook's very own Resume Review portal is here to help!
+        Simply submit your resume and collect invaluable feedback from our
+        community of Software Engineers, Hiring Managers and so many more...
+      </div>
+
+      {/* Feedback */}
+      <div className="mt-10 flex w-4/5 text-left text-3xl font-bold xl:w-1/2">
+        Feedback? New Features? BUGS?! 😱
+      </div>
+
+      <div className="mt-6 flex w-4/5 text-lg xl:w-1/2">
+        Submit your feedback
+        <a
+          className="ml-1 text-indigo-600 hover:text-indigo-400"
+          href="https://forms.gle/KgA6KWDD4XNa53uJA"
+          rel="noreferrer"
+          target="_blank">
+          here
+        </a>
+      </div>
+    </div>
+  );
+}