From 4a190627cb4e772677287256238fc7ccde0d8915 Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Thu, 6 Aug 2026 18:33:32 +0200
Subject: [PATCH] feat(portfolio sectioning): sectioning component of
 Portfolio.tsx

---
 .../components/portfolio/PortfolioSection.tsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 frontend/src/components/portfolio/PortfolioSection.tsx

diff --git a/frontend/src/components/portfolio/PortfolioSection.tsx b/frontend/src/components/portfolio/PortfolioSection.tsx
new file mode 100644
index 0000000..ab816be
--- /dev/null
+++ b/frontend/src/components/portfolio/PortfolioSection.tsx
@@ -0,0 +1,20 @@
+import type { ReactElement, ReactNode } from "react";
+
+interface PortfolioSectionProps {
+    title: string;
+    children: ReactNode;
+}
+
+export default function PortfolioSection({
+    title,
+    children,
+}: PortfolioSectionProps): ReactElement {
+    return (
+        <section className="mb-10">
+            <h2 className="text-2xl font-bold text-ctp-lavender border-b border-ctp-green pb-2 mb-4">
+                {title}
+            </h2>
+            {children}
+        </section>
+    );
+}