update

next.config.mjs

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
+  images: {
+    unoptimized: true
+  },
   reactStrictMode: true
 };
 

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/app/_components/layout/Header/index.tsx

@@ -7,10 +7,8 @@ import style from "./style.module.scss";
 
 const menuList = [
   { label: "About", href: "/about" },
+  { label: "Posts", href: "/posts" },
   { label: "CV", href: "/cv" },
-  { label: "Posts", href: "/post" },
-  { label: "Projekte", href: "/projekte" },
-  { label: "Publikationen", href: "/publikationen" },
 ];
 
 const Logo = ({ text }: { text?: string }) => (

src/app/about/page.tsx

@@ -0,0 +1,15 @@
+import BaseLayout from "../_components/layout/BaseLayout";
+
+export const metadata = {
+  title: "About :: Ridho Azhar",
+};
+
+export default function About() {
+  return (
+    <BaseLayout>
+      <main>
+        <h1 className="text-5xl">Coming Soon</h1>
+      </main>
+    </BaseLayout>
+  );
+}

src/app/cv/page.tsx

@@ -0,0 +1,15 @@
+import BaseLayout from "../_components/layout/BaseLayout";
+
+export const metadata = {
+  title: "CV :: Ridho Azhar",
+};
+
+export default function CV() {
+  return (
+    <BaseLayout>
+      <main>
+        <h1 className="text-5xl">Coming Soon</h1>
+      </main>
+    </BaseLayout>
+  );
+}

src/app/layout.tsx

@@ -9,7 +9,7 @@ const inter = Inter({
 
 export const metadata: Metadata = {
   description:
-    "software developer, developing web professionally, like to play and make games",
+    "software developer in general, developing web professionally, like to play and make games, self proclaimed friendly person (trust me)",
 };
 
 export default function RootLayout({

src/app/not-found.tsx

@@ -1,6 +1,10 @@
 import Link from "next/link";
 import BaseLayout from "./_components/layout/BaseLayout";
 
+export const metadata = {
+  title: "> $ exit code 1.",
+};
+
 export default function NotFound() {
   return (
     <BaseLayout logoText="$ exit code 1.">

src/app/page.tsx

@@ -1,4 +1,6 @@
+import Image from "next/image";
 import BaseLayout from "./_components/layout/BaseLayout";
+import { BiEnvelope, BiLogoGithub, BiLogoLinkedinSquare } from "react-icons/bi";
 
 export const metadata = {
   title: "Ridho Azhar",
@@ -7,7 +9,44 @@ export const metadata = {
 export default function Home() {
   return (
     <BaseLayout>
-      <main>content</main>
+      <main>
+        <div>
+          <Image
+            src="/img/smug.png"
+            width={125}
+            height={125}
+            alt="current favorite picture"
+            className="rounded-full mx-auto"
+          />
+          <h1 className="text-5xl mt-8 mb-2 font-bold">Ridho Azhar</h1>
+          <p className="text-lg mb-2">
+            I like playing, using and commanding computer.
+          </p>
+          <div className="text-5xl flex gap-2 justify-center">
+            <a
+              href="mailto:[email protected]"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiEnvelope />
+            </a>
+            <a
+              href="https://www.linkedin.com/in/ridhozhr10/"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiLogoLinkedinSquare />
+            </a>
+            <a
+              href="https://github.com/ridhozhr10"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiLogoGithub />
+            </a>
+          </div>
+        </div>
+      </main>
     </BaseLayout>
   );
 }

src/app/posts/page.tsx

@@ -0,0 +1,15 @@
+import BaseLayout from "../_components/layout/BaseLayout";
+
+export const metadata = {
+  title: "Posts :: Ridho Azhar",
+};
+
+export default function Posts() {
+  return (
+    <BaseLayout>
+      <main>
+        <h1 className="text-5xl">Coming Soon</h1>
+      </main>
+    </BaseLayout>
+  );
+}