diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ 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 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ
diff --git a/src/assets/markers/greenmarker.png b/src/assets/markers/greenmarker.png
new file mode 100644
index 0000000..b391d9a
--- /dev/null
+++ b/src/assets/markers/greenmarker.png
Binary files differ

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ
diff --git a/src/assets/markers/greenmarker.png b/src/assets/markers/greenmarker.png
new file mode 100644
index 0000000..b391d9a
--- /dev/null
+++ b/src/assets/markers/greenmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.png b/src/assets/markers/redmarker.png
new file mode 100644
index 0000000..6ef956a
--- /dev/null
+++ b/src/assets/markers/redmarker.png
Binary files differ

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ
diff --git a/src/assets/markers/greenmarker.png b/src/assets/markers/greenmarker.png
new file mode 100644
index 0000000..b391d9a
--- /dev/null
+++ b/src/assets/markers/greenmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.png b/src/assets/markers/redmarker.png
new file mode 100644
index 0000000..6ef956a
--- /dev/null
+++ b/src/assets/markers/redmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.svg b/src/assets/markers/redmarker.svg
new file mode 100644
index 0000000..b0e928d
--- /dev/null
+++ b/src/assets/markers/redmarker.svg
@@ -0,0 +1,35 @@
+<svg width="48" height="59" viewBox="0 0 48 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_61:2050)">
+<circle cx="24" cy="20" r="20" fill="#B72929"/>
+</g>
+<g filter="url(#filter1_d_61:2050)">
+<path d="M24.0001 50.2971L15.2541 35.1486H32.7461L24.0001 50.2971Z" fill="#B72929"/>
+</g>
+<path d="M27.9063 23.9062C28.769 23.9062 29.4688 24.7808 29.4688 25.8594C29.4688 26.938 28.769 27.8125 27.9063 27.8125H14.625C13.7622 27.8125 13.0625 26.938 13.0625 25.8594C13.0625 24.7808 13.7622 23.9062 14.625 23.9062M27.2227 27.8125C27.2227 29.5386 26.2144 30.9375 24.4883 30.9375H18.043C16.3169 30.9375 15.3086 29.5386 15.3086 27.8125H27.2227Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M23.2676 12.9688L23.6309 16.0923M28.2969 23.9062H20.2554C20.1519 23.9063 20.0527 23.9474 19.9795 24.0205L18.6694 25.3306C18.6513 25.3487 18.6298 25.3631 18.606 25.373C18.5823 25.3828 18.5569 25.3878 18.5313 25.3878C18.5056 25.3878 18.4802 25.3828 18.4565 25.373C18.4327 25.3631 18.4112 25.3487 18.3931 25.3306L17.083 24.0205C17.0098 23.9474 16.9106 23.9063 16.8071 23.9062H14.2344C13.9236 23.9062 13.6255 23.7828 13.4057 23.563C13.186 23.3432 13.0625 23.0452 13.0625 22.7344V22.7344C13.0625 22.4236 13.186 22.1255 13.4057 21.9057C13.6255 21.686 13.9236 21.5625 14.2344 21.5625H28.2969C28.6077 21.5625 28.9057 21.686 29.1255 21.9057C29.3453 22.1255 29.4688 22.4236 29.4688 22.7344C29.4688 23.0452 29.3453 23.3432 29.1255 23.563C28.9057 23.7828 28.6077 23.9062 28.2969 23.9062ZM14.625 20.9766V20.9658C14.625 18.2803 16.8223 16.875 19.5078 16.875H23.0234C25.709 16.875 27.9063 18.291 27.9063 20.9766V20.9658L14.625 20.9766Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M24 30.9375H30.8022C31.1964 30.9375 31.5761 30.7885 31.865 30.5204C32.154 30.2522 32.3309 29.8848 32.3604 29.4917L34.1074 12.9688" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M29.4688 12.9688L30.25 9.84375L32.5449 9.0625" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4375 12.9688H34.9375" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<defs>
+<filter id="filter0_d_61:2050" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+<filter id="filter1_d_61:2050" x="11.2542" y="35.1486" width="25.4919" height="23.1486" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+</defs>
+</svg>

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ
diff --git a/src/assets/markers/greenmarker.png b/src/assets/markers/greenmarker.png
new file mode 100644
index 0000000..b391d9a
--- /dev/null
+++ b/src/assets/markers/greenmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.png b/src/assets/markers/redmarker.png
new file mode 100644
index 0000000..6ef956a
--- /dev/null
+++ b/src/assets/markers/redmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.svg b/src/assets/markers/redmarker.svg
new file mode 100644
index 0000000..b0e928d
--- /dev/null
+++ b/src/assets/markers/redmarker.svg
@@ -0,0 +1,35 @@
+<svg width="48" height="59" viewBox="0 0 48 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_61:2050)">
+<circle cx="24" cy="20" r="20" fill="#B72929"/>
+</g>
+<g filter="url(#filter1_d_61:2050)">
+<path d="M24.0001 50.2971L15.2541 35.1486H32.7461L24.0001 50.2971Z" fill="#B72929"/>
+</g>
+<path d="M27.9063 23.9062C28.769 23.9062 29.4688 24.7808 29.4688 25.8594C29.4688 26.938 28.769 27.8125 27.9063 27.8125H14.625C13.7622 27.8125 13.0625 26.938 13.0625 25.8594C13.0625 24.7808 13.7622 23.9062 14.625 23.9062M27.2227 27.8125C27.2227 29.5386 26.2144 30.9375 24.4883 30.9375H18.043C16.3169 30.9375 15.3086 29.5386 15.3086 27.8125H27.2227Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M23.2676 12.9688L23.6309 16.0923M28.2969 23.9062H20.2554C20.1519 23.9063 20.0527 23.9474 19.9795 24.0205L18.6694 25.3306C18.6513 25.3487 18.6298 25.3631 18.606 25.373C18.5823 25.3828 18.5569 25.3878 18.5313 25.3878C18.5056 25.3878 18.4802 25.3828 18.4565 25.373C18.4327 25.3631 18.4112 25.3487 18.3931 25.3306L17.083 24.0205C17.0098 23.9474 16.9106 23.9063 16.8071 23.9062H14.2344C13.9236 23.9062 13.6255 23.7828 13.4057 23.563C13.186 23.3432 13.0625 23.0452 13.0625 22.7344V22.7344C13.0625 22.4236 13.186 22.1255 13.4057 21.9057C13.6255 21.686 13.9236 21.5625 14.2344 21.5625H28.2969C28.6077 21.5625 28.9057 21.686 29.1255 21.9057C29.3453 22.1255 29.4688 22.4236 29.4688 22.7344C29.4688 23.0452 29.3453 23.3432 29.1255 23.563C28.9057 23.7828 28.6077 23.9062 28.2969 23.9062ZM14.625 20.9766V20.9658C14.625 18.2803 16.8223 16.875 19.5078 16.875H23.0234C25.709 16.875 27.9063 18.291 27.9063 20.9766V20.9658L14.625 20.9766Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M24 30.9375H30.8022C31.1964 30.9375 31.5761 30.7885 31.865 30.5204C32.154 30.2522 32.3309 29.8848 32.3604 29.4917L34.1074 12.9688" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M29.4688 12.9688L30.25 9.84375L32.5449 9.0625" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4375 12.9688H34.9375" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<defs>
+<filter id="filter0_d_61:2050" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+<filter id="filter1_d_61:2050" x="11.2542" y="35.1486" width="25.4919" height="23.1486" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/markers/yellowmarker.png b/src/assets/markers/yellowmarker.png
new file mode 100644
index 0000000..e0c2a0b
--- /dev/null
+++ b/src/assets/markers/yellowmarker.png
Binary files differ

diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 97f2724..a3cf479 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -6,7 +6,7 @@
 import { Schedule } from './schedule/schedule';
 
 export interface Site {
-    id: string;
+    id: number;
     name: string;
     owner?: Owner;
     galery?: Galery;
diff --git a/src/app/core/interfaces/utils/forms/filters.ts b/src/app/core/interfaces/utils/forms/filters.ts
new file mode 100644
index 0000000..c5a2269
--- /dev/null
+++ b/src/app/core/interfaces/utils/forms/filters.ts
@@ -0,0 +1,8 @@
+export interface Ffilter {
+  search: string,
+  lat: number,
+  lng: number,
+  location: string,
+  category: string;
+  zoom: number;
+}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 8e279e5..343649b 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -2,30 +2,47 @@
 
 export const SITES: Site[] = [
     {
-        id: "f",
+        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"
     },
     {
-        id: "f",
+        id: 0,
         name: "Deposito",
+        phone_number: "380-121-303",
         address: {
             direction: "Calle 3 Barrio la esperanza",
-            latitude: 7.372737130482743, 
+            latitude: 7.372737130482743,
             length: -72.6485850825132
-        }
+        },
+        email: "Deposito-@gmail.com"
     },
     {
-        id: "f",
+        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"
+    },
+    {
+        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"
     }
-]
\ No newline at end of file
+]
diff --git a/src/app/core/services/query/query.service.ts b/src/app/core/services/query/query.service.ts
new file mode 100644
index 0000000..8c7599b
--- /dev/null
+++ b/src/app/core/services/query/query.service.ts
@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QueryService {
+
+  constructor(private http: HttpClient) { }
+
+  query(url: string, method: string, params?:any) {
+    switch(method){
+      case 'GET':
+        return this.http.get(url, params);
+        break;
+      case 'POST':
+        return this.http.post(url, params);
+        break
+    }
+    return null;
+  }
+}
diff --git a/src/app/core/services/site/site.service.ts b/src/app/core/services/site/site.service.ts
index 98d0ba7..aa87fb1 100644
--- a/src/app/core/services/site/site.service.ts
+++ b/src/app/core/services/site/site.service.ts
@@ -10,17 +10,12 @@
 })
 export class SiteService {
 
-  BASE_URL_API = environment.BASE_URL_API + "/sites"
+  BASE_URL_API = environment.BASE_URL_API + "/allys/"
 
   constructor(private http: HttpClient) { }
 
   getSites(): Observable<Site[]> {
-    return this.http.get<Site[]>(this.BASE_URL_API, {
-      headers: {
-        "Access-Control-Request-Headers": "*",
-        "Access-Control-Request-Method": "*"
-      }
-    });
+    return this.http.get<Site[]>(this.BASE_URL_API);
   }
 
   getSite(id: string): Observable<Site> {
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 15c0366..8fc386a 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,11 +1,11 @@
-<ul class="p-3 d-flex align-items-center justify-content-center container">
-  <li class="p-3 d-flex align-items-center">
+<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>
-    <div class="info-container">
+    <div (click)="handlePatternAllyId(site!.id)" class="info-container">
       <div class="title d-flex justify-content-between align-items-center">
-        <h2>Restaurante ǵpuls</h2>
+        <h2>{{site!.name}}</h2>
         <div>
           <i
             ><img src="../../../../../../assets/images/svg/star.svg" alt=""
@@ -27,9 +27,9 @@
       </p>
       <div class="d-flex align-items-center">
         <ion-icon class="me-1" size="large" name="call-outline"></ion-icon>
-        <span class="me-3">380-121-303</span>
+        <span class="me-3">{{site!.phone_number}}</span>
         <ion-icon class="me-1" size="large" name="mail-outline"></ion-icon>
-        <span>Panaderia-@gmail.com</span>
+        <span>{{site!.email}}</span>
       </div>
     </div>
   </li>
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 6837eb3..8576961 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
@@ -17,7 +17,7 @@
 }
 
 .img-container {
- 
+
 }
 
 .img-container div {
@@ -31,3 +31,7 @@
 .info-container{
   width: 60%;
 }
+
+.list__gap{
+  gap: 1rem;
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
deleted file mode 100644
index 1597a3b..0000000
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { ListSitesComponent } from './list-sites.component';
-
-describe('ListSitesComponent', () => {
-  let component: ListSitesComponent;
-  let fixture: ComponentFixture<ListSitesComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListSitesComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListSitesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index f5f3f1c..bca2daa 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
@@ -7,43 +8,16 @@
 })
 export class ListSitesComponent implements OnInit {
 
+  @Input() sites!: Site[];
+  @Output() emitAllyId = new EventEmitter();
+
   constructor() { }
 
   ngOnInit() {
   }
 
-  customOptions: OwlOptions = {
-    loop: true,
-    mouseDrag: true,
-    autoplay: false,
-    autoplayTimeout: 2000,
-    autoplayHoverPause:true,
-    touchDrag: false,
-    pullDrag: false,
-    dots: false,
-    margin:1,
-    navSpeed: 700,
-    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
-    nav: true,
-    /* responsive: {
-        0: {
-          items: 1,
-          nav: true
-        },
-        600: {
-          items: 1,
-          nav: true
-        },
-        1000: {
-          items: 2,
-          nav: true,
-          loop: true
-        },
-        1500: {
-          items: 4,
-          nav: true,
-          loop: true
-        }
-      } */
+  handlePatternAllyId($event: number) {
+    this.emitAllyId.emit($event);
   }
+
 }
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index f39d0d3..cb3e3bb 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -6,13 +6,15 @@
     [center]="position"
     [options]="options"
     [zoom]="zoom"
-    (mapClick)="closeInfoWindow()">
+    (mapClick)="closeInfoWindow()"
+    (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers | search: search"
+      *ngFor="let marker of markers"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
+      [icon]="marker.icon"
       [options]="marker.options"
       (mapClick)="openInfoWindow(markerElem, marker.info)"
       (mapMouseover)="openInfoWindow(markerElem, marker.info)"
diff --git a/src/app/modules/public/discover/components/map/map.component.ts b/src/app/modules/public/discover/components/map/map.component.ts
index 13346fc..d46605e 100644
--- a/src/app/modules/public/discover/components/map/map.component.ts
+++ b/src/app/modules/public/discover/components/map/map.component.ts
@@ -1,4 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Ffilter } from './../../../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MapInfoWindow, MapMarker, GoogleMap } from '@angular/google-maps'
 import { Site } from 'src/app/core/interfaces/site/site';
 import { } from 'googlemaps'
@@ -10,23 +11,21 @@
   styleUrls: ['./map.component.scss'],
   encapsulation: ViewEncapsulation.None,
 })
-export class MapComponent implements OnInit {
+export class MapComponent implements OnInit, AfterViewInit {
 
-  /*  @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;
-   @ViewChild(MapInfoWindow, { static: false }) info!: MapInfoWindow; */
   @ViewChild('mapa', { static: false }) map!: GoogleMap;
   @ViewChild(MapInfoWindow, { static: false }) info_window!: MapInfoWindow;
 
-  @Input() sites: Site[] = SITES;
-  @Input() search: string = '';
+  sites: Site[] = SITES;
+  @Input() form!: Ffilter;
 
-  mapa?: google.maps.Map;
+  mapa?: any;
   zoom = 17;
   position!: google.maps.LatLngLiteral
   markers: any[] = [];
   info_window_content: Site = {
     name: "",
-    id: "",
+    id: 0,
     address: {
       latitude: 1234,
       length: 123
@@ -81,21 +80,22 @@
 
   ngOnInit(): void {
     this.position = {
-      lat: 7.376362792514798,
-      lng: -72.65115193327162
+      lat: this.form.lat,
+      lng: this.form.lng
     };
     this.createMarkers();
   }
 
+  ngAfterViewInit() {
+    console.log(this.map)
+  }
+
   createMarkers() {
-    const svgMarker = {
-      path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
-      fillColor: "blue",
-      fillOpacity: 0.6,
-      strokeWeight: 0,
-      rotation: 0,
-      scale: 2,
-      anchor: new google.maps.Point(15, 30),
+    const image = {
+      url: "../../../../../../assets/markers/redmarker.png",
+      size: new google.maps.Size(36, 36),
+      origin: new google.maps.Point(0, 0),
+      anchor: new google.maps.Point(0, 29),
     };
     this.sites.forEach((site: Site) => {
       this.markers.push({
@@ -103,18 +103,11 @@
           lat: site.address!.latitude,
           lng: site.address!.length
         },
-        label: {
-          color: '',
-          text: site.name,
-        },
         title: site.name,
         info: {
           ...site
         },
-        icon: svgMarker
-        /* icon: {
-          url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/2214px-How_to_use_icon.svg.png"
-        } */
+        icon: image
       })
     })
   }
@@ -128,4 +121,11 @@
     this.info_window.close()
   }
 
+  mapIsDragged() {
+    this.form.lat = this.map.googleMap?.getCenter().lat() || 0
+    this.form.lng = this.map.googleMap?.getCenter().lat() || 0
+    this.form.zoom = parseInt(this.map.googleMap?.getZoom().toPrecision() || '17') || 17
+    console.log(this.form)
+  }
+
 }
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.html b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
index 09c04fd..298553d 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.html
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.html
@@ -6,6 +6,7 @@
   tabindex="-1"
   aria-labelledby="staticBackdropLabel"
   aria-hidden="true"
+  role="dialog"
 >
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
@@ -17,6 +18,11 @@
             <p>1345</p>
           </div>
           <div>
+            <i
+              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
+            /></i>
+          </div>
+          <div>
             <p>Horario</p>
             <p>1345</p>
           </div>
diff --git a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
index 21b210c..8137702 100644
--- a/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
+++ b/src/app/modules/public/discover/components/modal-site/modal-site.component.ts
@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit } from '@angular/core';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-modal-site',
@@ -7,9 +10,22 @@
 })
 export class ModalSiteComponent implements OnInit {
 
-  constructor() { }
+  url = environment.BASE_URL_API;
+  loading = true;
+  @Input() allyId!: number;
+  ally!: Site;
+
+  constructor(private queryService: QueryService) { }
 
   ngOnInit(): void {
+    this.queryService.query(`${this.url}/allys/${this.allyId}/`, 'GET')?.subscribe(
+      (data) => {
+        console.log(data);
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
 }
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 4e7464a..a45ce71 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -16,10 +16,10 @@
     </div>
   </section>
   <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
-    <app-slide-sites style="width:100%;" ></app-slide-sites>
+    <app-slide-sites (emitAllyId)="handlePatternAllyId($event)" style="width:100%;" ></app-slide-sites>
   </div>
   <div *ngIf="!is_slide_mode" class="has-bg-gray-light">
-    <app-list-sites ></app-list-sites>
+    <app-list-sites [sites]="sites" (emitAllyId)="handlePatternAllyId($event)"></app-list-sites>
   </div>
 </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index d24891f..dab1d99 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -1,4 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { SITES } from './../../../../../core/mocks/data';
+import { Site } from 'src/app/core/interfaces/site/site';
+import { environment } from './../../../../../../environments/environment';
+import { QueryService } from './../../../../../core/services/query/query.service';
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 @Component({
   selector: 'app-sites',
@@ -7,10 +11,25 @@
 })
 export class SitesComponent implements OnInit {
 
+
+  @Output() emitAllyId = new EventEmitter();
   @Input() is_slide_mode: boolean = true;
+
   icon_border_all = faBorderAll;
-  constructor() { }
+  url = environment.BASE_URL_API;
+  sites: Site[] = SITES;
+
+  constructor(private queryService: QueryService) { }
+
   ngOnInit() {
+    this.queryService.query(`${this.url}/allys/`, 'GET')?.subscribe(
+      (data) => {
+        console.log("This is data",data)
+      },
+      (error) => {
+        console.log(error)
+      }
+    )
   }
 
   changeModeList(){
@@ -21,4 +40,8 @@
     this.is_slide_mode=false;
   }
 
+  handlePatternAllyId($event: any) {
+    this.emitAllyId.emit($event);
+  }
+
 }
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 518e2f7..9d935b5 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,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+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';
 @Component({
@@ -10,6 +10,8 @@
   icon_chevron_up = faChevronCircleUp;
   @ViewChild('album-rotator-holder') albumRotator: any;
 
+  @Output() emitAllyId = new EventEmitter();
+
   customOptions: OwlOptions = {
     loop: true,
     mouseDrag: true,
@@ -48,4 +50,9 @@
   constructor() {}
 
   ngOnInit() {}
+
+  handlePatternAllyId(allyId: number){
+    this.emitAllyId.emit(allyId);
+  }
+
 }
diff --git a/src/app/modules/public/discover/discover.component.html b/src/app/modules/public/discover/discover.component.html
index e16b75c..396cbd0 100644
--- a/src/app/modules/public/discover/discover.component.html
+++ b/src/app/modules/public/discover/discover.component.html
@@ -1,10 +1,10 @@
 <div class="discover__layout">
   <app-navbar  (search_change)="handlePatternSearch($event)"></app-navbar>
     <div class="discover__content">
-      <app-map [search]="search"></app-map>
+      <app-map [form]="form"></app-map>
       <article>
         <section>
-          <app-sites></app-sites>
+          <app-sites (emitAllyId)="handlePatternAllyId($event)"></app-sites>
         </section>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
           Launch static backdrop modal
@@ -14,6 +14,6 @@
   <div class="discover__filters">
     <app-filters></app-filters>
   </div>
-
   <app-footer></app-footer>
+  <app-modal-site #modalSiteComponent [allyId]="allyId"></app-modal-site>
 </div>
diff --git a/src/app/modules/public/discover/discover.component.ts b/src/app/modules/public/discover/discover.component.ts
index ab2819d..3801492 100644
--- a/src/app/modules/public/discover/discover.component.ts
+++ b/src/app/modules/public/discover/discover.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
 import { Site } from 'src/app/core/interfaces/site/site';
@@ -10,19 +11,30 @@
   templateUrl: './discover.component.html',
   styleUrls: ['./discover.component.scss']
 })
-export class DiscoverComponent implements OnInit {
+export class DiscoverComponent implements OnInit, AfterViewInit {
+
+  @ViewChild('modalSiteComponent') modal: any;
 
   icon_border_all = faBorderAll;
+  allyId: number = -1;
   sites: Site[] = SITES;
   search: string = '';
+  form: Ffilter = {
+    search: '',
+    lat: 7.376362792514798,
+    lng: -72.65115193327162,
+    location: '',
+    category: '',
+    zoom: 2,
+  }
 
   constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
     this.setTitle("Discover | Camara de comercio|");
-    /* this.site_service.getSites().subscribe(
+   /*  this.site_service.getSites().subscribe(
       (sites) => {
-        console.log(sites)
+        console.log("this is sites",sites)
         this.sites = sites
       },
       (error) => {
@@ -32,6 +44,10 @@
     this.getQueryParams();
   }
 
+  ngAfterViewInit() {
+
+  }
+
   public setTitle(newTitle: string) {
     this.title.setTitle(newTitle);
   }
@@ -39,17 +55,21 @@
   public getQueryParams(){
     this.activeRoute.queryParams.subscribe(
       (data) => {
-        console.log("This is data search ",data);
         if(data.search){
-          this.search = data.search;
+          this.form.search = data.search;
         }
       }
     )
   }
 
   handlePatternSearch($event: any) {
-    console.log("Parametro de busqueda",$event)
-    this.search = $event;
+    this.form.search = $event;
+  }
+
+  handlePatternAllyId($event: any) {
+    console.log(this.modal);
+    document.getElementById('staticBackdrop')?.classList.remove('fade')
+    this.allyId = $event;
   }
 
 }
diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts
deleted file mode 100644
index 918ce70..0000000
--- a/src/app/shared/components/search/search.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SearchComponent } from './search.component';
-
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/assets/markers/bluemarker.png b/src/assets/markers/bluemarker.png
new file mode 100644
index 0000000..e62dec6
--- /dev/null
+++ b/src/assets/markers/bluemarker.png
Binary files differ
diff --git a/src/assets/markers/greenmarker.png b/src/assets/markers/greenmarker.png
new file mode 100644
index 0000000..b391d9a
--- /dev/null
+++ b/src/assets/markers/greenmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.png b/src/assets/markers/redmarker.png
new file mode 100644
index 0000000..6ef956a
--- /dev/null
+++ b/src/assets/markers/redmarker.png
Binary files differ
diff --git a/src/assets/markers/redmarker.svg b/src/assets/markers/redmarker.svg
new file mode 100644
index 0000000..b0e928d
--- /dev/null
+++ b/src/assets/markers/redmarker.svg
@@ -0,0 +1,35 @@
+<svg width="48" height="59" viewBox="0 0 48 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_61:2050)">
+<circle cx="24" cy="20" r="20" fill="#B72929"/>
+</g>
+<g filter="url(#filter1_d_61:2050)">
+<path d="M24.0001 50.2971L15.2541 35.1486H32.7461L24.0001 50.2971Z" fill="#B72929"/>
+</g>
+<path d="M27.9063 23.9062C28.769 23.9062 29.4688 24.7808 29.4688 25.8594C29.4688 26.938 28.769 27.8125 27.9063 27.8125H14.625C13.7622 27.8125 13.0625 26.938 13.0625 25.8594C13.0625 24.7808 13.7622 23.9062 14.625 23.9062M27.2227 27.8125C27.2227 29.5386 26.2144 30.9375 24.4883 30.9375H18.043C16.3169 30.9375 15.3086 29.5386 15.3086 27.8125H27.2227Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M23.2676 12.9688L23.6309 16.0923M28.2969 23.9062H20.2554C20.1519 23.9063 20.0527 23.9474 19.9795 24.0205L18.6694 25.3306C18.6513 25.3487 18.6298 25.3631 18.606 25.373C18.5823 25.3828 18.5569 25.3878 18.5313 25.3878C18.5056 25.3878 18.4802 25.3828 18.4565 25.373C18.4327 25.3631 18.4112 25.3487 18.3931 25.3306L17.083 24.0205C17.0098 23.9474 16.9106 23.9063 16.8071 23.9062H14.2344C13.9236 23.9062 13.6255 23.7828 13.4057 23.563C13.186 23.3432 13.0625 23.0452 13.0625 22.7344V22.7344C13.0625 22.4236 13.186 22.1255 13.4057 21.9057C13.6255 21.686 13.9236 21.5625 14.2344 21.5625H28.2969C28.6077 21.5625 28.9057 21.686 29.1255 21.9057C29.3453 22.1255 29.4688 22.4236 29.4688 22.7344C29.4688 23.0452 29.3453 23.3432 29.1255 23.563C28.9057 23.7828 28.6077 23.9062 28.2969 23.9062ZM14.625 20.9766V20.9658C14.625 18.2803 16.8223 16.875 19.5078 16.875H23.0234C25.709 16.875 27.9063 18.291 27.9063 20.9766V20.9658L14.625 20.9766Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M24 30.9375H30.8022C31.1964 30.9375 31.5761 30.7885 31.865 30.5204C32.154 30.2522 32.3309 29.8848 32.3604 29.4917L34.1074 12.9688" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M29.4688 12.9688L30.25 9.84375L32.5449 9.0625" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4375 12.9688H34.9375" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+<defs>
+<filter id="filter0_d_61:2050" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+<filter id="filter1_d_61:2050" x="11.2542" y="35.1486" width="25.4919" height="23.1486" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61:2050"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61:2050" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/markers/yellowmarker.png b/src/assets/markers/yellowmarker.png
new file mode 100644
index 0000000..e0c2a0b
--- /dev/null
+++ b/src/assets/markers/yellowmarker.png
Binary files differ
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index ca044d3..7faeaff 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  BASE_URL_API: "http://127.0.0.1:5000"
+  BASE_URL_API: "http://127.0.0.1:8000"
 };
 
 /*