data driven about us screen

src/app/services/team-member.service.ts

@@ -0,0 +1,37 @@
+import { Injectable, inject } from '@angular/core';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { TeamMember } from '../interfaces/team-member';
+import { getAppConfig } from './app-config.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TeamMemberService {
+  private http = inject(HttpClient);
+  private baseUrl = `${getAppConfig().apiBaseUrl}/api/team`;
+
+  /** Fetch team members, optionally filtered by active status. */
+  getTeamMembers(active?: boolean): Observable<TeamMember[]> {
+    let params = new HttpParams();
+    if (active !== undefined) params = params.set('active', String(active));
+    return this.http.get<TeamMember[]>(this.baseUrl, { params });
+  }
+
+  getTeamMember(id: number): Observable<TeamMember> {
+    return this.http.get<TeamMember>(`${this.baseUrl}/${id}`);
+  }
+
+  createTeamMember(payload: Omit<TeamMember, 'id'>): Observable<TeamMember> {
+    return this.http.post<TeamMember>(this.baseUrl, payload);
+  }
+
+  updateTeamMember(id: number, payload: Partial<TeamMember>): Observable<TeamMember> {
+    return this.http.put<TeamMember>(`${this.baseUrl}/${id}`, payload);
+  }
+
+  deleteTeamMember(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/${id}`);
+  }
+}