<?php include_once('include/main.inc.php');
$hover = "home";
$homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageDesc1,pageTitle,pageBanner, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='1' and status='Y'");
$home_res = mysqli_fetch_array($homepage);
$abouthome = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageDesc1,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='5' and status='Y'");
$abouthome_res = mysqli_fetch_array($abouthome);
$infra = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageDesc1,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='4' and status='Y'");
$infra_res = mysqli_fetch_array($infra);
$why = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageDesc1,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='6' and status='Y'");
$why_res = mysqli_fetch_array($why);
if ($home_res['keyword1'] != '' && $home_res['keyword2'] != '') {
    $m_title = "hotkeyword1 Manufacturers in state, hotkeyword2 Suppliers, Exporters country";
    $page_metatitle = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2],  str_replace('state', $admin_res[targetlocation], str_replace('country', $admin_res[country], $m_title))));
    $m_keyword = "hotkeyword1 Manufacturers, hotkeyword2 Manufacturers, hotkeyword1 Suppliers, hotkeyword2 Suppliers, hotkeyword1 Exporters, hotkeyword2 Exporters, hotkeyword1, hotkeyword2";
    $page_metakey = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2],  str_replace('state', $admin_res[targetlocation], $m_keyword)));
    $m_desc = "companyName leading hotkeyword1 Manufacturers in state. Best Quality hotkeyword2 Suppliers and Exporters in country at Factory Price. Call phone";
    $page_metadesc = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2], str_replace('companyName', $admin_res[companyName], str_replace('phone', $admin_res[mobile_meta], str_replace('state', $admin_res[targetlocation], str_replace('country', $admin_res[country], $m_desc))))));
} else {
    $page_metatitle = $home_res['page_metatitle'];
    $page_metakey = $home_res['page_keyword'];
    $page_metadesc = $home_res['page_metadesc'];
}
$page_desc = $home_res['pageDesc'];
$page_desc = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc);
$page_desc3 = $infra_res['pageDesc'];
$page_desc3 = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc3);
$page_desc4 = $why_res['pageDesc'];
$page_desc4 = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc4);
$page_desc5 = $abouthome_res['pageDesc'];
$page_desc5 = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc5);
$page_desc2nd = $home_res['pageDesc1'];
$page_desc2nd = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc2nd);
$page_metadesc = str_ireplace('{companyName}', $admin_res['companyName'], $page_metadesc);
$blog_query = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc,blog_written,blogDate from blog_tbl order by catID DESC  limit 0,3");
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
    <style>
    img {
        height: auto
    }
    </style>
<!-- <link fetchpriority="high" rel="preload" as="image" href="uploaded-files/banner-image/Mens-Wear37.jpg" imagesrcset="uploaded-files/banner-image/Mens-Wear37.jpg 1920w" imagesizes="100vw"> -->

</head>

<body>
    <?php include "app_header.php"; ?>
    <div class="home_slider">

        <div id="carouselExampleControls" class="carousel slide carousel-fade" data-bs-ride="carousel">

            <div class="carousel-inner">
                <?php
                 $sql_banner = mysqli_query($GLOBALS['dbconn'], "Select bannerImage, personName,Decs  from banner_tbl where status='Y' order by bannerorder ASC");
                  $sno = 0;
                  while ($res_banner = mysqli_fetch_array($sql_banner)) {
                     $sno++;
                  ?>

                <div class="carousel-item <?= $sno == 1 ? 'active' : ''; ?>">
                    <picture>
                        <source media="(max-width:650px)"
                            srcset="<?= getImage($res_banner['bannerImage'], 700, 219, $res_banner['personName'], "/uploaded-files/banner-image/"); ?>"
                            title="<?=$res_banner['personName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>">
                        <img fetchpriority="high" src="<?= getImage($res_banner['bannerImage'], 1351, 422, $res_banner['personName'], "/uploaded-files/banner-image/"); ?>"
                            class="d-block w-100"
                            alt="<?=$res_banner['personName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                            title="<?=$res_banner['personName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                            width="1351" height="422">
                    </picture>
                            <!-- <img
                            src="<?=site_url;?>/uploaded-files/banner-image/<?=$res_banner['bannerImage'];?>"
                            class="d-block w-100"
                            alt="<?=$res_banner['personName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                            title="<?=$res_banner['personName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                            width="1920" height="600"> -->

                </div>
                <?php }?>
            </div>

            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="prev">

                <span class="carousel-control-prev-icon" aria-hidden="true"></span>

                <span class="visually-hidden">Previous</span>

            </button>

            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="next">

                <span class="carousel-control-next-icon" aria-hidden="true"></span>

                <span class="visually-hidden">Next</span>

            </button>

        </div>

    </div>
    <section class="homeAbout bg-white">

        <div class="container">

            <div class="tt-bx">

                <div class="tt">Crafting Excellence with <span>3 Simple Steps</span></div>

                <p>Step into a world where excellence is crafted with ease. In just three simple steps, we transform
                    ideas into high-quality products. From handpicked materials to expert craftsmanship, every detail is
                    perfected. It’s a seamless process driven by passion, ensuring every piece is not just made, but
                    made to impress. Your satisfaction is our masterpiece!</p>

            </div>

            <div class="step-container bg-light">

                <div class="row">

                    <div class="col-md-4 col-12">

                        <div class="step-bx wow fadeInUp">

                            <div class="img-bx">

                                <div class="count">1</div>

                                <img loading="lazy" width="128" height="128"
                                    src="<?=site_url;?>/designer/images/icon/support.png" alt="Call us at +92-302-768-1083
                                    and share requirements" title="Call us at +92-302-768-1083
                                    and share requirements">

                            </div>

                            <div class="tx-bx">

                                Call us at <a href="tel:+92-302-768-1083" class="d-inline" title="+92-302-768-1083">
                                    +92-302-768-1083</a><br> and share requirements

                            </div>

                        </div>

                    </div>

                    <div class="col-md-4 col-12">

                        <div class="step-bx wow fadeInUp">

                            <div class="img-bx">

                                <div class="count">2</div>
                                <div class="d-flex align-items-center justify-content-center"
                                    title=" Our expert will share best proposal">
                                    <svg fill="#000000" width="40px" height="40px" viewBox="0 0 270.92 270.92"
                                        style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
                                        version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <g id="Layer_x0020_1">
                                            <path class="fil0"
                                                d="M191.33 45.73l-20.59 0c-1.95,0 -3.53,1.57 -3.53,3.52 0,1.95 1.58,3.53 3.53,3.53l20.59 0c6.14,0 11.15,5.29 11.15,11.82l0 154.28c0,6.52 -5.01,11.82 -11.15,11.82l-111.73 0c-6.15,0 -11.15,-5.3 -11.15,-11.82l0 -154.28c0,-6.53 5,-11.82 11.15,-11.82l20.59 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.52 -3.53,-3.52l-20.59 0c-10.05,0 -18.21,8.45 -18.21,18.87l0 154.28c0,10.42 8.16,18.87 18.21,18.87l111.73 0c10.04,0 18.21,-8.45 18.21,-18.87l0 -154.28c0,-10.42 -8.17,-18.87 -18.21,-18.87zm-86.94 123.83c-1.96,0 -3.54,1.58 -3.54,3.53 0,1.95 1.58,3.53 3.54,3.53l31.07 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.53 -3.53,-3.53l-31.07 0zm65.69 -21c0,-1.95 -1.58,-3.52 -3.53,-3.52l-62.16 0c-1.96,0 -3.54,1.57 -3.54,3.52 0,1.95 1.58,3.53 3.54,3.53l62.16 0c1.95,0 3.53,-1.58 3.53,-3.53zm-3.53 -29.29l-62.16 0c-1.96,0 -3.54,1.58 -3.54,3.53 0,1.95 1.58,3.53 3.54,3.53l62.16 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.53 -3.53,-3.53zm-65.7 -21.42c0,1.95 1.58,3.52 3.54,3.52l62.16 0c1.95,0 3.53,-1.57 3.53,-3.52 0,-1.95 -1.58,-3.53 -3.53,-3.53l-62.16 0c-1.96,0 -3.54,1.58 -3.54,3.53zm2.87 -32.92c0,-1.95 -1.58,-3.53 -3.53,-3.53l-6.24 0c-7.56,0 -13.7,6.15 -13.7,13.71l0 127.78c0,7.55 6.14,13.71 13.7,13.71l83.03 0c7.56,0 13.69,-6.16 13.69,-13.71l0 -127.78c0,-7.56 -6.13,-13.71 -13.69,-13.71l-6.24 0c-1.95,0 -3.53,1.58 -3.53,3.53 0,1.95 1.58,3.53 3.53,3.53l6.24 0c3.66,0 6.64,2.98 6.64,6.65l0 127.78c0,3.66 -2.98,6.65 -6.64,6.65l-83.03 0c-3.66,0 -6.64,-2.99 -6.64,-6.65l0 -127.78c0,-3.67 2.98,-6.65 6.64,-6.65l6.24 0c1.95,0 3.53,-1.58 3.53,-3.53zm13.29 -12.6l36.91 0 0 17.04 -36.91 0 0 -17.04zm18.61 -12.09c3.33,0 6.17,2.1 7.3,5.04l-14.61 0c1.12,-2.94 3.97,-5.04 7.31,-5.04zm-22.14 36.17l43.97 0c1.95,0 3.53,-1.58 3.53,-3.53l0 -24.07c0,-1.95 -1.58,-3.53 -3.53,-3.53l-7.26 0c-1.31,-6.87 -7.33,-12.1 -14.57,-12.1 -7.24,0 -13.26,5.21 -14.58,12.1l-7.56 0c-1.95,0 -3.53,1.58 -3.53,3.53l0 24.07c0,1.95 1.58,3.53 3.53,3.53z">
                                            </path>

                                        </g>
                                    </svg>
                                </div>

                            </div>

                            <div class="tx-bx">

                                Our expert <br> will share best proposal

                            </div>

                        </div>

                    </div>

                    <div class="col-md-4 col-12">

                        <div class="step-bx wow fadeInUp">

                            <div class="img-bx">

                                <div class="count">3</div>

                                <img loading="lazy" width="128" height="128"
                                    src="<?=site_url;?>/designer/images/icon/delivery.png"
                                    alt="Once you finalize the product we are good to go"
                                    title="Once you finalize the product we are good to go">

                            </div>

                            <div class="tx-bx">

                                Once you finalize the product <br> we are good to go

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="clearfix"></div>

            <div class="row">

                <div class="col-xxl-12 col-xl-12 col-lg-12  col-md-12 col-sm-12 col-12">

                    <div class="homeRight wow fadeInRight mt-3" data-wow-delay=".2s">

                        <img loading="lazy" width="450" height="450"
                            src="<?=getImage($home_res['pageImage'], 450, 450, $home_res['pageTitle'], "/uploaded-files/page-images/");?>"
                            alt="Customized T-Shirts in <?=$admin_res['targetlocation'];?>"
                            title="Customized T-Shirts in <?=$admin_res['targetlocation'];?>">

                    </div>

                    <h1><span>Customized T-Shirts</span> in <?=$admin_res['targetlocation'];?></h1>

                    <div class="more-contents1">

                        <?=html_entity_decode($page_desc);?>

                    </div>

                    <a href="<?=site_url;?>/about-us.htm" title="View More" class="readMore">View More

                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            viewBox="0 0 16 16">

                            <path fill-rule="evenodd"
                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">

                            </path>

                        </svg>

                    </a>

                </div>

            </div>

        </div>

    </section>

    <div class="offerSection bg-light">

        <div class="container">

            <div class="tt-bx">

                <div class="tt">Discover Your Style: <span> Explore Our Range of Categories</span></div>

                <p>Embrace the style that perfectly suits you! With an extensive range of categories, there’s something
                    for every taste. Whether you're drawn to classic elegance, modern trends, or cozy comfort, our
                    collection offers pieces that reflect your individuality and elevate your lifestyle. Let your unique
                    style shine through with every choice you make.
                </p>

            </div>

            <div class="offerList">
                <div class="owl-carousel blogs">
                    <?php 
             $home_cat111=mysqli_query($GLOBALS['dbconn'],"select catImage, catName, displayName, catDesc, catID,catBanner,home_category1 from category_tbl where              parentID='0' and status='Y' order by catOrder asc limit 0,6");
             while($home_cat_res2=mysqli_fetch_assoc($home_cat111)){
                 if($home_cat_res2['catImage'] != ''){
                 $imglink=getImage($home_cat_res2[catImage], 416, 416, $home_cat_res2[catName],"/uploaded-files/category/images/");
                 }else{
                     $imglink = getImage("noimage.jpg", 416, 416, "noimage","/uploaded-files/category/images/");
                 }
                 $short_desc=str_ireplace('{companyName}',$admin_res['companyName'],$home_cat_res2['catDesc']);
             ?>
                    <div class="item">

                        <div class="featuredBlock">

                            <div class="image-box">

                                <figure class="image">

                                    <img loading="lazy" width="416" height="416" src="<?=$imglink;?>" class="fadess"
                                        alt="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                                        title="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>">

                                </figure>

                                <div class="overlay-box">

                                    <div class="inner">

                                        <div class="text"><?= html_entity_decode(substr($short_desc,0,100)); ?>...</div>

                                        <div class="link-box">

                                            <a href="<?=site_url;?>/<?=getValidFileName($home_cat_res2['catName']);?>.htm"
                                                title="View More" class="readMore">View More

                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" viewBox="0 0 16 16">

                                                    <path fill-rule="evenodd"
                                                        d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">

                                                    </path>

                                                </svg>

                                            </a>

                                        </div>

                                    </div>

                                </div>

                            </div>

                            <div class="caption-box">

                                <a href="<?=site_url;?>/<?=getValidFileName($home_cat_res2['catName']);?>.htm"><span
                                        class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" viewBox="0 0 16 16">

                                            <path fill-rule="evenodd"
                                                d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">

                                            </path>

                                        </svg></span>

                                    <div class="title_h3"
                                        title="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>">
                                        <?=$home_cat_res2['displayName'];?></div>

                                </a>

                            </div>

                        </div>

                    </div>
                    <?php }?>
                </div>

            </div>

        </div>

    </div>

    <div class="whyChoose">

        <div class="container">

            <div class="tt-bx">

                <div class="tt text-white">What Makes Us The <span>Best In The Industry</span></div>

                <p class="text-white">

                    Excellence is at the heart of everything we do. With a blend of cutting-edge innovation and timeless
                    craftsmanship, we deliver products that stand out. Our dedication to quality ensures every piece
                    exceeds expectations. From unique designs to exceptional durability, we redefine industry standards,
                    making us the trusted choice for those who demand the best.

                </p>

            </div>

            <div class="row g-0">

                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft">

                    <div class="count-bx">

                        <div class="ic-bx">

                            <img loading="lazy" width="128" height="128"
                                src="<?=site_url;?>/designer/images/icon/epertise.png" alt="Year of Expertise"
                                title="Year of Expertise">

                        </div>

                        <div class="tx-bx">

                            <div class="coun">

                                <span id="count1">0</span><span>+</span>

                            </div>

                            <p>Year of Expertise</p>

                        </div>

                    </div>

                </div>

                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".2s">

                    <div class="count-bx">

                        <div class="ic-bx">

                            <img loading="lazy" width="128" height="128"
                                src="<?=site_url;?>/designer/images/icon/clients.png" alt="Corporate Clients"
                                title="Corporate Clients">

                        </div>

                        <div class="tx-bx">

                            <div class="coun">

                                <span id="count2">0</span><span>+</span>

                            </div>

                            <p> Corporate Clients</p>

                        </div>

                    </div>

                </div>

                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".4s">

                    <div class="count-bx">

                        <div class="ic-bx">

                            <img loading="lazy" width="128" height="128"
                                src="<?=site_url;?>/designer/images/icon/products.png" alt="Quality Products"
                                title="Quality Products">

                        </div>

                        <div class="tx-bx">

                            <div class="coun">

                                <span id="count3">0</span><span>+</span>

                            </div>

                            <p>Quality Products</p>

                        </div>

                    </div>

                </div>

                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".6s">

                    <div class="count-bx border-0">

                        <div class="ic-bx">

                            <img loading="lazy" width="128" height="128"
                                src="<?=site_url;?>/designer/images/icon/SATISFACTION.png" alt="Satisfied Customers!"
                                title="Satisfied Customers!">

                        </div>

                        <div class="tx-bx">

                            <div class="coun">

                                <span id="count4">0</span><span>%</span>

                            </div>

                            <p>Satisfied Customers!</p>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="offerSection bg-white">

        <div class="container">

            <div class="tt-bx">

                <div class="tt">Our <span>Products</span></div>

                <p>Enter into a world of thoughtfully crafted essentials that blend style with functionality. From cozy
                    hoodies and sleek tracksuits to adorable baby sets and playful rompers, each product is designed to
                    impress. With a focus on premium materials and exceptional comfort, our collection is made to
                    enhance your lifestyle, one piece at a time.
                </p>

            </div>

            <div class="offerList">

                <div class="row">

                    <?php 
$home_cat12=mysqli_query($GLOBALS['dbconn'],"select catImage, catName, displayName, catDesc, catID,catBanner,home_category1,homeorder from category_tbl where home_category='1' and status='Y' order by homeorder asc limit 0,8");
while($home_cat_res22=mysqli_fetch_assoc($home_cat12)){
    if($home_cat_res22['catImage'] != ''){
    $imglink=getImage($home_cat_res22[catImage], 280, 280, $home_cat_res22[catName],"/uploaded-files/category/images/");
    }else{
        $imglink = getImage("noimage.jpg", 280, 280, "noimage","/uploaded-files/category/images/");
    }
    $short_desc=str_ireplace('{companyName}',$admin_res['companyName'],$home_cat_res22['catDesc']);
?>
                    <div class="col-lg-3 col-md-6 col-12">

                        <div class="offerBox wow fadeInUp">

                            <div class="image">

                                <img loading="lazy" width="280" height="280" src="<?=$imglink;?>"
                                    alt="<?=$home_cat_res22['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                                    title="<?=$home_cat_res22['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>">

                            </div>

                            <div class="offerDetail">

                                <h4 class="tt"><?=$home_cat_res22['displayName'];?></h4>

                                <p><?= html_entity_decode(substr($short_desc,0,100)); ?></p>

                                <a href="<?=site_url;?>/<?=getValidFileName($home_cat_res22['catName']);?>.htm"
                                    title="View More" class="readMore">View More <svg xmlns="http://www.w3.org/2000/svg"
                                        width="16" height="16" fill="currentColor" viewBox="0 0 16 16">

                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">

                                        </path>

                                    </svg>

                                </a>

                            </div>

                        </div>

                    </div>
                    <?php } ?>
                    <div class="col-12 text-center">

                        <a href="<?=site_url;?>/mens-wear.htm" title="View All Products" class="readMore">View All
                            Products <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                viewBox="0 0 16 16">

                                <path fill-rule="evenodd"
                                    d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">

                                </path>

                            </svg></a>

                    </div>

                </div>

            </div>

        </div>

    </div>
    <div class="homeBlog">

        <div class="container">

            <div class="tt-bx">

                <div class="tt">Latest <span>Blogs</span></div>

                <p>Stay updated with our latest blogs, where we share insights on fashion trends, styling tips, and
                    product care. Dive into expert advice and discover how to make the most of your wardrobe with
                    practical ideas and fresh perspectives. Our blogs are your go-to source for inspiration and
                    knowledge in every season.
                </p>

            </div>

            <div class="clearfix"></div>
            <div class="row align-items-stretch">
                <?php 
                while($blog_res=mysqli_fetch_array($blog_query)){ 
                if($blog_res['catImage']!=''){
                $blog_img=  getImage($blog_res['catImage'], 380, 240, $blog_res['catName'], "/uploaded-files/blog/images/");
                }else{
                    $blog_img= NO_IMG_URL;
                }
                $blog_shortdesc=str_ireplace('{companyName}',$admin_res['companyName'],$blog_res['catDesc']);
                ?>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp">

                    <div class="blogBox">

                        <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                            title="<?= $blog_res['blogDname'];?>">

                            <div class="image">

                                <img loading="lazy" width="380" height="237" src="<?=$blog_img;?>"
                                    alt="<?= $blog_res['blogDname'];?>" title="<?= $blog_res['blogDname'];?>">

                            </div>

                        </a>

                        <div class="blogDescribe">

                            <!-- <abbr class="blogDate">01 Sept, 2022</abbr> -->

                            <div class="tt"><a
                                    href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                    title="<?= $blog_res['blogDname'];?>"><?= $blog_res['blogDname'];?></a></div>

                            <p><?= html_entity_decode(substr($blog_shortdesc,0,200)) ;?>...</p>

                            <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                title="View More" class="readMore">View More

                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">

                                    <path fill-rule="evenodd"
                                        d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">

                                    </path>

                                </svg>

                            </a>

                        </div>

                    </div>

                </div>
                <?php } ?>
            </div>

        </div>

    </div>
    <?php include "app_testimonials.php"; ?>

    <?php include "app_faq.php"; ?>

    <?php include "app_factory-photo.php"; ?>

    <?//php include "app_clients.php"; ?>

    <?php include "app_footer.php"; ?>

    <?php include "app_bottom.php"; ?>
    <script>
    // Select the target section
    const workSection = document.querySelector(".whyChoose");

    // Ensure the section exists to avoid errors
    if (workSection) {
        // Function to observe the section
        const workSectionObserverCallback = (entries) => {
            const [entry] = entries;

            // If the section is not in view, exit the function
            if (!entry.isIntersecting) return;

            console.log("Section is in view:", entries);

            // Counter function to animate numbers
            function counter(id, start, end, duration) {
                const element = document.getElementById(id);
                if (!element) return; // Check if the element exists

                let current = start;
                const range = end - start;
                const increment = end > start ? 1 : -1;
                const stepTime = Math.abs(Math.floor(duration / range));
                const timer = setInterval(() => {
                    current += increment;
                    element.textContent = current;

                    // Stop the counter when the target value is reached
                    if (current === end) {
                        clearInterval(timer);
                    }
                }, stepTime);
            }

            // Start counters with the desired parameters
            counter("count1", 0, 28, 4000);
            counter("count2", 100, 600, 4000);
            counter("count3", 0, 50, 4000);
            counter("count4", 0, 99, 4000);

            // Disconnect the observer after animation to improve performance
            observer.disconnect();
        };

        // Create an IntersectionObserver to observe the section
        const observer = new IntersectionObserver(workSectionObserverCallback, {
            root: null,
            threshold: 0.1, // Trigger when 10% of the section is visible
        });

        // Start observing the section
        observer.observe(workSection);
    }
    </script>
    <!-- <script>
    document.addEventListener('DOMContentLoaded', () => {
        const buttons = document.querySelectorAll('button');
        buttons.forEach((button, index) => {
            button.setAttribute('title', `Wali Exports`);
        });
    });
    </script> -->
</body>

</html>