diff --git a/src/modules/web-information/banner/data/services/banner-read.service.ts b/src/modules/web-information/banner/data/services/banner-read.service.ts
new file mode 100644
index 0000000..bc5e314
--- /dev/null
+++ b/src/modules/web-information/banner/data/services/banner-read.service.ts
@@ -0,0 +1,17 @@
+import { Injectable } from '@nestjs/common';
+import { BannerEntity } from '../../domain/entities/banner.entity';
+import { InjectRepository } from '@nestjs/typeorm';
+import { BannerModel } from '../models/banner.model';
+import { CONNECTION_NAME } from 'src/core/strings/constants/base.constants';
+import { Repository } from 'typeorm';
+import { BaseReadService } from 'src/core/modules/data/service/base-read.service';
+
+@Injectable()
+export class BannerReadService extends BaseReadService<BannerEntity> {
+  constructor(
+    @InjectRepository(BannerModel, CONNECTION_NAME.DEFAULT)
+    private repo: Repository<BannerModel>,
+  ) {
+    super(repo);
+  }
+}
diff --git a/src/modules/web-information/banner/domain/entities/filter-banner.entity.ts b/src/modules/web-information/banner/domain/entities/filter-banner.entity.ts
new file mode 100644
index 0000000..a895e80
--- /dev/null
+++ b/src/modules/web-information/banner/domain/entities/filter-banner.entity.ts
@@ -0,0 +1,3 @@
+import { BaseFilterEntity } from 'src/core/modules/domain/entities/base-filter.entity';
+
+export interface FilterBannerEntity extends BaseFilterEntity {}
diff --git a/src/modules/web-information/banner/domain/usecases/banner-read.orchestrator.ts b/src/modules/web-information/banner/domain/usecases/banner-read.orchestrator.ts
new file mode 100644
index 0000000..7ec3cb4
--- /dev/null
+++ b/src/modules/web-information/banner/domain/usecases/banner-read.orchestrator.ts
@@ -0,0 +1,33 @@
+import { Injectable } from '@nestjs/common';
+import { IndexBannerManager } from './managers/index-banner.manager';
+import { BannerReadService } from '../../data/services/banner-read.service';
+import { BannerEntity } from '../entities/banner.entity';
+import { PaginationResponse } from 'src/core/response/domain/ok-response.interface';
+import { BaseReadOrchestrator } from 'src/core/modules/domain/usecase/orchestrators/base-read.orchestrator';
+import { DetailBannerManager } from './managers/detail-banner.manager';
+import { TABLE_NAME } from 'src/core/strings/constants/table.constants';
+
+@Injectable()
+export class BannerReadOrchestrator extends BaseReadOrchestrator<BannerEntity> {
+  constructor(
+    private indexManager: IndexBannerManager,
+    private detailManager: DetailBannerManager,
+    private serviceData: BannerReadService,
+  ) {
+    super();
+  }
+
+  async index(params): Promise<PaginationResponse<BannerEntity>> {
+    this.indexManager.setFilterParam(params);
+    this.indexManager.setService(this.serviceData, TABLE_NAME.BANNER);
+    await this.indexManager.execute();
+    return this.indexManager.getResult();
+  }
+
+  async detail(dataId: string): Promise<BannerEntity> {
+    this.detailManager.setData(dataId);
+    this.detailManager.setService(this.serviceData, TABLE_NAME.BANNER);
+    await this.detailManager.execute();
+    return this.detailManager.getResult();
+  }
+}
diff --git a/src/modules/web-information/banner/domain/usecases/managers/detail-banner.manager.ts b/src/modules/web-information/banner/domain/usecases/managers/detail-banner.manager.ts
new file mode 100644
index 0000000..7c4e0ab
--- /dev/null
+++ b/src/modules/web-information/banner/domain/usecases/managers/detail-banner.manager.ts
@@ -0,0 +1,53 @@
+import { Injectable } from '@nestjs/common';
+import { BaseDetailManager } from 'src/core/modules/domain/usecase/managers/base-detail.manager';
+import { BannerEntity } from '../../entities/banner.entity';
+import { RelationParam } from 'src/core/modules/domain/entities/base-filter.entity';
+
+@Injectable()
+export class DetailBannerManager extends BaseDetailManager<BannerEntity> {
+  async prepareData(): Promise<void> {
+    return;
+  }
+
+  async beforeProcess(): Promise<void> {
+    return;
+  }
+
+  async afterProcess(): Promise<void> {
+    return;
+  }
+
+  get relations(): RelationParam {
+    return {
+      // relation only join (for query purpose)
+      joinRelations: [],
+
+      // relation join and select (relasi yang ingin ditampilkan),
+      selectRelations: [],
+
+      // relation yang hanya ingin dihitung (akan return number)
+      countRelations: [],
+    };
+  }
+
+  get selects(): string[] {
+    return [
+      `${this.tableName}.id`,
+      `${this.tableName}.created_at`,
+      `${this.tableName}.creator_name`,
+      `${this.tableName}.updated_at`,
+      `${this.tableName}.editor_name`,
+
+      `${this.tableName}.status`,
+      `${this.tableName}.image_url`,
+      `${this.tableName}.title`,
+      `${this.tableName}.link`,
+    ];
+  }
+
+  get setFindProperties(): any {
+    return {
+      id: this.dataId,
+    };
+  }
+}
diff --git a/src/modules/web-information/banner/domain/usecases/managers/index-banner.manager.ts b/src/modules/web-information/banner/domain/usecases/managers/index-banner.manager.ts
new file mode 100644
index 0000000..8e33166
--- /dev/null
+++ b/src/modules/web-information/banner/domain/usecases/managers/index-banner.manager.ts
@@ -0,0 +1,66 @@
+import { Injectable } from '@nestjs/common';
+import { BaseIndexManager } from 'src/core/modules/domain/usecase/managers/base-index.manager';
+import { BannerEntity } from '../../entities/banner.entity';
+import { SelectQueryBuilder } from 'typeorm';
+import {
+  Param,
+  RelationParam,
+} from 'src/core/modules/domain/entities/base-filter.entity';
+
+@Injectable()
+export class IndexBannerManager extends BaseIndexManager<BannerEntity> {
+  async prepareData(): Promise<void> {
+    return;
+  }
+
+  async beforeProcess(): Promise<void> {
+    return;
+  }
+
+  async afterProcess(): Promise<void> {
+    return;
+  }
+
+  get relations(): RelationParam {
+    return {
+      // relation only join (for query purpose)
+      joinRelations: [],
+
+      // relation join and select (relasi yang ingin ditampilkan),
+      selectRelations: [],
+
+      // relation yang hanya ingin dihitung (akan return number)
+      countRelations: [],
+    };
+  }
+
+  get selects(): string[] {
+    return [
+      `${this.tableName}.id`,
+      `${this.tableName}.created_at`,
+      `${this.tableName}.creator_name`,
+      `${this.tableName}.updated_at`,
+      `${this.tableName}.editor_name`,
+
+      `${this.tableName}.status`,
+      `${this.tableName}.image_url`,
+      `${this.tableName}.title`,
+      `${this.tableName}.link`,
+    ];
+  }
+
+  get specificFilter(): Param[] {
+    return [
+      {
+        cols: `${this.tableName}.name`,
+        data: this.filterParam.names,
+      },
+    ];
+  }
+
+  setQueryFilter(
+    queryBuilder: SelectQueryBuilder<BannerEntity>,
+  ): SelectQueryBuilder<BannerEntity> {
+    return queryBuilder;
+  }
+}
diff --git a/src/modules/web-information/banner/infrastructure/banner-read.controller.ts b/src/modules/web-information/banner/infrastructure/banner-read.controller.ts
new file mode 100644
index 0000000..62ae8aa
--- /dev/null
+++ b/src/modules/web-information/banner/infrastructure/banner-read.controller.ts
@@ -0,0 +1,30 @@
+import { Controller, Get, Param, Query } from '@nestjs/common';
+import { FilterBannerDto } from './dto/filter-banner.dto';
+import { Pagination } from 'src/core/response';
+import { PaginationResponse } from 'src/core/response/domain/ok-response.interface';
+import { BannerEntity } from '../domain/entities/banner.entity';
+import { BannerReadOrchestrator } from '../domain/usecases/banner-read.orchestrator';
+import { ApiBearerAuth, ApiTags } from '@nestjs/swagger';
+import { MODULE_NAME } from 'src/core/strings/constants/module.constants';
+import { Public } from 'src/core/guards';
+
+@ApiTags(`${MODULE_NAME.BANNER.split('-').join(' ')} - read`)
+@Controller(`v1/${MODULE_NAME.BANNER}`)
+@Public(false)
+@ApiBearerAuth('JWT')
+export class BannerReadController {
+  constructor(private orchestrator: BannerReadOrchestrator) {}
+
+  @Get()
+  @Pagination()
+  async index(
+    @Query() params: FilterBannerDto,
+  ): Promise<PaginationResponse<BannerEntity>> {
+    return await this.orchestrator.index(params);
+  }
+
+  @Get(':id')
+  async detail(@Param('id') id: string): Promise<BannerEntity> {
+    return await this.orchestrator.detail(id);
+  }
+}
diff --git a/src/modules/web-information/banner/infrastructure/dto/filter-banner.dto.ts b/src/modules/web-information/banner/infrastructure/dto/filter-banner.dto.ts
new file mode 100644
index 0000000..b8fa4af
--- /dev/null
+++ b/src/modules/web-information/banner/infrastructure/dto/filter-banner.dto.ts
@@ -0,0 +1,6 @@
+import { BaseFilterDto } from 'src/core/modules/infrastructure/dto/base-filter.dto';
+import { FilterBannerEntity } from '../../domain/entities/filter-banner.entity';
+
+export class FilterBannerDto
+  extends BaseFilterDto
+  implements FilterBannerEntity {}