[portal][misc] tweak homepage hero

2 years ago · 5b2f06fadc
parent 57489d62e4
commit 5b2f06fadc
1 changed files with 51 additions and 40 deletions
--- a/apps/portal/src/pages/index.tsx
+++ b/apps/portal/src/pages/index.tsx
@ -1,3 +1,4 @@
+import Head from 'next/head';
 import { Button } from '@tih/ui';

 import Container from '~/components/shared/Container';
@ -28,17 +29,25 @@ const features = [

 export default function HomePage() {
  return (
-    <div className="bg-white py-12">
-      <Container className="space-y-24">
-        <div className="text-center">
+    <>
+      <Head>
+        <title>Tech Interview Handbook Portal</title>
+      </Head>
+      <div className="bg-white pb-24">
+        <div className="space-y-12">
+          <div className="bg-slate-100 py-8 text-center sm:py-16">
+            <Container>
              <h1 className="text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl md:text-6xl">
                <span className="block">Tech Interview Handbook</span>
                <span className="text-primary-600 block">Portal</span>
              </h1>
              <p className="mx-auto mt-3 max-w-md text-base text-slate-500 sm:text-lg md:mt-5 md:max-w-3xl md:text-xl">
-            Suite of products to help you get better at technical interviews.
+                Suite of products to help you get better at technical
+                interviews.
              </p>
+            </Container>
          </div>
+          <Container>
            <div>
              <h2 className="sr-only">Products.</h2>
              <dl className="space-y-10 lg:grid lg:grid-cols-3 lg:gap-12 lg:space-y-0">
@ -71,5 +80,7 @@ export default function HomePage() {
            </div>
          </Container>
        </div>
+      </div>
+    </>
  );
 }