diff --git a/src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.ts b/src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.ts
index 4a4a261..fcabc17 100644
--- a/src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.ts
+++ b/src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.ts
@@ -1,4 +1,14 @@
 import { Component, OnInit } from '@angular/core';
+import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
+import { IUsuarioExtra } from '../../usuario-extra/usuario-extra.model';
+import { IUser } from '../../user/user.model';
+import { UsuarioEncuestaService } from '../../usuario-encuesta/service/usuario-encuesta.service';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { UsuarioExtraService } from '../../usuario-extra/service/usuario-extra.service';
+import { ActivatedRoute, Router } from '@angular/router';
+import { AccountService } from '../../../core/auth/account.service';
+import { HttpResponse } from '@angular/common/http';
+import * as dayjs from 'dayjs';
 
 @Component({
   selector: 'jhi-dashboard-user',
@@ -6,7 +16,42 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./dashboard-user.component.scss'],
 })
 export class DashboardUserComponent implements OnInit {
-  constructor() {}
+  usuarioEncuestas?: IUsuarioEncuesta[];
+  usuarioExtra: IUsuarioExtra | null = null;
+  user: IUser | null = null;
 
-  ngOnInit(): void {}
+  constructor(
+    protected usuarioEncuestaService: UsuarioEncuestaService,
+    protected modalService: NgbModal,
+    protected usuarioExtraService: UsuarioExtraService,
+    protected activatedRoute: ActivatedRoute,
+    protected accountService: AccountService,
+    protected router: Router
+  ) {}
+
+  ngOnInit(): void {
+    this.accountService.getAuthenticationState().subscribe(account => {
+      if (account !== null) {
+        this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {
+          this.usuarioExtra = usuarioExtra.body;
+          this.loadAllColaboraciones();
+          if (this.usuarioExtra !== null) {
+            if (this.usuarioExtra.id === undefined) {
+              const today = dayjs().startOf('day');
+              this.usuarioExtra.fechaNacimiento = today;
+            }
+          }
+        });
+      }
+    });
+  }
+
+  loadAllColaboraciones(): void {
+    this.usuarioEncuestaService.query().subscribe((res: HttpResponse<IUsuarioEncuesta[]>) => {
+      const tempUsuarioEncuestas = res.body ?? [];
+      this.usuarioEncuestas = tempUsuarioEncuestas
+        .filter(c => c.usuarioExtra?.id === this.usuarioExtra?.id)
+        .filter(c => c.encuesta?.estado !== 'DELETED');
+    });
+  }
 }
diff --git a/src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.component.html b/src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.component.html
index ca7956a..5f490eb 100644
--- a/src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.component.html
+++ b/src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.component.html
@@ -1,21 +1,34 @@
 <div class="row">
   <div class="col">
-    <div class="page-header-ui page-header-ui-dark bg-img-cover overlay">
-      <div class="container px-0 text-black">
-        <h1 class="page-header-ui-title">¡Compre y utilice las plantillas!</h1>
+    <div
+      class="page-header-ui page-header-ui-dark bg-img-cover overlay overlay-60"
+      style="background-image: url('../../content/img_datasurvey/survey-shop.png')"
+    >
+      <div class="page-header-ui-content py-5 position-relative">
+        <div class="container px-5">
+          <div class="row gx-5 justify-content-start">
+            <div class="col-xl-8 col-lg-10 text-left" style="color: white">
+              <div data-aos="fade-up">
+                <h1 class="page-header-ui-title" style="color: white">¡Compre y utilice las plantillas!</h1>
 
-        <h2>Puede comprar sus plantillas mediante <b> PayPal </b> <fa-icon [icon]="faCreditCard"></fa-icon></h2>
+                <h2>
+                  Puede comprar sus plantillas mediante <b> PayPal </b>
+                  <fa-icon [icon]="faCreditCard"></fa-icon>
+                </h2>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
-
     <div class="bg-light py-10 container-encuestas">
       <div class="container px-0">
         <!--filtrado-->
 
         <div class="input-group">
-          <div class="ds-filter">
+          <div class="ds-filter ds-form">
             <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
-            <input class="form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
+            <input class="ds-form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
           </div>
           <!--<div class="ds-filter">
             <select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px">
diff --git a/src/main/webapp/app/pagina-principal/pagina-principal.component.html b/src/main/webapp/app/pagina-principal/pagina-principal.component.html
index 95b744d..1caba47 100644
--- a/src/main/webapp/app/pagina-principal/pagina-principal.component.html
+++ b/src/main/webapp/app/pagina-principal/pagina-principal.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col">
-    <div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light">
+    <div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light" style="background-color: #fbfafa">
       <div class="container px-5 py-4">
         <h1 class="ds-title" [hidden]="notAccount">Inicio</h1>
         <a class="text-dark" href=" " [hidden]="!notAccount">
@@ -25,15 +25,29 @@
         </div>
       </div>
     </div>
+    <div
+      class="page-header-ui page-header-ui-dark bg-img-cover overlay overlay-40"
+      style="background-image: url('../../content/img_datasurvey/banner1.webp'); background-position-y: -325px"
+    >
+      <div class="page-header-ui-content py-5 position-relative" style="height: 330px">
+        <div class="container px-5">
+          <div class="row gx-5 justify-content-center">
+            <div class="col-xl-8 col-lg-10 text-center">
+              <div data-aos="fade-up"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
 
     <div class="bg-light py-10 container-encuestas">
       <div class="container px-0">
         <!--filtrado-->
 
-        <div class="input-group">
+        <div class="input-group ds-form">
           <div class="ds-filter">
             <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
-            <input class="form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
+            <input class="ds-form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
           </div>
           <!--<div class="ds-filter">
             <select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px">
diff --git a/src/main/webapp/i18n/es/home.json b/src/main/webapp/i18n/es/home.json
index 643f0ab..49ce5bd 100644
--- a/src/main/webapp/i18n/es/home.json
+++ b/src/main/webapp/i18n/es/home.json
@@ -15,5 +15,8 @@
     },
     "like": "Si te gusta JHipster, danos una estrella en",
     "github": "GitHub"
+  },
+  "paginaPrincipal": {
+    "title": "DataSurvey"
   }
 }