From e38ed33a45de8ea6e4030a177b83e0ba813253ed Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:40:45 +0700
Subject: [PATCH 1/6] fix: update structured data type and properties in
 AboutStructuredData component

---
 src/components/about-structured-data.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/about-structured-data.tsx b/src/components/about-structured-data.tsx
index d068f2c..3e2af7b 100644
--- a/src/components/about-structured-data.tsx
+++ b/src/components/about-structured-data.tsx
@@ -13,9 +13,16 @@ import {
 export default function AboutStructuredData() {
     const structuredData = {
         "@context": "https://schema.org",
-        "@type": "AboutPage",
+        "@type": "ProfilePage",
+        "@id": `${NEXT_PUBLIC_APP_URL}/about`,
+        "name": `About ${appName}`,
+        "description": `I'm ${PERSON_NAME} (${PERSON_ALTERNATE_NAME}), a ${PERSON_JOB_TITLE}.`,
+        "url": `${NEXT_PUBLIC_APP_URL}/about`,
+        "dateCreated": "2021-01-01",
+        "dateModified": new Date().toISOString().split('T')[0],
         "mainEntity": {
             "@type": "Person",
+            "@id": `${NEXT_PUBLIC_APP_URL}#person`,
             "name": PERSON_NAME,
             "alternateName": PERSON_ALTERNATE_NAME,
             "description": `I'm ${PERSON_NAME} (${PERSON_ALTERNATE_NAME}), a ${PERSON_JOB_TITLE}.`,
@@ -29,10 +36,7 @@ export default function AboutStructuredData() {
                 GITHUB_URL,
                 LINKEDIN_URL
             ]
-        },
-        "name": `About ${appName}`,
-        "description": `I'm ${PERSON_NAME} (${PERSON_ALTERNATE_NAME}), a ${PERSON_JOB_TITLE}.`,
-        "url": `${NEXT_PUBLIC_APP_URL}/about`
+        }
     };
 
     return (

From eda1f4fd9732fe2a873cead12c0996f7d4cdaf53 Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:40:55 +0700
Subject: [PATCH 2/6] feat: add SoftwareApplicationStructuredData component for
 structured data integration

---
 .../data-structured/software-application.tsx  | 72 +++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 src/components/data-structured/software-application.tsx

diff --git a/src/components/data-structured/software-application.tsx b/src/components/data-structured/software-application.tsx
new file mode 100644
index 0000000..20acc41
--- /dev/null
+++ b/src/components/data-structured/software-application.tsx
@@ -0,0 +1,72 @@
+import React from 'react';
+import { NEXT_PUBLIC_APP_URL, PERSON_NAME, appName } from '@lib/constants';
+
+interface SoftwareApplicationStructuredDataProps {
+    name: string;
+    description: string;
+    url: string;
+    repositoryUrl?: string;
+    applicationCategory?: string;
+    operatingSystem?: string;
+    screenshots?: string[];
+    datePublished?: string;
+    keywords?: string[];
+}
+
+export default function SoftwareApplicationStructuredData({
+    name,
+    description,
+    url,
+    repositoryUrl,
+    applicationCategory = 'WebApplication',
+    operatingSystem = 'Web Browser',
+    screenshots = [],
+    datePublished,
+    keywords = []
+}: SoftwareApplicationStructuredDataProps) {
+    const structuredData = {
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": name,
+        "description": description,
+        "url": url,
+        "applicationCategory": applicationCategory,
+        "operatingSystem": operatingSystem,
+        "offers": {
+            "@type": "Offer",
+            "price": "0",
+            "priceCurrency": "USD"
+        },
+        "author": {
+            "@type": "Person",
+            "@id": `${NEXT_PUBLIC_APP_URL}#person`,
+            "name": PERSON_NAME
+        },
+        "creator": {
+            "@type": "Person",
+            "@id": `${NEXT_PUBLIC_APP_URL}#person`,
+            "name": PERSON_NAME
+        },
+        "publisher": {
+            "@type": "Person",
+            "name": appName,
+            "url": NEXT_PUBLIC_APP_URL
+        },
+        ...(datePublished && { "datePublished": datePublished }),
+        ...(keywords.length > 0 && { "keywords": keywords.join(', ') }),
+        ...(repositoryUrl && { "codeRepository": repositoryUrl }),
+        ...(screenshots.length > 0 && {
+            "screenshot": screenshots.map(src => ({
+                "@type": "ImageObject",
+                "url": src.startsWith('http') ? src : `${NEXT_PUBLIC_APP_URL}${src}`
+            }))
+        })
+    };
+
+    return (
+        <script
+            type="application/ld+json"
+            dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
+        />
+    );
+}

From a081c29b372ad57af915467fad3b37edf22bf946 Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:41:01 +0700
Subject: [PATCH 3/6] feat: add FAQPageStructuredData component for structured
 data integration

---
 src/components/data-structured/faq-page.tsx | 32 +++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/components/data-structured/faq-page.tsx

diff --git a/src/components/data-structured/faq-page.tsx b/src/components/data-structured/faq-page.tsx
new file mode 100644
index 0000000..27a0f8e
--- /dev/null
+++ b/src/components/data-structured/faq-page.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+
+interface FAQPageStructuredDataProps {
+    items: FAQItem[];
+}
+
+export default function FAQPageStructuredData({ items }: FAQPageStructuredDataProps) {
+    const structuredData = {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "mainEntity": items.map((item) => ({
+            "@type": "Question",
+            "name": item.question,
+            "acceptedAnswer": {
+                "@type": "Answer",
+                "text": item.answer
+            }
+        }))
+    };
+
+    return (
+        <script
+            type="application/ld+json"
+            dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
+        />
+    );
+}

From ada724b6adcd757a736f69180131cb37c380d030 Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:41:07 +0700
Subject: [PATCH 4/6] feat: update structured data type from Article to
 BlogPosting in ArticleStructuredData component

---
 src/components/data-structured/article.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/data-structured/article.tsx b/src/components/data-structured/article.tsx
index 18acb94..167ade0 100644
--- a/src/components/data-structured/article.tsx
+++ b/src/components/data-structured/article.tsx
@@ -55,7 +55,7 @@ export default function ArticleStructuredData({
 
     const structuredData = {
         "@context": "https://schema.org",
-        "@type": "Article",
+        "@type": "BlogPosting",
         "@id": `${NEXT_PUBLIC_APP_URL}/posts/${slug}`,
         "headline": title,
         "description": description,

From 49ed4fe85780888d6ab281377fe42d6fff59c877 Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:41:29 +0700
Subject: [PATCH 5/6] feat: integrate FAQPageStructuredData component into
 HomeFAQSection

---
 src/app/(home)/sections/home-faq.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/(home)/sections/home-faq.tsx b/src/app/(home)/sections/home-faq.tsx
index 74a67cf..2f0c6e9 100644
--- a/src/app/(home)/sections/home-faq.tsx
+++ b/src/app/(home)/sections/home-faq.tsx
@@ -1,4 +1,5 @@
 import { FaqSection } from "@components/ui/faq";
+import FAQPageStructuredData from "@components/data-structured/faq-page";
 
 export const HomeFAQSection = () => {
     const data = [
@@ -17,10 +18,13 @@ export const HomeFAQSection = () => {
     ];
 
     return (
-        <FaqSection
-            title="Frequently Asked Questions"
-            description="Everything about this projects."
-            items={data}
-        />
+        <>
+            <FAQPageStructuredData items={data} />
+            <FaqSection
+                title="Frequently Asked Questions"
+                description="Everything about this projects."
+                items={data}
+            />
+        </>
     );
 }
\ No newline at end of file

From ab1c21fc4442112f93758a37f4b70876b75bb1f7 Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Fri, 13 Mar 2026 10:41:41 +0700
Subject: [PATCH 6/6] feat: add BreadcrumbStructuredData component to various
 layouts and pages for improved SEO

---
 src/app/(home)/page.tsx       |  6 +++++-
 src/app/about/page.tsx        |  5 +++++
 src/app/posts/[slug]/page.tsx |  6 ++++++
 src/app/posts/layout.tsx      | 13 ++++++++++++-
 src/app/projects/layout.tsx   | 13 ++++++++++++-
 5 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 8fcab33..664a1e9 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -124,7 +124,11 @@ export default function Home() {
                 </BlurFade>
             </section>
 
-            {/* <HomeFAQSection /> */}
+            <section id="faq">
+                <BlurFade delay={0.2} inView>
+                    <HomeFAQSection />
+                </BlurFade>
+            </section>
 
             <section id="contact" className="flex flex-col snap-end">
                 <GetInTouchSections />
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4e18fda..0310464 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -5,6 +5,7 @@ import { BlurFade } from '@components/ui/blur-fade';
 import { Metadata } from "next";
 import { appName, NEXT_PUBLIC_APP_URL } from "@lib/constants";
 import AboutStructuredData from "@components/about-structured-data";
+import BreadcrumbStructuredData from "@components/breadcrumb-structured-data";
 
 const appPositions = ["I'm a Senior Front-end Developer", "and a Freelance UI/UX Designer."];
 const description = `My name is <span className="text-primary font-semibold">Leat Sophat</span>, also known as <span className="text-primary font-semibold">PPhat</span>.
@@ -47,6 +48,10 @@ const AboutPage = () => {
     return (
         <main className="w-full flex flex-col gap-7 pb-5">
             <AboutStructuredData />
+            <BreadcrumbStructuredData items={[
+                { name: 'Home', url: NEXT_PUBLIC_APP_URL, position: 1 },
+                { name: 'About', url: `${NEXT_PUBLIC_APP_URL}/about`, position: 2 },
+            ]} />
             <AboutMeHero description={description} appPositions={appPositions} />
             <NavigationBar />
 
diff --git a/src/app/posts/[slug]/page.tsx b/src/app/posts/[slug]/page.tsx
index 898708a..af07a73 100644
--- a/src/app/posts/[slug]/page.tsx
+++ b/src/app/posts/[slug]/page.tsx
@@ -14,6 +14,7 @@ import Image from 'next/image';
 import "../../../styles/code-block-node.css"
 import { GridPattern } from '@components/ui/grid-pattern';
 import ArticleStructuredData from '@components/data-structured/article';
+import BreadcrumbStructuredData from '@components/breadcrumb-structured-data';
 import { MarkdownRenderer } from '@components/ui/markdown-renderer';
 import { ScrollToTopButton } from '@components/ui/scroll-to-top-button';
 
@@ -111,6 +112,11 @@ export default async function PostDetail(props: Params) {
                 updatedAt={post.updatedAt}
                 content={post.content}
             />
+            <BreadcrumbStructuredData items={[
+                { name: 'Home', url: NEXT_PUBLIC_APP_URL, position: 1 },
+                { name: 'Posts', url: `${NEXT_PUBLIC_APP_URL}/posts`, position: 2 },
+                { name: post.title, url: `${NEXT_PUBLIC_APP_URL}/posts/${post.slug}`, position: 3 },
+            ]} />
 
             <NavigationBar className='fixed' />
             <div className="absolute inset-y-0 left-0 right-0 pointer-events-none opacity-60" aria-hidden="true">
diff --git a/src/app/posts/layout.tsx b/src/app/posts/layout.tsx
index 4093c5c..9a4d112 100644
--- a/src/app/posts/layout.tsx
+++ b/src/app/posts/layout.tsx
@@ -1,5 +1,8 @@
+import React from 'react';
 import { Metadata } from 'next';
 import postsMeta from '@lib/meta/posts';
+import BreadcrumbStructuredData from '@components/breadcrumb-structured-data';
+import { NEXT_PUBLIC_APP_URL } from '@lib/constants';
 
 export const metadata: Metadata = {
     ...postsMeta,
@@ -13,5 +16,13 @@ export const metadata: Metadata = {
 export default function PostsLayout({ children, }: {
     children: React.ReactNode;
 }) {
-    return (<> {children} </>);
+    return (
+        <>
+            <BreadcrumbStructuredData items={[
+                { name: 'Home', url: NEXT_PUBLIC_APP_URL, position: 1 },
+                { name: 'Posts', url: `${NEXT_PUBLIC_APP_URL}/posts`, position: 2 },
+            ]} />
+            {children}
+        </>
+    );
 }
diff --git a/src/app/projects/layout.tsx b/src/app/projects/layout.tsx
index 47d923c..483aafc 100644
--- a/src/app/projects/layout.tsx
+++ b/src/app/projects/layout.tsx
@@ -1,10 +1,21 @@
+import React from 'react';
 import { Metadata } from 'next';
 import { projectsMeta } from '@lib/meta/projects';
+import BreadcrumbStructuredData from '@components/breadcrumb-structured-data';
+import { NEXT_PUBLIC_APP_URL } from '@lib/constants';
 
 export const metadata: Metadata = projectsMeta;
 
 export default function ProjectsLayout({ children, }: {
     children: React.ReactNode;
 }) {
-    return (<> {children} </>);
+    return (
+        <>
+            <BreadcrumbStructuredData items={[
+                { name: 'Home', url: NEXT_PUBLIC_APP_URL, position: 1 },
+                { name: 'Projects', url: `${NEXT_PUBLIC_APP_URL}/projects`, position: 2 },
+            ]} />
+            {children}
+        </>
+    );
 }