37 lines
961 B
JavaScript
37 lines
961 B
JavaScript
import React, { useState } from 'react'
|
|
import Head from 'next/head'
|
|
import HomeSection from 'components/HomeSection/HomeSection'
|
|
import NavBar from 'components/NavBar'
|
|
import Features from 'components/Features'
|
|
|
|
export default function Home() {
|
|
const [shortUrl, setShortUrl] = useState(null)
|
|
const [longUrl, setLongUrl] = useState('')
|
|
const [qrData, setQrData] = useState('')
|
|
const [showQrCode, setShowQrCode] = useState(false)
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>URL MiniFy</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
|
|
<main className={'main-bg'}>
|
|
<NavBar />
|
|
<HomeSection
|
|
shortUrl={shortUrl}
|
|
setShortUrl={setShortUrl}
|
|
longUrl={longUrl}
|
|
setLongUrl={setLongUrl}
|
|
qrData={qrData}
|
|
setQrData={setQrData}
|
|
showQrCode={showQrCode}
|
|
setShowQrCode={setShowQrCode}
|
|
/>
|
|
<Features />
|
|
</main>
|
|
</>
|
|
)
|
|
}
|