diff --git a/frontend/components/profile/ProfileSection.vue b/frontend/components/profile/ProfileSection.vue
new file mode 100644
index 0000000..8a804b0
--- /dev/null
+++ b/frontend/components/profile/ProfileSection.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    title: string;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <div class="flex flex-col w-full">
+        <div class="flex flex-col items-start">
+            <div class="w-full flex items-center p-5">
+                <span class="typo-sub-h-lg">{{ title }}</span>
+            </div>
+        </div>
+        <div class="w-full flex flex-col border border-slate-200 rounded-xl">
+            <div class="w-full p-5">
+                <slot />
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped></style>