msb-public
/
tech-interview-handbook
mirror of https://github.com/yangshun/tech-interview-handbook
2
1
Code Issues Projects Releases Wiki Activity

[portal][misc] tweak homepage hero

Browse Source
pull/527/head
Yangshun Tay 2 years ago
parent 57489d62e4
commit 5b2f06fadc
1 changed files with 51 additions and 40 deletions
Show Stats Download Patch File Download Diff File

19
apps/portal/src/pages/index.tsx
Unescape View File

@ -1,3 +1,4 @@
import Head from 'next/head';
import { Button } from '@tih/ui'; import { Button } from '@tih/ui';
import Container from '~/components/shared/Container'; import Container from '~/components/shared/Container';
@ -28,17 +29,25 @@ const features = [
export default function HomePage() { export default function HomePage() {
return ( return (
<div className="bg-white py-12"> <>
<Container className="space-y-24"> <Head>
<div className="text-center"> <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"> <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="block">Tech Interview Handbook</span>
<span className="text-primary-600 block">Portal</span> <span className="text-primary-600 block">Portal</span>
</h1> </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"> <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> </p>
</Container>
</div> </div>
<Container>
<div> <div>
<h2 className="sr-only">Products.</h2> <h2 className="sr-only">Products.</h2>
<dl className="space-y-10 lg:grid lg:grid-cols-3 lg:gap-12 lg:space-y-0"> <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> </div>
</Container> </Container>
</div> </div>
</div>
</>
); );
} }

Write Preview
Loading…
Cancel
Save