2022-03-09 15:15:32 +01:00
|
|
|
import type { NextPage } from 'next'
|
|
|
|
|
import Head from 'next/head'
|
2022-03-09 15:39:15 +01:00
|
|
|
import HostOfferLookupWrapper from '../components/ngo/HostOfferLookupWrapper'
|
2022-03-09 15:15:32 +01:00
|
|
|
import styles from '../styles/Home.module.css'
|
2022-03-10 13:38:04 +01:00
|
|
|
import { useTranslation } from 'react-i18next'
|
2022-03-14 13:33:33 +01:00
|
|
|
import {SplitPane} from "react-collapse-pane";
|
|
|
|
|
import {LeafletMapWithoutSSR} from "../components/ngo/LeafletMapWithoutSSR";
|
2022-03-09 15:15:32 +01:00
|
|
|
|
|
|
|
|
const Home: NextPage = () => {
|
2022-03-10 13:38:04 +01:00
|
|
|
const { t } = useTranslation()
|
|
|
|
|
|
2022-03-09 15:15:32 +01:00
|
|
|
return (
|
|
|
|
|
<div className={styles.container}>
|
|
|
|
|
<Head>
|
2022-03-10 13:38:04 +01:00
|
|
|
<title>{ t('Beherbergungssuche') }</title>
|
|
|
|
|
<meta name="description" content={ t('Beherbergungssuche') } />
|
2022-03-09 15:15:32 +01:00
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<main className={styles.main}>
|
2022-03-14 13:33:33 +01:00
|
|
|
<SplitPane split={"horizontal"}>
|
|
|
|
|
<LeafletMapWithoutSSR />
|
|
|
|
|
<HostOfferLookupWrapper />
|
|
|
|
|
</SplitPane>
|
2022-03-09 15:15:32 +01:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Home
|
