1#@!#!123s

: / home3 / encodto1 / newpcjewellers.in /
Filename : index.php
back
<?php require('newadminpc/config.php') ?>

<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<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>New PC Jewellers</title>
   <!--Favicons-->
   <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="theme-color" content="#ffffff">
   <!--Bootstrap and Other Vendors-->
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/bootstrap-theme.min.css">
   <link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
   <link rel="stylesheet" href="css/jquery.fancybox.min.css" />
   <link rel="stylesheet" href="css/jquery-ui.css">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
   <link rel="stylesheet" href="css/fontawesome-all.min.css">
   <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.min.css">

   <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" />
   <!--Fonts-->
   <link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">


   <link rel="preconnect" href="https://fonts.googleapis.com/">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&amp;display=swap" rel="stylesheet">


   <!--Mechanic Styles-->
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/responsive.css">
   <style>
      /* Ensures all images have the same size */
      .imgHov img {
         width: 100%;
         /* Ensures the image takes up the full width of the container */
         height: 350px;
         /* Set a fixed height for all images */
         object-fit: cover;
         /* Ensures the image is scaled properly without stretching */
         border-radius: 10px;
         /* Adds a subtle border radius for a more refined look */
      }

      /* Container styling to ensure consistent sizing */
      .item {
         width: 100%;
         text-align: center;
         /* Centers the content inside the container */
         padding: 15px;
      }

      /* Ensures a responsive layout inside the carousel */
      .owl-carousel.featureCats .item {
         margin: 0 15px;
         /* Adds some spacing between the items */
      }
   </style>
</head>

<body class="home-2">
   <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
   <div class="innerLayout">
      <?php require('header.php') ?>
      <section id="slider" class="row">
         <div class="row sliderCont vertical flexslider m0">
            <ul class="slides nav">
               <li>
                  <img src="images/opening.jpg" alt="">
                  <div class="text_lines row m0">
                    
                  </div>
               </li>

               <li>
                  <img src="images/slider/Jewellers__web banner_2.jpg" alt="">
                  <div class="text_lines row m0">
                    
                  </div>
               </li>

               <li>
                  <img src="images/slider/Jewellers_website_banner_3.png" alt="">
                  <div class="text_lines row m0">
                    
                  </div>
               </li>


            </ul>
         </div>
      </section>

      <section id="ring_sec" class="ring_sec ">
         <div id="trigger" class="container ">
            <div class="row">
               <div class="col-md-6 col-lg-5">
                  <div class="homeAboutImg">
                     <img alt="" class="img-responsive" src="images/banners/newpc_welcome .png">
                  </div>
               </div>
               <div class="col-md-6 col-lg-7">
                  <h3><span>Welcome to</span> New PC Jewellers</h3>
                  <p>At New PC Jewellers, we believe that every piece of jewellery tells a story of timeless beauty and elegance. Established with a vision to offer exquisite designs, we are committed to creating jewellery that complements your personality and celebrates your special moments. Our collection features a blend of traditional craftsmanship and contemporary artistry, ensuring something unique for everyone.

<br> <br>From stunning bridal sets to everyday wear pieces.......<p>

                  </p>
                  <a class="com_btn" href="about.php">Read More...</a>
               </div>
            </div>
         </div>
      </section>


      <section id="fullgridBox" class="fullgridBox">
         <div class="headding-box">
            <h3 class="theme-headdings">Our Products</h3>
            <div class="headding_icons">
               <ul>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="style mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
               </ul>
            </div>
            <p>Our Latest Exclusive Product</p>
         </div>
         <div class="container">
            <div class="row">
               <?php
               // Example of listing products with base64-encoded IDs
               include 'newadminpc/config.php';

               // Fetch products from the database
               $query = "SELECT id, name, image1, purity, weight FROM products";
               $result = mysqli_query($conn, $query);

               if ($result && mysqli_num_rows($result) > 0) {
                  while ($row = mysqli_fetch_assoc($result)) {
               ?>
                     <div class="col-lg-3 col-sm-6 col-xs-12">
                        <div class="fullgridDiv">
                           <a class="fullgridBox_inner" href="product-details.php?id=<?php echo htmlspecialchars($row['id']); ?>">
                              <div class="fullgridBox_img">
                                 <img alt="<?php echo $row['name']; ?>" src="newadminpc/uploads/<?php echo $row['image1']; ?>">
                              </div>
                              <div class="fullgridBox_cont">
                                 <h3><?php echo $row['name']; ?></h3>
                                 <ul class="list-inline jewelBox">
                                    <li>Purity: <span> <?php echo $row['purity']; ?></span></li>
                                    <li>Weight: <span> <?php echo $row['weight']; ?> GM</span></li>
                                 </ul>
                                 <a class="jewelAnchor" href="product-details.php?id=<?php echo htmlspecialchars($row['id']); ?>">Explore Details <i class="fas fa-angle-right"></i></a>
                              </div>
                           </a>
                        </div>
                     </div>
               <?php
                  }
               } else {
                  echo "<p>No products found.</p>";
               }

               // Close the database connection
               mysqli_close($conn);
               ?>

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



      <section id="genderCategory" class="row contentRowPad">
         <div class="headding-box">
            <h3 class="theme-headdings">Shop By Gender</h3>
            <div class="headding_icons">
               <ul>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="style mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
               </ul>
            </div>
            <p>Choose our exclusive jewellery Gender Wise </p>
         </div>
         <div class="container">
            <div class="row m0">

               <!-- Woman's Category -->
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <!-- Set image manually -->
                        <img src="images/product/category/newpc_women_banner.jpg" alt="woman-with-jewelry">
                     </div>
                     <div class="row">
                        <div class="col-lg-12 col-xs-12">
                           <div class="proName"><a href="product.php?gender=female">Woman's Category</a></div>
                        </div>
                        <div class="col-lg-12 col-xs-12">
                           <div class="proBuyBtn"><a href="product.php?gender=female" class="addToCart btn">Explore More</a></div>
                        </div>
                     </div>
                  </div>
               </div>

               <!-- Man's Category -->
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <!-- Set image manually -->
                        <img src="images/product/category/man-jwellery.jpg" alt="man-with-jewelry">
                     </div>
                     <div class="row">
                        <div class="col-lg-12 col-xs-12">
                           <div class="proName"><a href="product.php?gender=male">Man's Category</a></div>
                        </div>
                        <div class="col-lg-12 col-xs-12">
                           <div class="proBuyBtn"><a href="product.php?gender=male" class="addToCart btn">Explore More</a></div>
                        </div>
                     </div>
                  </div>
               </div>

               <!-- Kid's Category -->
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <!-- Set image manually -->
                        <img src="images/product/category/kids-jwellery.jpg" alt="kids-with-jewelry">
                     </div>
                     <div class="row">
                        <div class="col-lg-12 col-xs-12">
                           <div class="proName"><a href="product.php?gender=kids">Kid's Jewelry</a></div>
                        </div>
                        <div class="col-lg-12 col-xs-12">
                           <div class="proBuyBtn"><a href="product.php?gender=kids" class="addToCart btn">Explore More</a></div>
                        </div>
                     </div>
                  </div>
               </div>

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


      <section class="featureSec">
         <div class="container-fluid">
            <div class="row">
               <div class="col-12">
                  <div class="featureImg">
                     <img src="images/banners/npj-banner.jpg" alt="new-pc-jewellers-banner" class="img-fluid">
                  </div>
                  <div class="featureInfo text-center">
                    
                     <div class="featureContent">
                        <h3>Exclusive Bridal Jewellery</h3>
                        <h5>Captivate hearts, adorn your dreams, with the <br>radiant embrace of bridal gold.</h5>
                     </div>
                  </div>
                  <div class="featureBottom text-center">
                     <p> Get More Details <a href="contact.php">Contact Us</a></p>
                  </div>
               </div>
            </div>
         </div>
      </section>


      <section id="regalia" class="row contentRowPad pb-0 ">
    <div class="headding-box">
        <h3 class="theme-headdings">Shop By Category</h3>
        <div class="headding_icons">
            <ul>
                <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                <li><span class="style mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
            </ul>
        </div>
        <p>Shop Jewellery Category Wise</p>
    </div>
    <div class="container-fluid">
        <div class="owl-carousel featureCats row m0">
            <?php
            // Include database connection
            include 'config.php';

            // Fetch categories from the 'product_category' table
            $query = "SELECT * FROM product_category";
            $result = mysqli_query($conn, $query);

            // Loop through categories and generate HTML for each category
            while ($row = mysqli_fetch_assoc($result)) {
                $category_name = htmlspecialchars($row['category_name']);
                $category_image = htmlspecialchars($row['image']);
                $id = htmlspecialchars($row['id']); // Escape the ID for safety

                // Generate category block
                echo '
                <div class="item">
                    <div class="row m0 imgHov">
                        <img src="newadminpc/uploads/' . $category_image . '" alt="' . $category_name . '">
                    </div>
                    <div class="cat_h">
                        <a href="products.php?category=' . $id . '">
                            <h4>' . $category_name . '</h4>
                            <span>View Collection</span>
                        </a>
                    </div>
                </div>';
            }

            // Close the database connection
            mysqli_close($conn);
            ?>
        </div>
    </div>
</section>




      <section id="testimonialTabs" class="row pt-50 contentRowPad">
         <div class="headding-box">
            <h3 class="theme-headdings">Some words from our customers</h3>
            <div class="headding_icons">
               <ul>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="style mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
                  <li><span class="mar-top15"><i class="far fa-gem" aria-hidden="true"></i></span></li>
               </ul>
            </div>
            <p>Our Valuable Customer Feedback</p>
         </div>
         <div class="container">
            <div class="row text-center">
               <div class="tab-content testiTabContent">
                  <?php
                  // Include the database connection file
                  include 'config.php';

                  // Fetch testimonials from the 'testimonial' table
                  $query = "SELECT * FROM testimonial";
                  $result = mysqli_query($conn, $query);

                  // Variables for tab control
                  $active = "active";
                  $tabIndex = 1;

                  // Loop through the testimonials
                  while ($row = mysqli_fetch_assoc($result)) {
                     $testimonial_text = $row['comment'];
                     $customer_name = $row['name'];
                     $image = $row['image']; // Assuming you have an image field

                     // Generate testimonial tab content
                     echo '
                    <div role="tabpanel" class="tab-pane ' . $active . '" id="testi' . $tabIndex . '">
                        <p><span class="t_q_start"><i class="fas fa-quote-left"></i></span> ' . $testimonial_text . ' <span class="t_q_end"><i class="fas fa-quote-right"></i></span></p>
                        <h5 class="customerName">' . $customer_name . '</h5>
                    </div>';

                     // Reset active class after the first tab
                     $active = "";
                     $tabIndex++;
                  }

                  // Close the database connection
                  mysqli_close($conn);
                  ?>
               </div>
               <ul class="nav nav-tabs" role="tablist" id="testiTab">
                  <?php
                  // Re-fetch testimonials for the navigation
                  include 'config.php';
                  $result = mysqli_query($conn, $query);

                  // Variables for tab control
                  $active = "active";
                  $tabIndex = 1;

                  // Loop through the testimonials again for navigation tabs
                  while ($row = mysqli_fetch_assoc($result)) {
                     $customer_name = $row['name'];
                     $image = $row['image']; // Assuming you have an image field

                     // Generate testimonial tab navigation
                     echo '
                    <li role="presentation" class="' . $active . '">
                        <a href="#testi' . $tabIndex . '" aria-controls="testi' . $tabIndex . '" role="tab" data-toggle="tab">
                            <img src="newadminpc/uploads/' . $image . '" alt="' . $customer_name . '">
                        </a>
                    </li>';

                     // Reset active class after the first tab
                     $active = "";
                     $tabIndex++;
                  }

                  // Close the database connection
                  mysqli_close($conn);
                  ?>
                  <li class="tab_arrow"></li>
               </ul>
            </div>
         </div>
      </section>



      <section class="social_sec">
         <div class="social_div">
            <ul class="sociallist">
               <li><a href="https://www.facebook.com/newpcjewellersslg01">
                     <img src="images/icons/facebook.png" alt="social-icon">
                  </a></li>
               <li><a href="https://www.instagram.com/newpcjewellerssiliguri/">
                     <img src="images/icons/instagram.png" alt="social-icon">
                  </a></li>
               
            </ul>
         </div>

         <div class="whatsapp_Div">
            <a class="video-vemo-icon" href="https://api.whatsapp.com/send/?phone=919734355000"><img src="images/icons/whatsapp.png"></a>
         </div>
      </section>

     <!-- Footer Section -->
        <?php require('footer.php') ?>

   </div>



   <!-- Button trigger modal -->
   <!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button> -->

   <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-body">
               <div class="accountDiv row">
                  <div class="col-6">
                     <div class="accountInfo">
                        <h3>Hello, Friend!</h3>
                        <p>Enter your personal details to start journey with us.</p>
                        <a href="#" class="btn btn-primary">Sign up</a>
                     </div>
                  </div>
                  <div class="col-6">
                     <div class="accountForm">
                        <form action="#" method="POST">
                           <div class="input-group">
                              <input type="tel" name="" maxlength="10" placeholder="Enter Mobile Number">
                           </div>
                        </form>
                     </div>
                  </div>

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


   <!--jQuery-->
   <script src="js/jquery-2.1.3.min.js"></script>
   <!--Bootstrap JS-->
   <script src="js/bootstrap.min.js"></script>
   <script src="js/bootstrap-datepicker.min.js"></script>
   <script src="js/jquery.fancybox.min.js"></script>
   <script src="js/jquery-ui.js"></script>
   <script src="js/popper.min.js"></script>
   <script src="js/zoom.js"></script>

   <!--Owl Carousel-->
   <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script>
   <!--Isotope-->
   <script src="vendors/isotope/isotope-custom.js"></script>
   <script src="js/imagesloaded.pkgd.min.js"></script>
   <!--FlexSlider-->
   <script src="vendors/flexslider/jquery.flexslider-min.js"></script>
   <!--Regalia JS-->
   <script src="js/regalia.js"></script>
   <script async defer crossorigin="anonymous" src="../connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" nonce="wjI79STh"></script>
</body>

<!-- Mirrored from newpcjewellers.in/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 03 Sep 2024 09:29:10 GMT -->

</html>
<script type="text/javascript">
   $(".tab-content .tab-pane").first().addClass("active");
   $("#testiTab li").first().addClass("active");
</script>