-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.tsx
56 lines (54 loc) · 2.22 KB
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import Layout from '@/components/layout'
import Head from 'next/head'
import Link from 'next/link'
export default function Home() {
return (
<>
<Head>
<title>Govod</title>
</Head>
<Layout>
<Hero />
</Layout>
</>
)
}
function Hero() {
return (
<>
<div className="bg-gray-100 py-32">
<div className="mx-auto flex flex-col lg:flex-row">
<div className="flex items-center text-center lg:w-1/2">
<div className="mx-auto w-1/2">
<h1 className="mb-6 text-3xl font-extrabold tracking-tight text-blue-900 md:text-6xl">
Govod
</h1>
<p className="mb-6 text-lg font-extrabold tracking-tight text-gray-600 ">
WebApp to sell video on demand
</p>
<p className="mb-8 font-serif text-lg text-gray-600">
Start selling courses now. Customize the website with your own style. Make content and
enrich other people's life.
</p>
<Link
href="/courses"
className="mx-auto my-10 block w-1/3 rounded bg-blue-700 p-2 font-semibold text-white hover:bg-blue-900"
>
Go
</Link>
</div>
</div>
<div className="mx-auto lg:w-1/3">
<iframe
className="h-full w-full rounded-lg object-cover shadow-lg"
src="https://www.youtube.com/embed/446E-r0rXHI"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</div>
</div>
</div>
</>
)
}