AlexMia commited on
Commit
309d3d6
·
verified ·
1 Parent(s): 70f97bf

Update src/app/components/Header.tsx

Browse files
Files changed (1) hide show
  1. src/app/components/Header.tsx +39 -50
src/app/components/Header.tsx CHANGED
@@ -1,50 +1,39 @@
1
- import Link from "next/link";
2
- import Image from "next/image";
3
- import Logo from "./Logo";
4
-
5
- export default function Header() {
6
- return (
7
- <nav className=" flex w-full justify-center py-4 items-center
8
- border-b border-gray-300 backdrop-blur-2xl font-mono text-sm px-4 lg:px-0">
9
- <div className="max-w-3xl flex w-full items-center justify-between">
10
- <div className="font-medium text-xl text-indigo-900 flex items-center gap-2">
11
- <Logo className="w-4 h-4" />
12
- <Link href='/'>
13
- Suno API
14
- </Link>
15
- </div>
16
- <div className="flex items-center justify-center gap-1 text-sm font-light text-indigo-900/90">
17
- <p className="p-2 lg:px-6 lg:py-3 rounded-full flex justify-center items-center
18
- lg:hover:bg-indigo-300 duration-200
19
- ">
20
- <Link href="/">
21
- Get Started
22
- </Link>
23
- </p>
24
- <p className="p-2 lg:px-6 lg:py-3 rounded-full flex justify-center items-center
25
- lg:hover:bg-indigo-300 duration-200
26
- ">
27
- <Link href="/docs">
28
- API Docs
29
- </Link>
30
- </p>
31
- <p className="p-2 lg:px-6 lg:py-3 rounded-full flex justify-center items-center
32
- lg:hover:bg-indigo-300 duration-200
33
- ">
34
- <a href="https://github.com/gcui-art/suno-api/"
35
- target="_blank"
36
- className="flex items-center justify-center gap-1">
37
- <span className="">
38
- <Image src="/github-mark.png" alt="GitHub Logo" width={20} height={20} />
39
- </span>
40
- <span>Github</span>
41
- </a>
42
- </p>
43
- </div>
44
-
45
-
46
-
47
- </div>
48
- </nav>
49
- );
50
- }
 
1
+ import Link from "next/link";
2
+ import Image from "next/image";
3
+ import Logo from "./Logo";
4
+
5
+ export default function Header() {
6
+ return (
7
+ <nav className=" flex w-full justify-center py-4 items-center
8
+ border-b border-gray-300 backdrop-blur-2xl font-mono text-sm px-4 lg:px-0">
9
+ <div className="max-w-3xl flex w-full items-center justify-between">
10
+ <div className="font-medium text-xl text-indigo-900 flex items-center gap-2">
11
+ <Logo className="w-4 h-4" />
12
+ <Link href='/'>
13
+ Suno API
14
+ </Link>
15
+ </div>
16
+ <div className="flex items-center justify-center gap-1 text-sm font-light text-indigo-900/90">
17
+ <p className="p-2 lg:px-6 lg:py-3 rounded-full flex justify-center items-center
18
+ lg:hover:bg-indigo-300 duration-200
19
+ ">
20
+ <Link href="/">
21
+ Get Started
22
+ </Link>
23
+ </p>
24
+ <p className="p-2 lg:px-6 lg:py-3 rounded-full flex justify-center items-center
25
+ lg:hover:bg-indigo-300 duration-200
26
+ ">
27
+ <Link href="/docs">
28
+ API Docs
29
+ </Link>
30
+ </p>
31
+
32
+ </div>
33
+
34
+
35
+
36
+ </div>
37
+ </nav>
38
+ );
39
+ }