gitfolio/app/page.tsx at c33e824c7fb2a2861be3b9915e13072a0cb21a69 · github-samples/gitfolio · GitHub

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
"use client";

import { useState } from "react";
import Link from "next/link";

export default function Home() {
  const [menuOpen, setMenuOpen] = useState(false);

  return (
    <div>

      <nav>
        <Link href="/">GITFOLIO</Link>

        <button onClick={() => setMenuOpen(!menuOpen)}>
          ☰
        </button>

        <div>
          <Link href="#work">PROJECTS</Link>
          <Link href="#about">ABOUT</Link>
          <Link href="#contact">CONTACT</Link>
        </div>

        {menuOpen && (
          <div>
            <Link href="#work">PROJECTS</Link>
            <Link href="#about">ABOUT</Link>
            <Link href="#contact">CONTACT</Link>
          </div>
        )}
      </nav>

      <main>
        <h1>
          BUILD YOUR <br />
          <span>DEVELOPER PORTFOLIO</span>
        </h1>

        <p>A beginner-friendly portfolio template.</p>

        <Link href="#work">GET STARTED</Link>
      </main>

      <footer>
        Made with ❤️ by GitHub for Beginners
      </footer>

    </div>
  );
}