diff --git a/app/about/page.tsx b/app/about/page.tsx
index 069e2f1..063b44f 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -4,9 +4,13 @@ import ContainerLayout from "@components/layouts/container";
import InProgressImage from "../../public/aboutme-option12.webp";
import Image from "next/image";
+export const metadata = {
+ title: "About Me",
+};
+
const page = () => {
return (
-
+
About Me
diff --git a/app/components/layouts/base.tsx b/app/components/layouts/base.tsx
index b53aed6..23ab8e3 100644
--- a/app/components/layouts/base.tsx
+++ b/app/components/layouts/base.tsx
@@ -1,16 +1,9 @@
import React, { ReactNode } from "react";
-import SeoBase from "@components/layouts/seo-base";
import NavBar from "@components/ui/nav-bar/nav-bar";
-export default function Base({
- title,
- subtitle,
- pageSlug,
- children,
-}: BaseLayoutProps) {
+export default function Base({ pageSlug, children }: BaseLayoutProps) {
return (
<>
-
{children}
diff --git a/app/components/layouts/seo-base.tsx b/app/components/layouts/seo-base.tsx
deleted file mode 100644
index ac82367..0000000
--- a/app/components/layouts/seo-base.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import Head from "next/head";
-
-// -----------------------------------------------------------------------------
-// Component
-// -----------------------------------------------------------------------------
-
-export default function SeoBase({
- title = "Kent Miguel",
- subtitle,
-}: SeoBaseProps) {
- const fullTitle =
- subtitle && subtitle.length > 0 ? `${title} | ${subtitle}` : title;
-
- return (
-
- {/*
-
-
- */}
-
- {fullTitle}
-
-
-
- );
-}
diff --git a/app/global.d.ts b/app/global.d.ts
index 38cf63a..cd73334 100644
--- a/app/global.d.ts
+++ b/app/global.d.ts
@@ -38,12 +38,7 @@ declare global {
selected?: PageSlug;
};
- export type SeoBaseProps = {
- title?: string;
- subtitle?: string;
- };
-
- type BaseLayoutProps = SeoBaseProps & {
+ type BaseLayoutProps = {
pageSlug?: PageSlug;
children?: ReactNode;
};
diff --git a/app/layout.tsx b/app/layout.tsx
index 1787124..222c4ab 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,10 @@ import { Analytics } from "@vercel/analytics/react";
const inter = Inter({ variable: "--inter-font", subsets: ["latin"] });
export const metadata: Metadata = {
- title: "Kent Miguel",
+ title: {
+ default: "Kent Miguel | Home",
+ template: "Kent Miguel | %s",
+ },
description: "Kent Miguel Personal Website",
};
diff --git a/app/page.tsx b/app/page.tsx
index 503a2da..7003048 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -9,7 +9,7 @@ export const dynamic = "force-dynamic";
export default async function Home() {
return (
<>
-
+
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 0938031..5eafa5a 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -5,9 +5,13 @@ import ContainerLayout from "@components/layouts/container";
import InProgressImage from "../../public/aboutme-option3.webp";
import Image from "next/image";
+export const metadata = {
+ title: "Projects",
+};
+
export default function AboutMe() {
return (
-
+
Projects
diff --git a/app/resume/page.tsx b/app/resume/page.tsx
index 5fc32f4..eb97dd0 100644
--- a/app/resume/page.tsx
+++ b/app/resume/page.tsx
@@ -5,9 +5,13 @@ import ContainerLayout from "@components/layouts/container";
import ResumeContent from "./components/resume-content";
import Skills from "./components/skills";
+export const metadata = {
+ title: "Resume",
+};
+
const page = () => {
return (
-
+