diff --git a/app/layout.tsx b/app/layout.tsx index 976eb90..d75a4b7 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import Header from "../components/Header"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -13,8 +14,8 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "André Kempf | Portfolio", + description: "Mein persönliches Portfolio, gebaut mit Next.js", }; export default function RootLayout({ @@ -27,7 +28,10 @@ export default function RootLayout({ lang="en" className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} > - {children} + +
+ {children} + ); } diff --git a/app/page.tsx b/app/page.tsx index 3f36f7c..f3f6901 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,65 +1,7 @@ -import Image from "next/image"; - export default function Home() { return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -

-
-
- - Vercel logomark - Deploy Now - - - Documentation - -
-
-
+
+
+
); } diff --git a/components/Header.tsx b/components/Header.tsx new file mode 100644 index 0000000..0bcf24e --- /dev/null +++ b/components/Header.tsx @@ -0,0 +1,35 @@ +import Link from "next/link"; + +export default function Header() { + const navLinks = [ + { label: "About me", href: "#aboutme" }, + { label: "My Skills", href: "#myskills" }, + { label: "Portfolio", href: "#portfolio" }, + { label: "Contact me", href: "#contactme" }, + ]; + + return ( +
+
+ + ANDRÉ KEMPF. + + + +
+
+ ); +}