2022-08-26 13:46:21 +00:00
|
|
|
import React, {useEffect, useRef} from "react"
|
|
|
|
|
|
|
|
import Layout from "../components/layout"
|
|
|
|
import Hero from "../components/hero"
|
|
|
|
|
|
|
|
import bgImage from "../media/phones.png"
|
|
|
|
import { Link } from "gatsby"
|
|
|
|
|
|
|
|
const IndexPage = () => {
|
|
|
|
const firstBtn = useRef(null)
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
firstBtn.current.focus()
|
|
|
|
}, [firstBtn])
|
|
|
|
|
|
|
|
return <Layout>
|
|
|
|
<Hero bg={bgImage}>
|
|
|
|
<h1 className="mb-5 text-5xl font-bold">Hello there</h1>
|
|
|
|
<p className="mb-5 text-lg">Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime.</p>
|
|
|
|
<div className="flex justify-center w-full mb-5">
|
|
|
|
<Link ref={firstBtn} className="btn btn-primary" to="/install">Install</Link>
|
|
|
|
<div className="divider divider-horizontal" />
|
|
|
|
<Link className="btn btn-primary" to="/repos">Repositories</Link>
|
|
|
|
</div>
|
|
|
|
<Link to="/docs" className="link">Documentation</Link>
|
|
|
|
</Hero>
|
|
|
|
</Layout>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default IndexPage
|
|
|
|
|
|
|
|
|
|
|
|
export function Head() {
|
|
|
|
return (
|
2022-08-26 15:30:19 +00:00
|
|
|
<>
|
|
|
|
<title>Cloudstream</title>
|
|
|
|
<meta property="og:title" content="Cloudstream" />
|
|
|
|
<meta property="og:description" content="Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime." />
|
|
|
|
<meta property="og:image" content={bgImage} />
|
|
|
|
<meta property="og:image:type" content="image/png" />
|
2022-08-26 15:40:16 +00:00
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
2022-08-26 15:30:19 +00:00
|
|
|
<meta name="google-site-verification" content="eJAZtihmv0cJwd54kImmb2IfwLskeCfyW7gEm_HgXd8" />
|
|
|
|
</>
|
2022-08-26 13:46:21 +00:00
|
|
|
)
|
|
|
|
}
|