<?php include_once("include/main.inc.php");
$admin_res=getAdminDetails();
$homepage=mysqli_query($dbconn,"select * from static_pages where pageID='1' and status='Y'");
$home_res=mysqli_fetch_array($homepage);

$page_metatitle= str_replace('hotkeyword1',$home_res[keyword1],str_replace('hotkeyword2', $home_res[keyword2], str_replace('city', $admin_res[city], str_replace('state', $admin_res[state], str_replace('country', $admin_res[country], $home_res['page_metatitle'])))));
//$page_metatitle=$home_res['page_metatitle'];

$page_metakey=str_replace('hotkeyword1',$home_res[keyword1],str_replace('hotkeyword2', $home_res[keyword2], str_replace('city', $admin_res[city], str_replace('state', $admin_res[state], str_replace('country', $admin_res[country], $home_res['page_keyword'])))));
//$page_metakey=$home_res['page_keyword'];
$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[phone], str_replace('city', $admin_res[city], str_replace('state', $admin_res[state], str_replace('country', $admin_res[country], $home_res['page_metadesc'])))))));
//$page_metadesc=$home_res['page_metadesc'];
$pg = 'home';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo $page_metatitle;?></title>
    <meta name="description" content="<?php echo $page_metadesc;?>">
    <meta name="keywords" content="<?php echo $page_metakey;?>">
    <?php include 'app_top.php'; ?>
</head>

<body class="homepage">
    
    <?php include 'app_header.php'; ?>

    <div class="home_slider">
    <div class="swiper mySwiper">
    <div class="swiper-wrapper">
    <?php $sql_banner=mysqli_query($dbconn,"Select * from banner_tbl where status='Y' ORDER BY bannerorder");
        while($result_banner=mysqli_fetch_array($sql_banner)){ 
             $link =  $result_banner['bannerUrl']!=null ? site_url."/".$result_banner['bannerUrl'] : "javascript:void(0);" ;
            ?>
      <div class="swiper-slide">
      <a href="<?=$link?>"><img src="<?=site_url();?>/uploaded-files/banner-image/<?=$result_banner['bannerImage'];?>" title="<?=$result_banner['personName'];?> in Delhi" alt="<?=$result_banner['personName'];?> in Delhi"></a>
      <?php if($result_banner['tagline']!=null){ ?>
                <div class="carousel-caption banner_inner d-flex">
                    <div class="container align-self-center">
                        <div class="banner_info">
                            <div class="title_1"><?=$result_banner['personName'];?></div>
                            <p><?=$result_banner['tagline'];?></p>
                        </div>
                    </div>
                </div>
                <?   }
            ?>
      </div>
      <?php  } ?>

    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>

        <svg class="path_type_1" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 0 L70 100 L100.1 0 L100.1 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
            <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="transparent"></path>
        </svg>
    </div>


     <!--Features-->
    <div class="w-p-s-home-feture">
        <div class="container">
            <div class="row">
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-6 wow fadeInDown" data-wow-delay=".2s">
                    <div class="wprt-icon-text">
                        <div class="icon">
                            <img src="<?=theme_url?>images/quality.png" alt="Quality Approved Products" title="Quality Approved Products">
                        </div>
                        <div class="title_01">Quality Approved Products</div>
                    </div>
                </div>

                

                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-6 wow fadeInDown" data-wow-delay=".4s">
                    <div class="wprt-icon-text">
                        <div class="icon">
                            <img src="<?=theme_url?>images/distribution-network.png" alt="Widespread Distribution Network" title="Widespread Distribution Network">
                        </div>
                        <div class="title_01">Widespread Distribution Network</div>

                    </div>
                </div>

                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-6 wow fadeInDown" data-wow-delay=".5s">
                    <div class="wprt-icon-text">
                        <div class="icon">
                            <img src="<?=theme_url?>images/expertise.png" alt="Professional Team support" title="Professional Team support">
                        </div>
                        <div class="title_01">Professional Team support</div>    
                    </div>
                </div>

                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-6 wow fadeInDown" data-wow-delay=".6s">
                    <div class="wprt-icon-text">
                        <div class="icon">
                            <img src="<?=theme_url?>images/delivered.png" alt="Prompt Product Delivery" title="Prompt Product Delivery">
                        </div>
                        <div class="title_01">Prompt Product Delivery</div>


                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="service_category">
        <div class="container">
            <?php 
$plySql = mysqli_query($dbconn,"select * from category_tbl where catID='2' and status='Y'" );
$plyres = mysqli_fetch_array($plySql);
$laminsql = mysqli_query($dbconn,"select * from category_tbl where catID='3' and status='Y'" );
$laminres =   mysqli_fetch_array($laminsql);
            ?>
            <div class="row">
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 grid_1 wow fadeInLeft" data-wow-delay=".1s">
                    <div class="img-wrap">
                        <img src="<?=site_url();?>/uploaded-files/category/banners/<?=$plyres['catBanner'];?>" alt="<?=$plyres['displayName']?> in Delhi" title="<?=$plyres['displayName']?> in Delhi">
                    </div>
                </div>
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 grid_1 wow fadeInRight" data-wow-delay=".2s">
                    <div class="service_content">
                        <div class="center_box">
                            <div class="title_3"><a href="<?= site_url; ?>/<?= getValidFileName($plyres['catName']); ?>.htm" title="<?=$plyres['displayName']?> in Delhi"><?=$plyres['displayName']?> in Delhi</a></div>
                            <p><?=$plyres['catDesc']?></p>
                            <a class="facilities_btn" href="<?= site_url; ?>/<?= getValidFileName($plyres['catName']); ?>.htm" title="View More">View More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 grid_2 wow fadeInRight" data-wow-delay=".4s">
                    <div class="img-wrap">
                        <img src="<?=site_url();?>/uploaded-files/category/banners/<?=$laminres['catBanner'];?>" alt="<?=$laminres['displayName']?> in Delhi" title="<?=$laminres['displayName']?> in Delhi">
                    </div>
                </div>

                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 grid_2 order-xxl-first order-xl-first order-lg-first order-md-first order-sm-last order-last wow fadeInLeft" data-wow-delay=".3s">
                    <div class="service_content">
                        <div class="center_box">
                            <div class="title_3"><a href="<?= site_url; ?>/<?= getValidFileName($laminres['catName']); ?>.htm" title="<?=$laminres['displayName']?> in Delhi"><?=$laminres['displayName']?> in Delhi</a></div>
                            <p><?=$laminres['catDesc'];?></p>
                            <a class="facilities_btn" href="<?= site_url; ?>/<?= getValidFileName($laminres['catName']); ?>.htm" title="View More">View More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

     <!--Home About-->
    <section class="home_about-web-pulse">
        <svg class="path_type_1 top" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 0 L30 100 L100 0 L100 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
            <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="rgba(255,255,255,0.0)"></path>
        </svg>
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="home_about_content wow fadeInDown" data-wow-delay=".1s">
                        <h1>Mineral Water Purification Plant</h1>
                        <?=$home_res['pageDesc']?>
                        <a href="<?= site_url; ?>/about.htm" class="read_more_btn" title="More About Us">More About Us</a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="services-block-six col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12 wow fadeInLeft" data-wow-delay=".3s">
                    <div class="inner">
                        <div class="icon"><img src="<?=theme_url?>images/nature-of-business.png" alt="Nature of Business" title="Nature of Business"></div>
                        <div class="title_3">Nature of Business</div>
                        <p>Manufacturer, Supplier, Exporter</p>
                    </div>
                </div>

                <div class="services-block-six col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12 wow fadeInDown" data-wow-delay=".4s">
                    <div class="inner">
                        <div class="icon"><img src="<?=theme_url?>images/year-of-establishment.png" alt="Year of Establishment" title="Year of Establishment"></div>
                        <div class="title_3">Year of Establishment</div>
                        <p>2012</p>
                    </div>
                </div>

                <div class="services-block-six col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12 wow fadeInDown" data-wow-delay=".5s">
                    <div class="inner">
                        <div class="icon"><img src="<?=theme_url?>images/Legal-Status-of-Firm.png" alt="Legal Status of Firm" title="Legal Status of Firm"></div>
                        <div class="title_3">Legal Status of Firm</div>
                        <p>Limited Company (Ltd./Pvt.Ltd.)</p>
                    </div>
                </div>

                <div class="services-block-six col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12 wow fadeInRight" data-wow-delay=".6s">
                    <div class="inner">
                        <div class="icon"><img src="<?=theme_url?>images/gst.png" alt="GST Number" title="GST Number"></div>
                        <div class="title_3">GST Number</div>
                        <p>09AASCS0396J1ZM</p>

                    </div>
                </div>

            </div>
        </div>



        <svg class="path_type_1" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 0 L70 100 L100 0 L100 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
            <path d="M0 -1 L0 0 L50 100 L100 0 L100 -1 Z" fill="rgba(255,255,255,0.0)"></path>
        </svg>
    </section>
    <?php $popular = mysqli_query($dbconn,"select * from category_tbl where parentID!='0' and status='Y' limit 5" ); 
    if(mysqli_num_rows($popular)){?>
    <!-- Home Featured-->
    <section class="webpulse_home_featured">
        <div class="container">
            <div class="title">Our Popular Products</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="featuredProducts" class="wps_featured owl-carousel">
                        <?php  while($popular_res=mysqli_fetch_array($popular)) { ?>
                        <div class="feature_item ">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image">
                                        <img src="<?=site_url();?>/uploaded-files/category/images/<?=$popular_res['catImage'];?>" alt="<?=$popular_res['catName']?> in Delhi" title="<?=$popular_res['catName']?> in Delhi"></figure>
                                    <div class="overlay-link">
                                        <a href="<?= site_url; ?>/<?= getValidFileName($popular_res['catName']); ?>.htm" class="lightbox-image" title="<?=$popular_res['catName']?> in Delhi"><span class="icon fa fa-external-link"></span></a>
                                    </div>
                                </div>
                                <div class="lower-content">
                                    <h4 class="tt"><a href="<?= site_url; ?>/<?= getValidFileName($popular_res['catName']); ?>.htm" title="<?=$popular_res['catName']?> in Delhi"><?=$popular_res['displayName']?></a></h4>
                                    <div class="text"><?=substr($popular_res['catDesc'],0,110);?> ...</div>
                                    <a href="<?= site_url; ?>/<?= getValidFileName($popular_res['catName']); ?>.htm" class="read_more_btn" title="Read More">Read More</a>
                                </div>
                            </div>
                        </div>
                        <?php  } ?>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <?php  } ?>

    <section class="web-pulse-choose">
        <svg class="path_type_1 top" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 0 L30 100 L100 0 L100 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
            <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="rgba(255,255,255,0.0)"></path>
        </svg>
        <div class="container">
            <div class="row">
                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 hidden_xs wow fadeInLeft" data-wow-delay=".3s">
                    <img class="ming" src="<?=theme_url?>images/worker.png" alt="worker" title="worker">
                </div>
                <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                    <div class="home_right_sec wow fadeInLeft" data-wow-delay=".3s">
                        <div class="title">Top Products</div>
                        <div class="clearfix"></div>
                        <div class="row">
                            <?php $top_cat = mysqli_query($dbconn,"select * from category_tbl where parentID='1' and status='Y' limit 4" ); 
    if(mysqli_num_rows($top_cat)){
            while($topcat_res=mysqli_fetch_array($top_cat)) { ?>
                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 wow fadeInRight" data-wow-delay=".4s">
                                <a href="<?= site_url; ?>/<?= getValidFileName($topcat_res['catName']); ?>.htm" title="<?=$topcat_res['displayName']?> in Delhi">
                                    <div class="service-box">
                                        <div class="service-flip theme-bg">
                                            <div class="service-flip-images" style="background: url('<?=site_url?>/uploaded-files/category/images/<?=$topcat_res[catImage]?>');">
                                                <div class="service-flip-title">
                                                    <h4 class="title_02"><?=$topcat_res['displayName']?></h4>
                                                </div>
                                                <div class="flip-icon"><i class="fa fa-link"></i></div>
                                            </div>

                                        </div>

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

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <svg class="path_type_2 home-left" width="21%" height="170" viewBox="0 0 100 102" preserveAspectRatio="none">
            <path d="M0 100 L100 100 L0 10 Z"></path>
        </svg>
        <svg class="path_type_2 home-right" width="80%" height="170" viewBox="0 0 100 102" preserveAspectRatio="none">
            <path d="M0 100 L100 100 L100 50 Z"></path>
        </svg>
    </section>


    <?php 
$sql_blog=mysqli_query($dbconn,"select * from blog_tbl order by blogDate desc limit 3"); 
if(mysqli_num_rows($sql_blog)>0)   {                 
    ?>
    <!-- Home Blog -->
    <section class="webpulse-home_blog">
        <div class="container">
            <div class="title">Latest News</div>
            <div class="clearfix"></div>
            <div class="row">
                <?php 
            while($res_blog=mysqli_fetch_array($sql_blog)) { ?>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                    <div class="blog-item">
                        <div class="blog__img">
                            <a href="<?= site_url; ?>/blog/<?= getValidFileName($res_blog['catName']); ?>.htm" title="<?=$res_blog['catName']?>">
                                <img src="<?=site_url();?>/uploaded-files/blog/images/<?=$res_blog['catImage'];?>" alt="<?=$res_blog['catName']?>" title="<?=$res_blog['catName']?>">
                            </a>
                        </div>
                        <div class="blog__content">
                            <div class="blog__meta">
                                <!--<span class="blog__meta-date"><i class="fa fa-calendar"></i> <?=date('M d, Y',strtotime($res_blog['blogDate']))?></span>-->
                                <div class="blog__meta-cat">
                                    <a href="javascript:void();" title="<?=$res_blog['blog_written']?>"><i class="fa fa-user"></i> <?=$res_blog['blog_written']?></a>
                                </div>
                            </div>
                            <h4 class="blog__title"><a href="<?= site_url; ?>/blog/<?= getValidFileName($res_blog['catName']); ?>.htm" title="<?=$res_blog['catName']?>"><?=$res_blog['catName']?></a></h4>
                            <p class="blog__desc"><?=substr($res_blog['pageDescription'],0,200)?>....
                            </p>
                            <a href="<?= site_url; ?>/blog/<?= getValidFileName($res_blog['catName']); ?>.htm" class="read_more_btn" title="Read More">Read More</a>
                        </div>
                    </div>
                </div>
                <?php  } ?>

            </div>
        </div>

    </section>
    <?php  } ?>


    <?php include 'app_footer.php'; ?>
    <?php include 'app_bottom.php'; ?>
</body>

</html>
