1+ export default function Home ( ) {
2+ return (
3+ < main className = "flex min-h-screen flex-col items-center justify-between p-24" >
4+ < div className = "z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex" >
5+ < p className = "fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30" >
6+ Copilot CLI
7+ </ p >
8+ </ div >
9+
10+ < div className = "relative flex place-items-center" >
11+ < h1 className = "text-4xl font-bold text-center" >
12+ Welcome to Copilot CLI
13+ </ h1 >
14+ </ div >
15+
16+ < div className = "mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left" >
17+ < div 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" >
18+ < h2 className = "mb-3 text-2xl font-semibold" >
19+ CLI Tool{ ' ' }
20+ < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
21+ ->
22+ </ span >
23+ </ h2 >
24+ < p className = "m-0 max-w-[30ch] text-sm opacity-50" >
25+ A command-line interface for GitHub Copilot functionality.
26+ </ p >
27+ </ div >
28+
29+ < div 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" >
30+ < h2 className = "mb-3 text-2xl font-semibold" >
31+ GitHub Integration{ ' ' }
32+ < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
33+ ->
34+ </ span >
35+ </ h2 >
36+ < p className = "m-0 max-w-[30ch] text-sm opacity-50" >
37+ Seamlessly integrate with GitHub Copilot services.
38+ </ p >
39+ </ div >
40+
41+ < div 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" >
42+ < h2 className = "mb-3 text-2xl font-semibold" >
43+ Developer Friendly{ ' ' }
44+ < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
45+ ->
46+ </ span >
47+ </ h2 >
48+ < p className = "m-0 max-w-[30ch] text-sm opacity-50" >
49+ Built with modern tools and best practices.
50+ </ p >
51+ </ div >
52+
53+ < div 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" >
54+ < h2 className = "mb-3 text-2xl font-semibold" >
55+ Easy Deployment{ ' ' }
56+ < span className = "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none" >
57+ ->
58+ </ span >
59+ </ h2 >
60+ < p className = "m-0 max-w-[30ch] text-sm opacity-50" >
61+ Deploy easily with Vercel and other platforms.
62+ </ p >
63+ </ div >
64+ </ div >
65+ </ main >
66+ )
67+ }
0 commit comments