1
- import Image from "next/image" ;
1
+ // Copyright 2024 Google LLC
2
+ //
3
+ // Licensed under the Apache License, Version 2.0 (the "License");
4
+ // you may not use this file except in compliance with the License.
5
+ // You may obtain a copy of the License at
6
+ //
7
+ // http://www.apache.org/licenses/LICENSE-2.0
8
+ //
9
+ // Unless required by applicable law or agreed to in writing, software
10
+ // distributed under the License is distributed on an "AS IS" BASIS,
11
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ // See the License for the specific language governing permissions and
13
+ // limitations under the License.
2
14
3
15
export default function Home ( ) {
4
16
return (
@@ -8,105 +20,6 @@ export default function Home() {
8
20
Get started by editing
9
21
< code className = "font-mono font-bold" > app/page.tsx</ code >
10
22
</ p >
11
- < div className = "fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none" >
12
- < a
13
- className = "pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
14
- href = "https://vercel.com?utm_source=create-next-app& utm_medium = appdir - template & utm_campaign = create - next - app "
15
- target = "_blank"
16
- rel = "noopener noreferrer"
17
- >
18
- By{ " " }
19
- < Image
20
- src = "/vercel.svg"
21
- alt = "Vercel Logo"
22
- className = "dark:invert"
23
- width = { 100 }
24
- height = { 24 }
25
- priority
26
- />
27
- </ a >
28
- </ div >
29
- </ div >
30
-
31
- < div className = "relative flex place-items-center before:absolute before:h-[300px] before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]" >
32
- < Image
33
- className = "relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
34
- src = "/next.svg"
35
- alt = "Next.js Logo"
36
- width = { 180 }
37
- height = { 37 }
38
- priority
39
- />
40
- </ div >
41
-
42
- < div className = "mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left" >
43
- < a
44
- href = "https://nextjs.org/docs?utm_source=create-next-app& utm_medium = appdir - template & utm_campaign = create - next - app "
45
- className = "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
46
- target = "_blank"
47
- rel = "noopener noreferrer"
48
- >
49
- < h2 className = { `mb-3 text-2xl font-semibold` } >
50
- Docs{ " " }
51
- < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
52
- ->
53
- </ span >
54
- </ h2 >
55
- < p className = { `m-0 max-w-[30ch] text-sm opacity-50` } >
56
- Find in-depth information about Next.js features and API.
57
- </ p >
58
- </ a >
59
-
60
- < a
61
- href = "https://nextjs.org/learn?utm_source=create-next-app& utm_medium = appdir - template - tw & utm_campaign = create - next - app "
62
- className = "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
63
- target = "_blank"
64
- rel = "noopener noreferrer"
65
- >
66
- < h2 className = { `mb-3 text-2xl font-semibold` } >
67
- Learn{ " " }
68
- < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
69
- ->
70
- </ span >
71
- </ h2 >
72
- < p className = { `m-0 max-w-[30ch] text-sm opacity-50` } >
73
- Learn about Next.js in an interactive course with quizzes!
74
- </ p >
75
- </ a >
76
-
77
- < a
78
- href = "https://vercel.com/templates?framework=next.js& utm_source = create - next - app & utm_medium = appdir - template & utm_campaign = create - next - app "
79
- className = "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
80
- target = "_blank"
81
- rel = "noopener noreferrer"
82
- >
83
- < h2 className = { `mb-3 text-2xl font-semibold` } >
84
- Templates{ " " }
85
- < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
86
- ->
87
- </ span >
88
- </ h2 >
89
- < p className = { `m-0 max-w-[30ch] text-sm opacity-50` } >
90
- Explore starter templates for Next.js.
91
- </ p >
92
- </ a >
93
-
94
- < a
95
- href = "https://vercel.com/new?utm_source=create-next-app& utm_medium = appdir - template & utm_campaign = create - next - app "
96
- className = "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
97
- target = "_blank"
98
- rel = "noopener noreferrer"
99
- >
100
- < h2 className = { `mb-3 text-2xl font-semibold` } >
101
- Deploy{ " " }
102
- < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
103
- ->
104
- </ span >
105
- </ h2 >
106
- < p className = { `m-0 max-w-[30ch] text-sm opacity-50 text-balance` } >
107
- Instantly deploy your Next.js site to a shareable URL with Vercel.
108
- </ p >
109
- </ a >
110
23
</ div >
111
24
</ main >
112
25
) ;
0 commit comments