2022-03-19 01:21:04 +03:00
|
|
|
|
import type { NextPage } from 'next'
|
|
|
|
|
|
import Head from 'next/head'
|
2022-05-03 21:34:11 +03:00
|
|
|
|
import { useState,useEffect } from 'react'
|
2022-03-19 01:21:04 +03:00
|
|
|
|
import Image from 'next/image'
|
|
|
|
|
|
import styles from '../styles/Home.module.css'
|
2022-03-27 13:32:40 +03:00
|
|
|
|
import { Header } from '../components/header'
|
|
|
|
|
|
import { Modal } from '../components/modal'
|
|
|
|
|
|
import { Main } from '../components/main'
|
|
|
|
|
|
import { Solution } from '../components/solution'
|
2022-03-27 14:42:19 +03:00
|
|
|
|
import { Team } from '../components/team'
|
|
|
|
|
|
import { Contacts } from '../components/contacts'
|
|
|
|
|
|
import { MyFooter } from '../components/footer'
|
|
|
|
|
|
import { Rings } from '../components/rings'
|
2022-05-03 21:34:11 +03:00
|
|
|
|
import { MobileHeader } from '../components/mobile header'
|
2022-03-19 01:21:04 +03:00
|
|
|
|
const Home: NextPage = () => {
|
2022-03-27 17:33:29 +03:00
|
|
|
|
let [showModal, setShowModal] = useState(false)
|
2022-05-03 21:34:11 +03:00
|
|
|
|
const [width, setWidth] = useState(0)
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
|
setWidth(window.innerWidth);
|
|
|
|
|
|
});
|
2022-03-19 01:21:04 +03:00
|
|
|
|
return (
|
|
|
|
|
|
<div className={styles.container}>
|
|
|
|
|
|
<Head>
|
2022-03-27 13:32:40 +03:00
|
|
|
|
<title>AR Quest - квест у вас дома</title>
|
|
|
|
|
|
<meta name="description" content="AR квест с дополненной реальностью"/>
|
|
|
|
|
|
<link rel="icon" href="/icon.ico" />
|
2022-03-19 01:21:04 +03:00
|
|
|
|
</Head>
|
|
|
|
|
|
|
2022-03-27 13:32:40 +03:00
|
|
|
|
<main>
|
|
|
|
|
|
<Header></Header>
|
2022-05-03 21:34:11 +03:00
|
|
|
|
<MobileHeader></MobileHeader>
|
2022-03-27 17:33:29 +03:00
|
|
|
|
<Modal setShow={(a:boolean)=>setShowModal(a)} show={showModal}></Modal>
|
2022-03-27 13:32:40 +03:00
|
|
|
|
<div className={styles.content}>
|
|
|
|
|
|
<Main></Main>
|
2022-03-27 17:33:29 +03:00
|
|
|
|
<Solution onAboutClick={()=> setShowModal(!showModal)}></Solution>
|
2022-03-27 14:42:19 +03:00
|
|
|
|
<Team></Team>
|
|
|
|
|
|
<Contacts></Contacts>
|
|
|
|
|
|
<MyFooter></MyFooter>
|
2022-03-19 01:21:04 +03:00
|
|
|
|
</div>
|
2022-03-27 14:42:19 +03:00
|
|
|
|
<Rings></Rings>
|
2022-03-19 01:21:04 +03:00
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default Home
|
