<?php include_once("include/main.inc.php");
$hover = "home";
$homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc, 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'];
$blog = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc from blog_tbl  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>
    <?php include "app_header.php"; ?>
    <div class="home_slider">
        <div id="carouselExampleRide" class="carousel slide carousel-fade" data-bs-ride="true">
            <div class="carousel-inner">
                <?php
                $i = 0;
                $sql_banner = mysqli_query($GLOBALS['dbconn'], "Select bannerImage, personName, Decs, bannerUrl 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']; ?>" width="1920" height="700" alt="<?= $res_banner['personName']; ?> in <?= $admin_res['targetlocation']; ?>" title="<?= $res_banner['personName']; ?> in <?= $admin_res['targetlocation']; ?>">
                    </div>
                <?php } ?>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" 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="#carouselExampleRide" 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="work-exp-area">
        <div class="container">
            <div class="_img_bx wow fadeInRight" data-wow-delay=".2s" data-wow-duration="1500ms">
                <img fetchpriority="high" src="<?= getImage($home_res['pageImage'], 455, 533, $home_res['pageTitle'], "/uploaded-files/page-images/"); ?>" width="454" height="533" alt="Director, Ankur Aggarwal welcoming Sh. Bhupender Patel, Chief Minister of Gujrat and Sh. Nitin Gadkari Union Minister of Road Transport & Highways of India" title="Director, Ankur Aggarwal welcoming Sh. Bhupender Patel, Chief Minister of Gujrat and Sh. Nitin Gadkari Union Minister of Road Transport & Highways of India">
                <div class="about-year-info wow fadeInRight" data-wow-delay=".4s" data-wow-duration="1500ms">
                    <span>15+</span>
                    <p>Years of Working Expertise</p>
                </div>
            </div>
            <div class="_con_bx wow fadeInLeft" data-wow-delay=".1s" data-wow-duration="1500ms">
                <!-- <div class="sub_head">About Sunrise</div> -->
                <h1 class="head">Road Safety Equipment in <?= $admin_res['targetlocation']; ?></h1>
                <?= html_entity_decode($home_res['pageDesc']); ?>
                <a href="<?= site_url; ?>/about-us.htm" class="read_more" title="Read More">Read More</a>
            </div>
        </div>
    </section>
    <div class="webpulse_home_product">
        <div class="container">
            <div class="title_2 ">Our Products
                <div class="line"></div>
            </div>
            <div class="row align-items-stretch">
                <?php
                $home_cat1 = mysqli_query($GLOBALS['dbconn'], "select catImage, catName, displayName, catDesc, catID from category_tbl where home_category='1' and status='Y' order by homeorder asc limit 0,8");
                while ($home_cat_res2 = mysqli_fetch_assoc($home_cat1)) {
                    if ($home_cat_res2['catImage'] != '') {
                        $imglink = getImage($home_cat_res2[catImage], 276, 276, $home_cat_res2[catName], "/uploaded-files/category/images/");
                    } else {
                        $imglink = NO_IMG_URL;
                    }
                ?>
                    <div class="col-lg-3 col-md-4 col-12 wow fadeInRight" data-wow-delay=".2s" data-wow-duration="1500ms">
                        <div class="_pr_bx">
                            <div class="img-bx">
                                <img src="<?= $imglink; ?>" width="276" height="276" alt="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>" title="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>" loading="lazy">
                                <a href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm" class="link" title="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
                                        <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
                                        <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
                                    </svg>
                                </a>
                            </div>
                            <div class="_pr_des2">
                                <h4 class="tit"><?= $home_cat_res2['displayName']; ?></h4>
                                <a href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm" class="_re_mr" title="Read More">Read More
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" 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" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
    </div>
    <div class="why_us">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-md-4 col-12">
                    <div class="why_us_bx">
                        <div class="why_ic">
                            <img src="<?= site_url; ?>/designer/images/icon/Best-Quality-Providor.png" width="128" height="128" alt="Best Quality Providor" title="Best Quality Providor" loading="lazy">
                        </div>
                        <div class="tit-bx">
                            <div class="tit">Best Quality Provider</div>
                            <span class="count">01</span>
                        </div>
                        <p>We take pride in being the best quality provider, offering top-notch road safety products and
                            solutions for your needs.</p>
                    </div>
                </div>
                <div class="col-md-3 col-md-4 col-12">
                    <div class="why_us_bx">
                        <div class="why_ic">
                            <img src="<?= site_url; ?>/designer/images/icon/Environmental-Sensitivity.png" width="128" height="128" alt="Environmental Sensitivity" title="Environmental Sensitivity" loading="lazy">
                        </div>
                        <div class="tit-bx">
                            <div class="tit">Environmental Sensitivity</div>
                            <span class="count">02</span>
                        </div>
                        <p>Our commitment to environmental sensitivity reflects in our eco-friendly road safety products
                            that contribute to a greener tomorrow.</p>
                    </div>
                </div>
                <div class="col-md-3 col-md-4 col-12">
                    <div class="why_us_bx">
                        <div class="why_ic">
                            <img src="<?= site_url; ?>/designer/images/icon/Professional_Qualified.png" width="128" height="128" alt="Professional & Qualified" title="Professional & Qualified" loading="lazy">
                        </div>
                        <div class="tit-bx">
                            <div class="tit">Professional & Qualified</div>
                            <span class="count">03</span>
                        </div>
                        <p>With a team of professionals and qualified experts, we deliver reliable road safety products
                            and services to ensure your safety.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="video-count">
        <div class="container">
            <div class="title_2 text-white mb-md-4">Elevating Trust through Quality
                <div class="line"></div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-3 col-5 wow fadeInLeft leftImage" data-wow-delay=".2s" data-wow-duration="1500ms">
                    <img src="designer/images/shape/self-pic.png" width="348" height="710" alt="Sunrise Overseas" title="Sunrise Overseas" loading="lazy">
                </div>
                <div class="col-md-7 col-12 wow fadeInRight" data-wow-delay=".2s" data-wow-duration="1500ms">
                    <div class="right-bx ps-md-5">
                        <div class="_v_bx">
                            <div class="img_thumb">
                                <img src="<?= site_url; ?>/designer/images/video/video-1.jpg" width="628" height="385" alt="video" title="Video" loading="lazy">
                            </div>
                            <a href="https://www.youtube.com/watch?v=bEtLRZRnxxs" class="play_btn" data-fancybox="photo-gallery">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
                                    <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
                                </svg>
                            </a>
                            <div class="_thumb">The Best Road Marking Equipments & Material Manufacturer</div>
                        </div>
                        <div class="counter mb-5">
                            <div class="row">
                                <div class="col-md-4 col-4 wow fadeInRight" data-wow-delay=".4s" data-wow-duration="1500ms">
                                    <div class="count">
                                        <div class="title"><span id="count1">0</span><span>+</span></div>
                                        <p>Year of Expertise</p>
                                    </div>
                                </div>
                                <div class="col-md-4 col-4 wow fadeInRight" data-wow-delay=".5s" data-wow-duration="1500ms">
                                    <div class="count">
                                        <div class="title"><span id="count2">0</span><span>+</span> </div>
                                        <p>Number of Employees</p>
                                    </div>
                                </div>
                                <div class="col-md-4 col-4 wow fadeInRight" data-wow-delay=".6s" data-wow-duration="1500ms">
                                    <div class="count">
                                        <div class="title"><span id="count3"></span><span>+</span> </div>
                                        <p>Best Products</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="webpulse-home_blog">
        <div class="container">
            <div class="title_2 ">Latest Blogs
                <div class="line"></div>
            </div>
            <div class="row">
                <?php while ($blog_res = mysqli_fetch_array($blog)) {
                    $blog_res['blogDate'];
                    $date = new DateTime($blog_res['blogDate']);
                    $day = $date->format('d');
                    $month = $date->format('M');
                    $year = $date->format('Y');
                    if ($blog_res['catImage'] != '') {
                        $blog_img =  getImage($blog_res['catImage'], 376, 300, $blog_res['catName'], "/uploaded-files/blog/images/");
                    } else {
                        $blog_img = NO_IMG_URL;
                    }
                ?>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="blog-bx">
                            <a href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm">
                                <div class="blog-img">
                                    <img src="<?= $blog_img; ?>" width="300" height="300" alt="<?= $blog_res['blogDname']; ?>" title="<?= $blog_res['blogDname']; ?>" loading="lazy">
                                </div>
                            </a>
                            <!-- <div class="postDate">
                            <span><?= $day; ?></span> <?= $month; ?>
                        </div> -->
                            <div class="blog-des">
                                <div class="head"><a href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm" title="<?= $blog_res['blogDname']; ?>"><?= $blog_res['blogDname']; ?></a></div>
                                <a href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm" class="_re_mr" title="Read More">Read More
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" 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" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
    </div>
    <?php include "app_testimonials.php"; ?>
    <?php //include "app_clients.php"; 
    ?>
    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>