public interface IExampleService
{
    Task<ProductListResponse?> GetAllProductsAsync(ProductListRequest request);
}

public class ExampleService : IExampleService
{
    private readonly string _baseInventoryUrl;

    public ExampleService(IOptions<ApiSettings> options)
    {
        _baseInventoryUrl = Url.Combine(options.Value.BaseUrl, "Products");
    }

    public async Task<ProductListResponse?> GetAllProductsAsync(ProductListRequest request)
    {
        try
        {
            return await Url.Combine(_baseInventoryUrl,"GetProductList")
                .PostJsonAsync(request)
                .ReceiveJson<ProductListResponse>();
        }
        catch (FlurlHttpException ex)
        {
            Console.WriteLine(ex.Message);
            return null;
        }
    }
}

PRODUCTLIST.CSHTML

@page
@model ExampleRazor.Pages.ProductListModel
@{
    ViewData["Title"] = "Product List";
}

<h2>Product List : @Model.PageNumber of @Model.TotalPages</h2>
<form method="get" class="mb-3 row g-2">
    <div class="col-md-4">
        <input type="text" name="ProductSearchTerm" value="@Model.ProductSearchTerm" class="form-control" placeholder="Search product..." />
    </div>
    <div class="col-md-4">
        <button type="submit" class="btn btn-primary">Search</button>
    </div>
</form>

@if (!Model.ProductItems.Any())
{
    <h3>No Products To Display</h3>
}
else
{
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>Product Name</th>
                <th>Sku</th>
                <th>Product Type</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var product in Model.ProductItems)
            {
                <tr>
                    <td>@product.ProductName</td>
                    <td>@product.SKU</td>
                    <td>@product.TypeName</td>
                </tr>
            }
        </tbody>
    </table>
    <div class="d-flex justify-content-between mt-3">
        <a asp-page="/ProductList"
           asp-route-PageNumber="@(Model.PageNumber - 1)"
           asp-route-ProductSearchTerm="@Model.ProductSearchTerm"
           class="btn btn-outline-secondary @(Model.PageNumber <= 1 ? "disabled" : "")">
            Previous
        </a>

        <a asp-page="/ProductList"
           asp-route-PageNumber="@(Model.PageNumber + 1)"
           asp-route-ProductSearchTerm="@Model.ProductSearchTerm"
           class="btn btn-outline-secondary @(Model.PageNumber >= Model.TotalPages ? "disabled" : "")">
            Next
        </a>
    </div>
}


PRODUCTLIST.CSHTML.CS

using ExampleApi.Dtos.Product;
using ExampleApi.Services.Contracts;

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace ExampleRazor.Pages
{
    public class ProductListModel : PageModel
    {
        private readonly IExampleService _exampleService;

        public ProductListModel(IExampleService exampleService)
        {
            _exampleService = exampleService;
        }


        public List<ProductListItemResponse> ProductItems { get; set; } = [];
        [BindProperty(SupportsGet = true)]
        public string? ProductSearchTerm { get; set; }

        [BindProperty(SupportsGet = true)]
        public int PageNumber { get; set; } = 1;

        public int TotalPages { get; set; } = 0;

        public int PageSize { get; set; } = 10;

        public async Task OnGet()
        {

            var request = new ProductListRequest
            {
                PageNumber = PageNumber,
                PageSize = PageSize,
                ProductSearchTerm = ProductSearchTerm ?? "",

            };

            var response = await _exampleService.GetAllProductsAsync(request);
            if (response != null)
            {
                TotalPages = (int)Math.Ceiling((double)response.TotalCount / PageSize);
                ProductItems = response.InventoryItems;
            }
        }
    }
}