<?php include_once('include/main.inc.php');
$hover = "home";
$homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner from static_pages where pageID='1' and status='Y'");
$home_res = mysqli_fetch_array($homepage);
$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_metadesc = str_ireplace('{companyName}', $admin_res['companyName'], $page_metadesc);
$blog = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc,blog_written 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"; ?>
</head>

<body class="home_only">

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

    <div class="homeSlider">
           <div id="carouselExampleAutoplaying" class="carousel slide" 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");
                while ($res_banner = mysqli_fetch_array($sql_banner)) {
                    $i++; ?>
                <div class="carousel-item <?= $i == 1 ? 'active' : ''; ?>">
                    <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="1600" height="750">
                </div>
                <?php } ?>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying"
                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="#carouselExampleAutoplaying"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>

    <div class="wps_home_about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-xs-12 col-12 wow fadeInLeft"
                    data-wow-delay=".1s">
                    <div class="h1_title">We are the leader in Stainless Steel Pipes, Plates and Fittings</div>
                </div>
                <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-xs-12 col-12 wow fadeInRight"
                    data-wow-delay=".2s">
                    <div class="text">
                        <p>You will find yourself working in a true partnership that results in an incredible
                            experience, and an end product that is the best. </p>
                        <div class="exp">
                            <div class="exp_num">21+</div>
                            <div class="valign">Years of Experience<br>
                                In Stockist and Supplier of Pipes</div>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="hr_padding">
        </div>
    </div>

    <section class="home_about_2">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 col-12">
                    <div class="about_img wow fadeInUp" data-wow-delay=".3s">
                        <div class="img">
                            <img fetchpriority="high" src="<?= getImage($home_res['pageImage'], 510, 348, $home_res['pageTitle'], "/uploaded-files/page-images/"); ?>"
                                alt="Stainless Steel carousel slideSheets in <?= $admin_res['targetlocation']; ?>"
                                title="Stainless Steel Sheets in <?= $admin_res['targetlocation']; ?>">
                        </div>
                        <div class="about_img">Numax Steels</div>
                    </div>
                    <h1 class="h1_title">Top Stainless Steel Sheet in <?= $admin_res['targetlocation']; ?></h1>
                    <?= html_entity_decode($page_desc); ?>


                    <a class="read_more wow fadeInLeft" data-wow-delay=".2s" href="<?= site_url; ?>/about-us.htm"
                        title="More About"><span>Read More About</span> </a>
                </div>
            </div>
        </div>
    </section>

    <div class="why_us">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-12"></div>
                <div class="col-lg-6 col-12">
                    <div class="tt-bx">
                        <span>Why Choose Us </span>
                        <div class="tt">Dream It, We Can Build It</div>
                    </div>
                    <p>At Numax Steels, we stand as a trusted leader in the steel industry, offering unparalleled
                        quality and service. With a commitment to excellence, our extensive range of high-grade steel
                        products caters to diverse industrial needs. Backed by cutting-edge technology and a team of
                        skilled professionals, we ensure precision, reliability, and timely delivery. Our
                        customer-centric approach focuses on building lasting partnerships, making us the preferred
                        choice for those seeking top-notch steel solutions. Choose Numax Steels for a seamless blend of
                        quality, expertise, and reliability in every product.</p>

                    <div class="row align-items-stretch">
                        <div class="col-md-4 col-12">
                            <div class="cn_bx">
                                <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/Expertise.png" alt="Years of Experience"
                                    title="Years of Experience">
                                <div class="count"><span id="count1">0</span>+</div>
                                <p>Years of Experience</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="cn_bx">
                                <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/Establish.png"
                                    alt="Year of Establishment" title="Year of Establishment">
                                <div class="count"><span id="count2">0</span></div>
                                <p>Year of Establishment</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="cn_bx">
                                <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/SATISFACTION.png"
                                    alt="Client Satisfaction" title="Client Satisfaction">
                                <div class="count"><span id="count3">0</span>%</div>
                                <p>Client Satisfaction</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="webpulse_home_product">
        <div class="container">
            <div class="offerWidth_2 wow fadeInDown" data-wow-delay=".1s">
                <div class="title_2"><span>Our Top Products</span></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 id="ourProducts" class="owl-carousel">
                        <?php

                        $home_cat1 = mysqli_query($GLOBALS['dbconn'], "select catImage, catName, displayName, catDesc, catID,catBanner from category_tbl where home_category='1' and status='Y' order by catOrder asc limit 0,5");
                        while ($home_cat_res2 = mysqli_fetch_assoc($home_cat1)) {
                            if ($home_cat_res2['catImage'] != '') {
                                $imglink = getImage($home_cat_res2[catImage], 420, 420, $home_cat_res2[catName], "/uploaded-files/category/images/");
                            } else {
                                $imglink = getImage("noimage.png", 420, 420, "noimages", "/uploaded-files/category/images/");
                            }
                            $short_desc = str_ireplace('{companyName}', $admin_res['companyName'], $home_cat_res2['catDesc']);


                        ?>
                        <div class="item">
                            <div class="item_info wow fadeInRight" data-wow-delay=".2s">
                                <div class="image">
                                    <img loading="lazy" src="<?= $imglink; ?>"
                                        alt="<?= $home_cat_res2['displayName']; ?> Manufacturers in <?= $admin_res['targetlocation']; ?>"
                                        title="<?= $home_cat_res2['displayName']; ?> Manufacturers in <?= $admin_res['targetlocation']; ?>">
                                </div>
                                <div class="con">
                                    <h4 class="pr-ti"><a
                                            href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm"
                                            title="<?= $home_cat_res2['displayName']; ?> Manufacturers in <?= $admin_res['targetlocation']; ?>"><?= $home_cat_res2['displayName']; ?></a>
                                    </h4>
                                    <p><?= html_entity_decode(substr($short_desc, 0, 85)); ?>...</p>
                                    <div class="line"></div>
                                    <a href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm"
                                        title="<?= $home_cat_res2['displayName']; ?> Manufacturers in <?= $admin_res['targetlocation']; ?>"><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 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
                                        </svg></a>
                                </div>
                            </div>
                        </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <?php include "app_testimonials.php"; ?>
 
 
    <?php include "app_faq.php"; ?>
    <section class="home_latest_blog">
        <div class="container">
            <div class="title_2">Our Latest Blog</div>
            <div class="row">
                <?php
                while ($blog_res = mysqli_fetch_array($blog)) {
                    if ($blog_res['catImage'] != '') {
                        $blog_img =  getImage($blog_res['catImage'], 350, 350, $blog_res['catName'], "/uploaded-files/blog/images/");
                    } else {
                        $blog_img = NO_IMG_URL;
                    }
                ?>
                <div class="col-md-4 col-sm-12 col-12 wow zoomIn" data-wow-delay=".2s">
                    <div class="post  article clearfix">
                        <div class="featured-post">
                            <img loading="lazy" src="<?= $blog_img; ?>" alt="<?= $blog_res['blogDname']; ?>"
                                title="<?= $blog_res['blogDname']; ?>">
                        </div>
                        <div class="content-post">
                            <h6 class="title-post"><a
                                    href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                    title="<?= $blog_res['blogDname']; ?>"><?= $blog_res['blogDname']; ?></a></h6>
                            <div class="entry-post">
                                <p><?= html_entity_decode(substr($blog_res['catDesc'], 0, 200)); ?>...</p>
                                <a class="read_more"
                                    href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                    title="Read More Post"><span>Read More Post</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </section>

  
    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
    <script>
        document.addEventListener('DOMContentLoaded', () => { 
        const buttons = document.querySelectorAll('button'); 
        buttons.forEach((button, index) => {
            button.setAttribute('title', `Numax Steels`);
            });
        });
    </script>
</body>

</html>