seguir MVC en perfil

perfil.php

@@ -1,7 +1,3 @@
-<?php
-require_once '/controladores/controladorPerfil.php';
-?>
-
 <!DOCTYPE html>
 <html lang="es">
 
@@ -31,7 +27,7 @@ require_once '/controladores/controladorPerfil.php';
 
 <body>
 
-    <?php include_once 'cabecera.php'; ?>
+    <div id="cabecera"></div>
 
     <div class="perfil-container">
 
@@ -52,14 +48,14 @@ require_once '/controladores/controladorPerfil.php';
 
                         <!-- Nombre -->
                         <h1 id="nombre" class="nombre">
-                            <?= $nombreUsuario ?>
+                            
                         </h1>
 
                         <!-- FOTO DE PERFIL -->
                         <div class="foto-container">
 
                             <img id="fotoPerfil"
-                                 src="<?= $avatarUsuario ?>"
+                                 src="img/avatars/defaultProfile.jpeg"
                                  alt="Foto de perfil"
                                  class="avatar rounded-circle">
 
@@ -283,7 +279,7 @@ require_once '/controladores/controladorPerfil.php';
                         Cancelar
                     </button>
 
-                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-login" id="btnCrearPregunta">
+                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-register" id="btnCrearPregunta">
                         <i class="bi bi-check-lg me-1"></i>
                         Crear pregunta
                     </button>
@@ -299,6 +295,7 @@ require_once '/controladores/controladorPerfil.php';
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Tu JavaScript -->
+    <script>$("#cabecera").load("cabecera.php");</script>
     <script src="js/perfil.js"></script>
 
 </body>