diff --git a/src/components/About.astro b/src/components/About.astro
index afb9bf1..adb7403 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -5,10 +5,7 @@ const { aboutMe } = Astro.props;
 
 ---
 
-<Section id="about-me">
-    <h3 class="text-3xl font-bold text-gray-100 text-center mb-10">
-        Acerca de mí
-    </h3>
+<Section id="about-me" title="Acerca de mí">
     {aboutMe.split("\n").map((line: string) => (
         line.trim() !== "" ? (
             <p class="text-gray-300 mb-4 text-wrap">{line}</p>
diff --git a/src/components/Experience.astro b/src/components/Experience.astro
index bb99a30..0762252 100644
--- a/src/components/Experience.astro
+++ b/src/components/Experience.astro
@@ -11,10 +11,7 @@ interface ExperienceProps {
 }
 ---
 
-<Section id="experience">
-	<h3 class="text-3xl font-bold text-white text-center mb-10">
-		Experiencia
-	</h3>
+<Section id="experience" title="Experiencia">
 	<!-- Contenedor del timeline -->
 	<div class="relative">
 		<div class="absolute top-8 bottom-8 w-px">
diff --git a/src/components/Projects.astro b/src/components/Projects.astro
index 540f406..b79ba6d 100644
--- a/src/components/Projects.astro
+++ b/src/components/Projects.astro
@@ -18,10 +18,7 @@ interface ProjectProps {
 	repoUrl: string;
 }
 ---
-<Section id="projects">
-    <h3 class="text-3xl font-bold text-white text-center mb-10">
-        Proyectos
-    </h3>
+<Section id="projects" title="Proyectos">
     <div class="space-y-12">
         {
             projects.map((project: ProjectProps) => (
diff --git a/src/components/Skills.astro b/src/components/Skills.astro
index 81d15f6..5f1d25c 100644
--- a/src/components/Skills.astro
+++ b/src/components/Skills.astro
@@ -10,10 +10,7 @@ interface SkillProps {
 }
 ---
 
-<Section id="skills">
-    <h3 class="text-3xl font-bold text-white text-center mb-10">
-        Habilidades
-    </h3>
+<Section id="skills" title="Habilidades">
     <div class="flex flex-wrap gap-6 justify-center md:justify-start">
     {skills.map((skill:SkillProps) => (
         <div class="flex flex-col items-center justify-center w-24 md:w-28 p-6">
diff --git a/src/components/ui/Section.astro b/src/components/ui/Section.astro
index a837bac..f7a2336 100644
--- a/src/components/ui/Section.astro
+++ b/src/components/ui/Section.astro
@@ -1,3 +1,11 @@
-<section class="container mx-auto md:max-w-7xl md:px-6 py-12 md:py-20" id={Astro.props.id}>
+---
+const { id, title } = Astro.props;
+---
+<section class="container mx-auto md:max-w-7xl md:px-6 py-12 md:py-20" id={id}>
+    {title && (
+        <h3 class="text-3xl font-bold text-gray-100 text-center mb-10">
+            {title}
+        </h3>
+    )}
     <slot />
 </section>
\ No newline at end of file