I am developing the online web shop and making the page to display the seller details.
The following elements are required to show on page:
1. The Seller Name and Icons
2. The Contact of Seller (Shop Address, Tel phone number, etc.)
3. Rating of Seller with stars and score text (5 stars at the most, up to 2 decimals)
4. Button for view all the rating and comments
5. Product List

I have made the following html for that, but here may some mistake and missing elements:
<?php 
    /*
    if(!$this->ion_auth->is_admin()){
        header("Location: base_url()");
        die();
    }
    */
?>
<!-- ========================= Breadcrumb Start =============================== -->
<div class="breadcrumb mb-0 py-26 bg-main-two-50">
    <div class="container container-lg">
        <div class="breadcrumb-wrapper flex-between flex-wrap gap-16">
            <h6 class="mb-0">商家詳情</h6>
            <ul class="flex-align gap-8 flex-wrap">
                <li class="text-sm">
                    <a href="<?=base_url()?>" class="text-gray-900 flex-align gap-8 hover-text-main-600">
                        <i class="ph ph-house"></i>
                        主頁
                    </a>
                </li>
                <li class="flex-align">
                    <i class="ph ph-caret-right"></i>
                </li>
                <li class="text-sm">
                    <a href="<?=base_url("sellers")?>" class="text-gray-900 flex-align gap-8 hover-text-main-600">
                        商家列表
                    </a>
                      
                </li>
                <li class="flex-align">
                    <i class="ph ph-caret-right"></i>
                </li>
                <li class="text-sm text-main-600"> <?=$sellers[0]['store_name']?> </li>
            </ul>
        </div>
    </div>
</div>

<!-- ============================== Vendor Two Details Start =============================== -->
<section class="vendor-two-details py-80">
    <div class="container container-lg">
        <div class="vendor-two-details-wrapper d-flex flex-wrap align-items-start gap-24">

            <!-- Shop Sidebar Start -->
            <div class="shop-sidebar">
                <button type="button" class="shop-sidebar__close d-lg-none d-flex w-32 h-32 flex-center border border-gray-100 rounded-circle hover-bg-main-600 bg-main-600 position-absolute inset-inline-end-0 me-10 mt-8 text-white border-main-600">
                    <i class="ph ph-x"></i>
                </button>
                <div class="d-flex flex-column gap-12 px-lg-0 px-3 py-lg-0 py-4">
                    <div class="bg-neutral-600 rounded-8 p-24">
                        <div class="d-flex align-items-center justify-content-between">
                            <span class="w-80 h-80 flex-center bg-white rounded-8 flex-shrink-0">
                                <img style="width:100%;height:100%;object-fit: contain;" src="<?=base_url($sellers[0]['logo'])?>" alt="">
                            </span>
                            <!--
                            <div class="d-flex flex-column gap-24">
                                <button type="button" class="text-uppercase group border border-white px-16 py-8 rounded-pill text-white text-sm hover-bg-main-two-600 hover-text-white hover-border-main-two-600 transition-2 flex-center gap-8 w-100">
                                    FOLLOW
                                    <span class="text-xl d-flex text-main-two-600 group-item-white transition-2"> <i class="ph ph-storefront"></i></span>
                                </button>
                                <button type="button" class="text-uppercase group border border-white px-16 py-8 rounded-pill text-white text-sm hover-bg-main-two-600 hover-text-white hover-border-main-two-600 transition-2 flex-center gap-8 w-100">
                                    Chat Now
                                    <span class="text-xl d-flex text-main-two-600 group-item-white transition-2"> <i class="ph ph-storefront"></i></span>
                                </button>
                            </div>
                            -->
                        </div>
                        <div class="mt-32">
                            <h6 class="text-white fw-semibold mb-12">
                                <p class=""><?=$sellers[0]['store_name']?></p>
                            </h6>
                            <!--<span class="text-xs text-white mb-12">480589 Followers</span>-->
                            <!--
                            <div class="flex-align gap-6">
                                <div class="flex-align gap-8">
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                </div>
                                <span class="text-xs fw-medium text-white">4.8</span>
                                <span class="text-xs fw-medium text-white">(12K)</span>
                            </div>
                            -->
                        </div>
                        <div class="mt-32 d-flex flex-column gap-8">
                            <a href="javascript:void(0)" class="px-16 py-12 border text-white border-neutral-500 w-100 rounded-4 hover-bg-main-600 hover-border-main-600">關於商家</a>
                            <!--<a href="javascript:void(0)" class="px-16 py-12 border text-white border-neutral-500 w-100 rounded-4 hover-bg-main-600 hover-border-main-600">Products</a>-->
                            <!--
                            <a href="javascript:void(0)" class="px-16 py-12 border text-white border-neutral-500 w-100 rounded-4 hover-bg-main-600 hover-border-main-600">Return Policy</a>
                            <a href="javascript:void(0)" class="px-16 py-12 border text-white border-neutral-500 w-100 rounded-4 hover-bg-main-600 hover-border-main-600">Shipping Policy</a>
                            -->
                            <a href="javascript:void(0)" class="px-16 py-12 border text-white border-neutral-500 w-100 rounded-4 hover-bg-main-600 hover-border-main-600">聯絡商家</a>
                        </div>
                    </div>
                    <div class="border border-gray-50 rounded-8 p-24">
                        <?php if (isset($categories)) { ?>
                        
                            <h6 class="text-xl border-bottom border-gray-100 pb-24 mb-24">產品分類</h6>
                            <ul class="max-h-540 overflow-y-auto scroll-sm">
                                
                                <?php
                                    $categories_filter = json_decode(($categories), true);

                                    foreach ($categories_filter as $key => $value) {?>
                                    <div class="form-check">
                                        <li class="mb-24">
                                            <a href="<?= base_url('products/category='.$value['id']) ?>" class="text-gray-900 hover-text-main-600"><?= $value['name'] ?></a>
                                        </li>
                                    </div>
                                    <?php } ?>
                                
                                
                            </ul>
                        <?php } ?>
                    </div>
                    <div class="blog-sidebar border border-gray-100 rounded-8 p-32 mb-40">
                        <h6 class="text-xl mb-32 pb-32 border-bottom border-gray-100">Best Sell Products</h6>
                        <div class="d-flex flex-column gap-24">
                            <?php $seller_products_tmp = array_slice($seller_products, 0, 6); foreach($seller_products_tmp as $row) { 
                                if (count($row['variants']) <= 1) {
                                    $variant_id = $row['variants'][0]['id'];
                                    $modal = "";
                                } else {
                                    $row = "";
                                    $modal = "#quick-view";
                                }
                                $variant_price = ($row['variants'][0]['special_price'] > 0 && $row['variants'][0]['special_price'] != '') ? $row['variants'][0]['special_price'] : $row['variants'][0]['price'];
                                $data_min = (isset($row['minimum_order_quantity']) && !empty($row['minimum_order_quantity'])) ? $row['minimum_order_quantity'] : 1;
                                $data_step = (isset($row['minimum_order_quantity']) && !empty($row['quantity_step_size'])) ? $row['quantity_step_size'] : 1;
                                $data_max = (isset($row['total_allowed_quantity']) && !empty($row['total_allowed_quantity'])) ? $row['total_allowed_quantity'] : 0;
                                $sh_desc = strip_tags($row['short_description'] ?? "")
                            ?>
                            <div class="d-flex align-items-center flex-sm-nowrap flex-wrap gap-16">
                                <a href="<?=base_url('products/details/' . $row['slug'])?>" class="w-100 h-100 rounded-4 overflow-hidden w-76 h-76 flex-shrink-0 bg-color-three flex-center">
                                    <img src="<?= $row['image_sm'] ?>" alt="" class="">
                                </a>
                                <div class="flex-grow-1">
                                    <h6 class="text-lg mb-8 fw-medium">
                                        <a href="<?=base_url('products/details/' . $row['slug'])?>" class="text-line-3"><?= short_description_word_limit(output_escaping(str_replace('\r\n', '&#13;&#10;', strip_tags($row['name'])))) ?></a>
                                    </h6>
                                    <!--
                                    <div class="flex-align gap-6">
                                        <div class="flex-align gap-4">
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                        </div>
                                        <span class="text-xs fw-medium text-neutral-500">4.8</span>
                                        <span class="text-xs fw-medium text-neutral-500">(12K)</span>
                                    </div>
                                    -->
                                    <?php global $hkdNBF; if($variant_price != $row['variants'][0]['price']) { ?>
                                        <span class="text-gray-400 text-md fw-semibold text-decoration-line-through"><?=$hkdNBF->formatCurrency($row['variants'][0]['price'], "HKD")?></span>
                                    <?php } ?>
                                    <span class="text-heading text-md fw-semibold "><?=$hkdNBF->formatCurrency($variant_price,"HKD")?> <span class="text-gray-500 fw-normal"></span></span>
                                    <a href="#" class="add_to_cart product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium" data-product-id="<?= $row['id'] ?>" data-product-variant-id="<?= $variant_id ?>" data-product-title="<?= $row['name'] ?>" data-product-image="<?= $row['image']; ?>" data-product-price="<?= $variant_price; ?>" data-min="<?= $data_min; ?>" data-step="<?= $data_step; ?>" data-product-description="<?= short_description_word_limit(output_escaping(str_replace('\r\n', '&#13;&#10;', $sh_desc))); ?>" data-izimodal-open="<?= $modal ?>">
                                        加至購物車 <i class="ph ph-shopping-cart"></i> 
                                    </a>
                                    <!--<h6 class="text-md mb-0 mt-4">$25</h6>-->
                                </div>
                            </div>
                            <?php } ?>
                        </div>
                    </div>

                </div>
            </div>
            <!-- Shop Sidebar End -->

            <div class="vendor-two-details__contents">
                <!-- Inner Banner Start -->
                <div class="inner-banner-two bg-img rounded-16 overflow-hidden" data-background-image="<?=base_url('assets/front_end/classic/images/marketpro/thumbs/inner-banner-two-bg.png')?>">
                    <div class="row">
                        <div class="col-6 d-xl-block d-none"></div>
                        <div class="col-xl-6 d-xl-flex">
                            <div class="text-center py-32">
                                <h6 class="text-white">是日優惠</h6>
                                <h3 class="my-32 text-white">最多可獲 48% 優惠</h3>
                                <a href="<?=base_url('products')?>" class="btn btn-main d-inline-flex align-items-center rounded-8 gap-8">
                                    立即選購
                                    <span class="icon text-xl d-flex"><i class="ph ph-shopping-cart"></i></span> 
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Inner Banner End -->

                <!-- Search Filter Start -->
                <!--
                <div class="d-flex align-items-center justify-content-between flex-wrap mt-40 mb-32 gap-16">
                    <form action="#" class="input-group w-100 max-w-418">
                        <input type="text" class="form-control common-input rounded-start-3" placeholder="Searching...">
                        <button type="submit" class="input-group-text border-0 bg-main-two-600 rounded-end-3 text-white text-2xl hover-bg-main-two-700 px-24">
                            <i class="ph ph-magnifying-glass"></i>
                        </button>
                    </form>
            
                    <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-16 flex-grow-1">
                        <span class="text-gray-900">Showing 1-20 of 85 result</span>
                        <div class="d-flex align-items-center gap-8 d-sm-flex d-none">
                           <button type="button" class="grid-btn text-2xl d-flex w-48 h-48 border border-neutral-100 rounded-8 justify-content-center align-items-center border-main-600 text-white bg-main-600"><i class="ph ph-squares-four"></i></button>
                           <button type="button" class="list-btn text-2xl d-flex w-48 h-48 border border-neutral-100 rounded-8 justify-content-center align-items-center"><i class="ph ph-list-bullets"></i></button>
                        </div>
                        <div class="flex-align gap-8">
                            <span class="text-gray-900 flex-shrink-0 d-sm-block d-none">Sort by:</span>
                            <select class="common-input form-select rounded-pill border border-gray-100 d-inline-block ps-20 pe-36 h-48 py-0 fw-medium">
                                <option value="1">Latest</option>
                                <option value="1">Old</option>
                            </select>
                        </div>
                        <button type="button" class="w-48 h-48 d-lg-none d-flex flex-center border border-gray-100 rounded-6 text-2xl sidebar-btn">
                           <i class="ph-bold ph-funnel"></i>
                       </button>
                    </div>
                </div>
                -->
                <!-- Search Filter End -->

                <!-- Products Start -->
                 <div class="list-grid-wrapper grid-cols-4">
                    <?php foreach ($seller_products as $row) {
                    if (count($row['variants']) <= 1) {
                        $variant_id = $row['variants'][0]['id'];
                        $modal = "";
                    } else {
                        $row = "";
                        $modal = "#quick-view";
                    }
                    $variant_price = ($row['variants'][0]['special_price'] > 0 && $row['variants'][0]['special_price'] != '') ? $row['variants'][0]['special_price'] : $row['variants'][0]['price'];
                    $data_min = (isset($row['minimum_order_quantity']) && !empty($row['minimum_order_quantity'])) ? $row['minimum_order_quantity'] : 1;
                    $data_step = (isset($row['minimum_order_quantity']) && !empty($row['quantity_step_size'])) ? $row['quantity_step_size'] : 1;
                    $data_max = (isset($row['total_allowed_quantity']) && !empty($row['total_allowed_quantity'])) ? $row['total_allowed_quantity'] : 0;
                    $sh_desc = strip_tags($row['short_description'] ?? "")
                    ?>
                    <div class="product-card h-100 rounded-16 position-relative transition-2" style="padding: 0px !important;">
                        <div class="product-card__thumb rounded-8 position-relative">
                            <!-- "<?=base_url()?><?= 'products/details/' . $row['slug'] ?>" -->
                            <a href="<?=base_url()?><?= 'products/details/' . $row['slug'] ?>" class="w-100 h-100 flex-center"> 
                                <img src="<?= $row['image_sm'] ?>" alt="" class="w-auto">
                            </a>
                            <!--
                            <div class="position-absolute inset-block-start-0 inset-inline-start-0 mt-16 ms-16 z-1 d-flex flex-column gap-8">
                                <span class="text-main-two-600 w-40 h-40 d-flex justify-content-center align-items-center bg-white rounded-circle shadow-sm text-xs fw-semibold">-29%</span>
                                <span class="text-neutral-600 w-40 h-40 d-flex justify-content-center align-items-center bg-white rounded-circle shadow-sm text-xs fw-semibold">HOT</span>
                            </div>
                            -->

                            <div class="expand-btn-container bg-white p-2 rounded-pill z-1 position-absolute inset-inline-end-0 inset-block-start-0 me-16 mt-16 shadow-sm">
                                <button type="button" class="expand-btn w-40 h-40 text-md d-flex justify-content-center align-items-center rounded-circle hover-bg-main-two-600 hover-text-white">
                                    <i class="ph ph-plus"></i>
                                </button>
                                <div class="expand-icons gap-20 my-20">
                                    <button type="button" class="text-neutral-600 text-xl flex-center hover-text-main-two-600 wishlist-btn">
                                        <i class="ph ph-heart"></i>
                                    </button>
                                    <button type="button" class="text-neutral-600 text-xl flex-center hover-text-main-two-600">
                                        <i class="ph ph-eye"></i>
                                    </button>
                                    <button type="button" class="text-neutral-600 text-xl flex-center hover-text-main-two-600">
                                        <i class="ph ph-shuffle"></i>
                                    </button>
                                </div>
                            </div>
                            <!--
                            <div class="countdown position-absolute start-50 inset-block-end-0 mb-20 translate-middle-x w-100" id="countdown12">
                                <ul class="countdown-list style-four flex-center flex-wrap gap-8">
                                    <li class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-lg bg-neutral-600">
                                        <span class="days text-2xl text-main-two-600 fw-medium"></span>Days
                                    </li>
                                    <li class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-lg bg-neutral-600">
                                        <span class="hours text-2xl text-main-two-600 fw-medium"></span>Hour
                                    </li>
                                    <li class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-lg bg-neutral-600">
                                        <span class="minutes text-2xl text-main-two-600 fw-medium"></span>Min
                                    </li>
                                    <li class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-lg bg-neutral-600">
                                        <span class="seconds text-2xl text-main-two-600 fw-medium"></span>Sec
                                    </li>
                                </ul>
                            </div>
                            -->
                        </div>
                        <div class="product-card__content w-100">
                            <div class="product-card-tags">
                                <?php foreach($row['tags'] as $tag){?>
                                    <span class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50"><a href="<?=base_url("products/tags/".$tag)?>"><?=$tag?></a></span>
                                <?php } ?>
                            </div>
                            <h6 class="title text-lg fw-semibold" style="margin-bottom: 0px !important;">
                                <a href="<?=base_url()?><?= 'products/details/' . $row['slug'] ?>" class="link text-line-2" tabindex="0"><?= short_description_word_limit(output_escaping(str_replace('\r\n', '&#13;&#10;', strip_tags($row['name'])))) ?></a>
                            </h6>
                            <!--
                            <div class="flex-align gap-6">
                                <div class="flex-align gap-8">
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                    <span class="text-15 fw-medium text-warning-600 d-flex"><i class="ph-fill ph-star"></i></span>
                                </div>
                                <span class="text-xs fw-medium text-gray-500">4.8</span>
                                <span class="text-xs fw-medium text-gray-500">(12K)</span>
                            </div>
                            -->

                            <span class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-4"><a href="<?=base_url("products/category/".$row['category_name'])?>"><?=$row['category_name']?></a></span>
                            <!--
                            <?php foreach($row['sub_categories'] as $cat){?>
                                <span class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16"><a href="<?=base_url("products/category/".$cat)?>"><?=$cat?></a></span>
                            <?php } ?>
                            -->
                            <div class="product-card__price mt-4 mb-4">
                                <?php global $hkdNBF; if($variant_price != $row['variants'][0]['price']) { ?>
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through"><?=$hkdNBF->formatCurrency($row['variants'][0]['price'], "HKD")?></span>
                                <?php } ?>
                                <span class="text-heading text-md fw-semibold "><?=$hkdNBF->formatCurrency($variant_price,"HKD")?> <span class="text-gray-500 fw-normal"></span></span>
                            </div>
                            <a href="#" class="add_to_cart product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium" data-product-id="<?= $row['id'] ?>" data-product-variant-id="<?= $variant_id ?>" data-product-title="<?= $row['name'] ?>" data-product-image="<?= $row['image']; ?>" data-product-price="<?= $variant_price; ?>" data-min="<?= $data_min; ?>" data-step="<?= $data_step; ?>" data-product-description="<?= short_description_word_limit(output_escaping(str_replace('\r\n', '&#13;&#10;', $sh_desc))); ?>" data-izimodal-open="<?= $modal ?>">
                                加至購物車 <i class="ph ph-shopping-cart"></i> 
                            </a>
                        </div>
                    </div>
                    
                    <?php }?>
                </div>
                <!-- Products End -->
            </div>
        </div>
    </div>
</section>
<!-- ============================== Vendor Two Details End =============================== -->


Can you review the above html and improve and fix the code, layout, and add all missing elements?