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>
+    );
+}