diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 9d935b5..dcc661b 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit, Output, ViewChild, EventEmitter } from '@angular/core';
 import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
 import { OwlOptions } from 'ngx-owl-carousel-o';
+import { Site } from 'src/app/core/interfaces/site/site';
 @Component({
   selector: 'app-slide-sites',
   templateUrl: './slide-sites.component.html',
@@ -9,7 +10,7 @@
 export class SlideSitesComponent implements OnInit {
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
-
+  @Input() sites!: Site[];
   @Output() emitAllyId = new EventEmitter();
 
   customOptions: OwlOptions = {

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 9d935b5..dcc661b 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit, Output, ViewChild, EventEmitter } from '@angular/core';
 import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
 import { OwlOptions } from 'ngx-owl-carousel-o';
+import { Site } from 'src/app/core/interfaces/site/site';
 @Component({
   selector: 'app-slide-sites',
   templateUrl: './slide-sites.component.html',
@@ -9,7 +10,7 @@
 export class SlideSitesComponent implements OnInit {
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
-
+  @Input() sites!: Site[];
   @Output() emitAllyId = new EventEmitter();
 
   customOptions: OwlOptions = {
diff --git a/src/app/modules/public/home/home.component.html b/src/app/modules/public/home/home.component.html
index 01b48cd..714a12e 100644
--- a/src/app/modules/public/home/home.component.html
+++ b/src/app/modules/public/home/home.component.html
@@ -12,7 +12,7 @@
       </p>
       <app-search class="navbar__search"  (search_change)="handlePatternSearch($event)"  [is_in_home]=true></app-search>
       <div class="dropdown-container">
-        <label for="">
+        <label for="" class="pt-3">
           <app-dropdown-categories
             [name]="'Consumibles'"
           ></app-dropdown-categories>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 9d935b5..dcc661b 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit, Output, ViewChild, EventEmitter } from '@angular/core';
 import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
 import { OwlOptions } from 'ngx-owl-carousel-o';
+import { Site } from 'src/app/core/interfaces/site/site';
 @Component({
   selector: 'app-slide-sites',
   templateUrl: './slide-sites.component.html',
@@ -9,7 +10,7 @@
 export class SlideSitesComponent implements OnInit {
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
-
+  @Input() sites!: Site[];
   @Output() emitAllyId = new EventEmitter();
 
   customOptions: OwlOptions = {
diff --git a/src/app/modules/public/home/home.component.html b/src/app/modules/public/home/home.component.html
index 01b48cd..714a12e 100644
--- a/src/app/modules/public/home/home.component.html
+++ b/src/app/modules/public/home/home.component.html
@@ -12,7 +12,7 @@
       </p>
       <app-search class="navbar__search"  (search_change)="handlePatternSearch($event)"  [is_in_home]=true></app-search>
       <div class="dropdown-container">
-        <label for="">
+        <label for="" class="pt-3">
           <app-dropdown-categories
             [name]="'Consumibles'"
           ></app-dropdown-categories>
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index ad52d9e..e4b3afa 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -2,22 +2,19 @@
     <div class="content d-flex  justify-content-center">
         <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
+            <p class="text-center Tx-14">¿Quiénes somos?</p>
+            <p class="text-center Tx-14">Contacto</p>
+        </section>
+        <section class="d-flex flex-column justify-content-start align-items-center">
+            <span class="text-center"><strong class="Ws-20">Confianza y seguridad</strong></span>
             <p class="text-center Tx-14">Terminos de servicio</p>
             <p class="text-center Tx-14">Politicas de privacidad</p>
         </section>
         <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
             <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
+            <p class="text-center Tx-14">País </p>
+            <p class="text-center Tx-14">Colombia </p>
         </section>
     </div>
     <section class="image-container d-flex justify-content-center align-items-center pt-3">

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 9d935b5..dcc661b 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit, Output, ViewChild, EventEmitter } from '@angular/core';
 import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
 import { OwlOptions } from 'ngx-owl-carousel-o';
+import { Site } from 'src/app/core/interfaces/site/site';
 @Component({
   selector: 'app-slide-sites',
   templateUrl: './slide-sites.component.html',
@@ -9,7 +10,7 @@
 export class SlideSitesComponent implements OnInit {
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
-
+  @Input() sites!: Site[];
   @Output() emitAllyId = new EventEmitter();
 
   customOptions: OwlOptions = {
diff --git a/src/app/modules/public/home/home.component.html b/src/app/modules/public/home/home.component.html
index 01b48cd..714a12e 100644
--- a/src/app/modules/public/home/home.component.html
+++ b/src/app/modules/public/home/home.component.html
@@ -12,7 +12,7 @@
       </p>
       <app-search class="navbar__search"  (search_change)="handlePatternSearch($event)"  [is_in_home]=true></app-search>
       <div class="dropdown-container">
-        <label for="">
+        <label for="" class="pt-3">
           <app-dropdown-categories
             [name]="'Consumibles'"
           ></app-dropdown-categories>
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index ad52d9e..e4b3afa 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -2,22 +2,19 @@
     <div class="content d-flex  justify-content-center">
         <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
+            <p class="text-center Tx-14">¿Quiénes somos?</p>
+            <p class="text-center Tx-14">Contacto</p>
+        </section>
+        <section class="d-flex flex-column justify-content-start align-items-center">
+            <span class="text-center"><strong class="Ws-20">Confianza y seguridad</strong></span>
             <p class="text-center Tx-14">Terminos de servicio</p>
             <p class="text-center Tx-14">Politicas de privacidad</p>
         </section>
         <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
             <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
+            <p class="text-center Tx-14">País </p>
+            <p class="text-center Tx-14">Colombia </p>
         </section>
     </div>
     <section class="image-container d-flex justify-content-center align-items-center pt-3">
diff --git a/src/styles/shared.scss b/src/styles/shared.scss
index 16a0b33..f10a795 100644
--- a/src/styles/shared.scss
+++ b/src/styles/shared.scss
@@ -100,4 +100,5 @@
     font-family: 'Spartan', sans-serif;
     font-size: 12px;
     font-weight: 400;
-}
\ No newline at end of file
+}
+

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index a3cf479..9795920 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -19,5 +19,6 @@
     phone_number_2?: string;
     phone_number_3?: string;
     email?: string;
+    url?: string;
 }
 
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 343649b..788aa82 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -10,7 +10,8 @@
             latitude: 7.3734021386687365,
             length: -72.64797890311478
         },
-        email: "Recuerdo-@gmail.com"
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
     },
     {
         id: 0,
@@ -21,7 +22,8 @@
             latitude: 7.372737130482743,
             length: -72.6485850825132
         },
-        email: "Deposito-@gmail.com"
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
     },
     {
         id: 0,
@@ -32,7 +34,8 @@
             latitude: 7.373793162733723,
             length:  -72.64887476144403
         },
-        email: "Leoporinos-@gmail.com"
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
     },
     {
         id: 0,
@@ -43,6 +46,55 @@
             latitude: 7.373793162733723,
             length:  -73.64887476144403
         },
-        email: "Restaurantegpuls@gmail.com"
-    }
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
+    {
+        id: 0,
+        name: "El recuerdo",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.3734021386687365,
+            length: -72.64797890311478
+        },
+        email: "Recuerdo-@gmail.com",
+        url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+    },
+    {
+        id: 0,
+        name: "Deposito",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.372737130482743,
+            length: -72.6485850825132
+        },
+        email: "Deposito-@gmail.com",
+        url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+    },
+    {
+        id: 0,
+        name: "Leoporinos",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -72.64887476144403
+        },
+        email: "Leoporinos-@gmail.com",
+        url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+    },
+    {
+        id: 0,
+        name: "Restaurante ǵpuls",
+        phone_number: "380-121-303",
+        address: {
+            direction: "Calle 3 Barrio la esperanza",
+            latitude: 7.373793162733723,
+            length:  -73.64887476144403
+        },
+        email: "Restaurantegpuls@gmail.com",
+        url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+    },
 ]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 8fc386a..de2c1d0 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,34 +1,40 @@
 <ul class="p-3 d-flex flex-column list__gap align-items-center justify-content-center container">
   <li class="p-3 d-flex align-items-center" *ngFor="let site of sites">
     <div class="img-container ps-1 me-5">
-      <div class=""></div>
+      <div class="" [ngStyle]="{'background-image': 'url(' + site.url + ')'}"></div>
     </div>
     <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>{{site!.name}}</h2>
-        <div>
-          <i
-            ><img src="../../../../../../assets/images/svg/star.svg" alt=""
-          /></i>
+        <h2 class="Ws-24">{{site!.name}}</h2>
+        <div class="score-icon">
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
+          <ion-icon name="star-outline"></ion-icon>
         </div>
       </div>
       <div class="d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
-          <ion-icon size="large" name="time-outline" class="me-2"></ion-icon>
-          <span class="me-4">Abierto</span>
+        <div class="d-flex align-items-center Tx-15">
+          <ion-icon  name="time-outline" class="me-2 time-icon"></ion-icon>
+          <span class="me-4 open">Abierto</span>
           <span>Cierra a las 21:00</span>
         </div>
-        <ion-icon size="large" name="people-outline"></ion-icon>
+        <ion-icon class="user-icon" name="people-outline"></ion-icon>
       </div>
-      <p>
+      <div class="d-flex align-items-center Tx-15 mt-2">
+        <span class="me-4">Direccion: Carrera 4AN-35 Centro</span>
+        <span class="ms-5">Pamplona</span>
+      </div>
+      <p class="Tx-14 mt-2">
         El restaurante gouls ofrece platos tradicionales con toques de
         modernidad, aprovechando los productos de la zona (excelentes carnes,
         salazones). combinandolos con nuevos sabores y texturas.
       </p>
-      <div class="d-flex align-items-center">
-        <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
+      <div class="d-flex align-items-center Tx-15 blue-color">
+        <ion-icon class="me-1 call-icon"  name="call-outline"></ion-icon>
         <span class="me-3">{{site!.phone_number}}</span>
-        <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
+        <ion-icon class="me-1 mail-icon"  name="mail-outline"></ion-icon>
         <span>{{site!.email}}</span>
       </div>
     </div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index 8576961..c0014c9 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -24,7 +24,6 @@
   width: 25rem;
   height: 12.5rem;
   border-radius: 20px;
-  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
   background-size: cover;
 }
 
@@ -35,3 +34,26 @@
 .list__gap{
   gap: 1rem;
 }
+
+.time-icon{
+  font-size: 25px;
+  color: var(--base-color-green);
+}
+
+.open{
+  color: var(--base-color-green);
+}
+
+.call-icon,.mail-icon{
+  font-size: 20px;
+  
+}
+
+.blue-color{
+  color: var(--base-color-blue-secondary);
+}
+
+.user-icon,.score-icon{
+  color:var(--base-color-gray-dark);
+  font-size: 25px;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index a45ce71..14f22a8 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -10,13 +10,13 @@
         <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
-    <p class="text-center m-0">Todos los sitios</p>
+    <p class="text-center m-0 Sr-19 pe-5">Todos los sitios</p>
     <div class="pe-2">
-      <app-dropdown-categories [name]="'Recomendados'"></app-dropdown-categories>
+      
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
+    <app-slide-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
     <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 5847510..4f14144 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,53 +1,21 @@
 <div class="carousel_size" >
   <owl-carousel-o [options]="customOptions" class="d-flex">
-    <ng-template carouselSlide>
-      <div class="slide d-flex flex-column justify-content-between">
+    <ng-template carouselSlide *ngFor="let site of sites">
+      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
         <div class="d-flex justify-content-end align-items-center mt-4">
           <span>5</span>
-          <img
-            src="../../../../../../assets/images/svg/medium-star.svg"
-            alt=""
-            width="25px"
-            height="25px"
-            class="mr-5"
-          />
+          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
         </div>
-        <div class="mb-4">
-          <i>Panaderia Blink</i>
+        <div class="mb-4 Ws-24">
+          <i>{{site!.name}}</i>
         </div>
       </div>
     </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
-    <ng-template carouselSlide>
-      <div class="slide">hola</div>
-    </ng-template>
   </owl-carousel-o>
 
 </div>
 
+<!-- 
+  worsans 24
+  source 18
+ -->
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 63b9567..30ddf3c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,3 +1,7 @@
+*{
+  color:white;
+}
+
 .carousel_size{
   /* width: 100vw; */
 }
@@ -8,6 +12,7 @@
 
 
 .slide{
+  position: relative;
   color: white;
   font-size: 20px;
   margin: 20px 0;
@@ -16,6 +21,9 @@
   color: black;
   height:12.5rem;
   width:25rem;
+  background-size: cover;
   /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
 }
 
+
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 9d935b5..dcc661b 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit, Output, ViewChild, EventEmitter } from '@angular/core';
 import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
 import { OwlOptions } from 'ngx-owl-carousel-o';
+import { Site } from 'src/app/core/interfaces/site/site';
 @Component({
   selector: 'app-slide-sites',
   templateUrl: './slide-sites.component.html',
@@ -9,7 +10,7 @@
 export class SlideSitesComponent implements OnInit {
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
-
+  @Input() sites!: Site[];
   @Output() emitAllyId = new EventEmitter();
 
   customOptions: OwlOptions = {
diff --git a/src/app/modules/public/home/home.component.html b/src/app/modules/public/home/home.component.html
index 01b48cd..714a12e 100644
--- a/src/app/modules/public/home/home.component.html
+++ b/src/app/modules/public/home/home.component.html
@@ -12,7 +12,7 @@
       </p>
       <app-search class="navbar__search"  (search_change)="handlePatternSearch($event)"  [is_in_home]=true></app-search>
       <div class="dropdown-container">
-        <label for="">
+        <label for="" class="pt-3">
           <app-dropdown-categories
             [name]="'Consumibles'"
           ></app-dropdown-categories>
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index ad52d9e..e4b3afa 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -2,22 +2,19 @@
     <div class="content d-flex  justify-content-center">
         <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
+            <p class="text-center Tx-14">¿Quiénes somos?</p>
+            <p class="text-center Tx-14">Contacto</p>
+        </section>
+        <section class="d-flex flex-column justify-content-start align-items-center">
+            <span class="text-center"><strong class="Ws-20">Confianza y seguridad</strong></span>
             <p class="text-center Tx-14">Terminos de servicio</p>
             <p class="text-center Tx-14">Politicas de privacidad</p>
         </section>
         <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
             <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
             <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
+            <p class="text-center Tx-14">País </p>
+            <p class="text-center Tx-14">Colombia </p>
         </section>
     </div>
     <section class="image-container d-flex justify-content-center align-items-center pt-3">
diff --git a/src/styles/shared.scss b/src/styles/shared.scss
index 16a0b33..f10a795 100644
--- a/src/styles/shared.scss
+++ b/src/styles/shared.scss
@@ -100,4 +100,5 @@
     font-family: 'Spartan', sans-serif;
     font-size: 12px;
     font-weight: 400;
-}
\ No newline at end of file
+}
+
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index a72203d..796461b 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -5,10 +5,12 @@
   --base-color-dark: #1c1c1c;
   --base-color-secondary: #ffd600;
   --base-color-blue: #2635bc;
+  --base-color-blue-secondary: #404BB4;
   --base-color-white: #ffffff;
   --base-color-gray-light: #f2f2f2;
   --base-color-gray: #cecece;
   --base-color-gray-dark: #8c8c8c;
+  --base-color-green: #3A9B43;
   --base-rounded-small: 5px;
   --base-rounded-medium: 10px;
   --base-rounded-large: 20px;