diff --git a/front/src/components/WebPageSections/ConvocatoriasSection.vue b/front/src/components/WebPageSections/ConvocatoriasSection.vue
index e13b72e..59cc59f 100644
--- a/front/src/components/WebPageSections/ConvocatoriasSection.vue
+++ b/front/src/components/WebPageSections/ConvocatoriasSection.vue
@@ -125,14 +125,21 @@
 
             </div>
 
-            <div class="main-card-media">
-              <a-image
-                src="/images/extra.jpg"
-                alt="Convocatoria"
-                :preview="true"
-                class="convocatoria-image"
-              />
-            </div>
+          <a-image
+            v-if="store.procesoPrincipal?.imagen_url"
+            :src="store.procesoPrincipal.imagen_url"
+            alt="Convocatoria"
+            :preview="true"
+            class="convocatoria-image"
+          />
+
+          <a-image
+            v-else
+            src=""
+            alt="Convocatoria"
+            :preview="false"
+            class="convocatoria-image"
+          />
           </div>
         </a-card>
 
diff --git a/front/src/data/areas.js b/front/src/data/areas.js
new file mode 100644
index 0000000..7b715ad
--- /dev/null
+++ b/front/src/data/areas.js
@@ -0,0 +1,5 @@
+export const areas = [
+  { id: 1, nombre: "Ingenierías" },
+  { id: 2, nombre: "Biomédicas" },
+  { id: 3, nombre: "Sociales" }
+]
diff --git a/front/src/data/carreras.js b/front/src/data/carreras.js
new file mode 100644
index 0000000..8895032
--- /dev/null
+++ b/front/src/data/carreras.js
@@ -0,0 +1,47 @@
+export const carreras = [
+
+{
+    id: 1,
+    areaId: 1,
+  facultad: "CIENCIAS AGRARIAS",
+  escuela_profesional: "INGENIERIA AGRONÓMICA",
+  programa_de_estudios: "INGENIERIA AGRONÓMICA",
+  grado_academico: "Bachiller en INGENIERÍA AGRONÓMICA",
+  titulo_profesional: "INGENIERO AGRÓNOMO",
+  perfil_de_egresado: {
+    competencias_especificas: [
+      {
+        codigo: "CE1",
+        "resumen": "Gestiona soluciones para sistemas de producción agropecuaria y forestal orientadas al desarrollo agrario sostenible y la seguridad alimentaria, integrando factores tecnológicos, económicos, ambientales, sociales y políticos con creatividad y responsabilidad social."
+      },
+      {
+        codigo: "CE2",
+        resumen: "Crea tecnologías agropecuarias aplicando métodos, técnicas, recursos y herramientas modernas para impulsar la innovación y la extensión agraria dentro de un enfoque holístico."
+      },
+      {
+        codigo: "CE3",
+        resumen: "Elabora investigación científica agropecuaria mediante el método científico y tecnologías orientadas a resolver problemas productivos y comerciales, contribuyendo a la mitigación y adaptación al cambio climático."
+      },
+      {
+        codigo: "CE4",
+        resumen: "Diseña proyectos, planes, programas y servicios agropecuarios sostenibles, evaluando su factibilidad técnica, económica, social y ambiental en los sectores público y privado."
+      },
+      {
+        codigo: "CE5",
+        resumen: "Gestiona la conservación del medio ambiente a partir de la evaluación del impacto ambiental, promoviendo el desarrollo agropecuario sostenible para satisfacer necesidades y mejorar la calidad de vida de la sociedad."
+      }
+    ]
+  },
+imagen1: "/images/carreras/sistemas.jpg",
+imagen2: "/images/carreras/sistemas.jpg",
+imagen3: "/images/carreras/sistemas.jpg",
+}
+
+
+
+
+
+
+
+
+]
\ No newline at end of file