44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import type { ReactElement } from 'react';
|
|
import Head from 'next/head';
|
|
import Link from 'next/link';
|
|
|
|
import LayoutGuest from '../../layouts/Guest';
|
|
import WebSiteHeader from '../../components/WebPageComponents/Header';
|
|
import WebSiteFooter from '../../components/WebPageComponents/Footer';
|
|
|
|
const projectName = 'RentWhizDev';
|
|
|
|
export default function SearchWizardPage() {
|
|
return (
|
|
<div className='flex min-h-screen flex-col'>
|
|
<Head>
|
|
<title>Start Your Search | RentWhiz</title>
|
|
</Head>
|
|
<WebSiteHeader projectName={projectName} />
|
|
<main className='container mx-auto flex-grow py-10 text-center'>
|
|
<h1 className='mb-8 text-4xl font-bold'>Start Your Search</h1>
|
|
<div className='flex justify-center space-x-4'>
|
|
<Link
|
|
href='/search-wizard/place'
|
|
className='rounded-lg bg-blue-600 px-8 py-4 text-white hover:bg-blue-700'
|
|
>
|
|
I'm Looking for a Place
|
|
</Link>
|
|
<Link
|
|
href='/search-wizard/roommate'
|
|
className='rounded-lg bg-green-600 px-8 py-4 text-white hover:bg-green-700'
|
|
>
|
|
I'm Looking for a Roommate
|
|
</Link>
|
|
</div>
|
|
</main>
|
|
<WebSiteFooter projectName={projectName} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
SearchWizardPage.getLayout = function getLayout(page: ReactElement) {
|
|
return <LayoutGuest>{page}</LayoutGuest>;
|
|
};
|