ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/common/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/common/footer.php |
<?php include 'connection/config.php';
?>
<script src="jquery-3.7.1.min.js"></script>
<!-- footer start -->
<footer id="footer">
<!-- footer-insta start -->
<section class="footer-insta extra-bg">
<div class="container-fluid">
<div class="insta-category">
<div class="section-capture text-center " data-animate="animate__fadeIn">
<div class="section-title" >
<h2 class="section-heading pt-3 ">Follow on instagram</h2>
</div>
</div>
<div class="insta-wrap">
<div class="insta-slider swiper" id="insta-slider">
<div class="swiper-wrapper">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->prepare("SELECT * FROM instaphoto ORDER BY id DESC");
$stmt->execute();
$photos = $stmt->fetchAll(PDO::FETCH_ASSOC);
$i = 0;
if ($photos) {
foreach ($photos as $photo) {
$i++;
?>
<div class="swiper-slide" data-animate="animate__fadeIn">
<div class="insta-post banner-hover">
<a href="<?php echo $store_locations['instagram'] ?>" class="d-block banner-img position-relative br-hidden">
<span class="banner-icon extra-color icon-24 position-absolute top-50 start-50 translate-middle z-1"><i class="ri-instagram-line d-block lh-1"></i></span>
<img src="uploads/instaphoto/<?php echo htmlspecialchars($photo['image']); ?>" class="w-100 img-fluid" alt="footer-insta1">
</a>
</div>
</div>
<?php
}
} else {
echo "<tr><td colspan='4' class='text-center'>No records found</td></tr>";
}
} catch (PDOException $e) {
echo "<tr><td colspan='4'>Error: " . htmlspecialchars($e->getMessage()) . "</td></tr>";
}
?>
</div>
</div>
<div class="swiper-buttons">
<div class="swiper-buttons-wrap">
<button type="button" class="swiper-prev swiper-prev-insta" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
<button type="button" class="swiper-next swiper-next-insta" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
</div>
</div>
<div class="swiper-dots" data-animate="animate__fadeIn">
<div class="swiper-pagination swiper-pagination-insta"></div>
</div>
<div class="insta-button position-absolute top-50 start-0 end-0 translate-middle-y z-1 mlr-15 mlr-sm-30 text-center" data-animate="animate__fadeIn">
<a href="<?php echo $store_locations['instagram'] ?>" target="_blank" class="btn-style tertiary-btn">@poojajewellersbbsr</a>
</div>
</div>
</div>
</div>
</section>
<!-- footer-insta end -->
<!-- footer-top start -->
<div class="footer-area section-ptb">
<div class="container">
<div class="row row-mtm50">
<div class="col-12">
<div class="row row-mtm">
<div class="col-12 col-lg-4">
<div class="footer-news">
<h6 class="font-18">About Pooja Jeweler</h6>
<div class="footer-news-form mst-19">
<p>Pooja Jewellers is your trusted destination for exquisite gold, silver, and diamond jewelry. Subscribe with us to get special offers, exclusive collections, and the latest discount information directly in your inbox.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-8 footer-list">
<div class="row">
<div class="col-12 col-md-4 ft-list">
<div class="footer-menu">
<h6 class="ft-title d-none d-md-block font-18">Top category</h6>
<a href="#collapse-top-category" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Top category</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-top-category">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<?php
include "connection/config.php";
// Fetch categories (limit 5)
$stmt = $pdo->prepare("SELECT id, name FROM product_categories ORDER BY id ASC");
$stmt->execute();
$Categories = $stmt->fetchAll(PDO::FETCH_ASSOC);
if (!empty($Categories)): ?>
<?php foreach ($Categories as $cat): ?>
<li class="ftlink-li">
<a href="product_category.php?slug=<?= urlencode($cat['name']); ?>"
class="d-inline-block body-dominant-color">
<?= htmlspecialchars($cat['name']) ?>
</a>
</li>
<?php endforeach; ?>
<?php else: ?>
<li class="ftlink-li"><span>No categories found</span></li>
<?php endif; ?>
<li class="ftlink-li">
<a href="product_category.php?slug=Fancy+Jewellery" class="d-inline-block body-dominant-color">Rental</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-4 ft-list">
<div class="footer-menu">
<h6 class="ft-title d-none d-md-block font-18">Information</h6>
<a href="#collapse-information" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Information</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-information">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<li class="ftlink-li">
<a href="about.php" class="d-inline-block body-dominant-color">About us</a>
</li>
<li class="ftlink-li">
<a href="contact.php" class="d-inline-block body-dominant-color">Contact us</a>
</li>
<li class="ftlink-li">
<a href="store.php" class="d-inline-block body-dominant-color">Our Store</a>
</li>
<li class="ftlink-li">
<a href="blog.php" class="d-inline-block body-dominant-color">Blog</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-4 ft-list">
<div class="footer-menu">
<h6 class="ft-title d-none d-md-block font-18">Policy</h6>
<a href="#collapse-quick-link" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Quick link</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-quick-link">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<?php
// Include config if not already included
if (!isset($pdo)) {
include 'connection/config.php';
}
// Fetch policies safely
$policies = $pdo->query("SELECT * FROM policy ORDER BY id ASC")->fetchAll();
?>
<?php if ($policies): ?>
<?php foreach ($policies as $row): ?>
<li class="ftlink-li">
<a href="policy.php?slug=<?= $row['policy_name'] ?>" class="d-inline-block body-dominant-color">
<?= htmlspecialchars($row['policy_name']) ?>
</a>
</li>
<?php endforeach; ?>
<?php else: ?>
<li class="ftlink-li">
<a href="cookie.php" class="d-inline-block body-dominant-color">No policies found.</a>
</li>
<?php endif; ?>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 text-center">
<div class="row row-mtm">
<div class="col-12 col-sm-6 col-md-3">
<div class="footer-contact">
<div class="d-flex flex-column align-items-center">
<span class="width-48 height-48 icon-16 dominant-color d-flex align-items-center justify-content-center extra-bg border-radius"><i class="ri-map-pin-line d-block lh-1"></i></span>
<h5 class="mt-4">Store-1</h5>
<div class="d-flex mst-26">
<div class="ul-ft">
<a href="<?= htmlspecialchars($store_locations['map1']) ?>"
target="_blank" class="text-decoration-none">
<span><?= htmlspecialchars($store_locations['address1']) ?></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 order-first order-md-0">
<div class="footer-info">
<div class="footer-theme-logo">
<a href="index.php" class="d-inline-block theme-logo">
<img src="assets/image/headerlogo.webp" class="width-96 width-xl-144 img-fluid" alt="logo">
</a>
</div>
<div class="footer-company-detail mst-24">
<p>At Pooja Jewellers, we believe jewelry is not just an accessory — it’s a reflection of love, tradition, and timeless beauty.</p>
</div>
<div class="footer-social mst-23">
<ul class="social-ul ul-mt15 justify-content-center">
<li class="social-li">
<a href="<?php echo $store_locations['facebook'] ?>" target="_blank" class="d-block body-dominant-color icon-16" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="<?php echo $store_locations['instagram'] ?>" target="_blank" class="d-block body-dominant-color icon-16" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="<?php echo $store_locations['youtube'] ?>" target="_blank" class="d-block body-dominant-color icon-16" aria-label="Social link"><i class="ri-youtube-fill d-block lh-1"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="footer-contact">
<div class="d-flex flex-column align-items-center">
<span class="width-48 height-48 icon-16 dominant-color d-flex align-items-center justify-content-center extra-bg border-radius"><i class="ri-map-pin-line d-block lh-1"></i></span>
<h5 class="mt-4">Store-2</h5>
<div class="d-flex mst-26">
<div class="ul-ft">
<a href="<?= htmlspecialchars($store_locations['map2']) ?>"
target="_blank" class="text-decoration-none">
<span><?= htmlspecialchars($store_locations['address2']) ?></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer-top end -->
<!-- footer-bottom start -->
<div class="copyright ptb-10 extra-bg">
<div class="container">
<div class="text-center">Copyright 2025 Pooja Jewellers, All Rights Reserved. || Designed By <span><a href="https://drafticode.com/">Drafticode</a><span></div>
</div>
</div>
<!-- footer-bottom end -->
</footer>
<!-- footer end -->
<?php include "common/product_modal.php" ?>
<!-- mobile-menu start -->
<div class="mobile-menu d-xl-none position-fixed top-0 bottom-0 extra-bg z-index-5 invisible box-shadow" id="mobile-menu">
<div class="mobile-contents d-flex flex-column">
<div class="menu-close ptb-10 plr-15 beb">
<button type="button" class="menu-close-btn d-block body-secondary-color icon-16 ms-auto" aria-label="Menu close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
<div class="mobilemenu-content h-100 d-flex flex-column justify-content-between overflow-hidden">
<div class="main-wrap h-100 overflow-auto">
<ul class="menu-ul beb">
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-home" aria-expanded="false" aria-label="Menu accordion"></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="index.php" class="d-inline-block body-color">Home</a></span>
</div>
</li>
<?php
include 'connection/config.php';
error_reporting(E_ALL);
ini_set('display_errors', 1);
try {
// ✅ Fetch Gold Categories
$stmtGold = $pdo->prepare("
SELECT mc.*, pc.name AS category_name, pg.gender_name
FROM main_categories mc
JOIN product_categories pc ON mc.category_id = pc.id
JOIN products_gender pg ON mc.gender_id = pg.id
WHERE pc.id = 1
ORDER BY mc.id ASC
");
$stmtGold->execute();
$goldCategories = $stmtGold->fetchAll(PDO::FETCH_ASSOC);
// ✅ Fetch Silver Categories
$stmtSilver = $pdo->prepare("
SELECT mc.*, pc.name AS category_name, pg.gender_name
FROM main_categories mc
JOIN product_categories pc ON mc.category_id = pc.id
JOIN products_gender pg ON mc.gender_id = pg.id
WHERE pc.id = 2
ORDER BY mc.id ASC
");
$stmtSilver->execute();
$silverCategories = $stmtSilver->fetchAll(PDO::FETCH_ASSOC);
// ✅ Fetch Fancy Categories
$stmtFancy = $pdo->prepare("
SELECT mc.*, pc.name AS category_name, pg.gender_name
FROM main_categories mc
JOIN product_categories pc ON mc.category_id = pc.id
JOIN products_gender pg ON mc.gender_id = pg.id
WHERE pc.id = 3
ORDER BY mc.id ASC
");
$stmtFancy->execute();
$fancyCategories = $stmtFancy->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
die("Database connection failed: " . $e->getMessage());
}
?>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-gold" aria-expanded="false" aria-label="Menu accordion">
<i class="ri-add-line d-block lh-1"></i>
</button>
<span class="width-calc-48 ptb-10 plr-15">
<a href="product_category.php?slug=gold" class="d-inline-block">Gold</a>
</span>
</div>
<div class="menu-dropdown collapse" id="menu-gold">
<ul class="menudrop-ul">
<?php if (!empty($goldCategories)): ?>
<?php foreach ($goldCategories as $cat): ?>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15">
<a href="category_details.php?slug=<?= urlencode($cat['category_name']); ?>&main=<?= urlencode($cat['id']); ?>" class="d-inline-block body-color">
<?= htmlspecialchars($cat['name']) ?>
</a>
</span>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-silver" aria-expanded="false" aria-label="Menu accordion">
<i class="ri-add-line d-block lh-1"></i>
</button>
<span class="width-calc-48 ptb-10 plr-15">
<a href="product_category.php?slug=silver" class="d-inline-block">Silver</a>
</span>
</div>
<div class="menu-dropdown collapse" id="menu-silver">
<ul class="menudrop-ul">
<?php if (!empty($silverCategories)): ?>
<?php foreach ($silverCategories as $cat): ?>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15">
<a href="category_details.php?slug=<?= urlencode($cat['category_name']); ?>&main=<?= urlencode($cat['id']); ?>" class="d-inline-block body-color">
<?= htmlspecialchars($cat['name']) ?>
</a>
</span>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-fancy" aria-expanded="false" aria-label="Menu accordion">
<i class="ri-add-line d-block lh-1"></i>
</button>
<span class="width-calc-48 ptb-10 plr-15">
<a href="product_category.php?slug=Fancy jewellery" class="d-inline-block">Fancy</a>
</span>
</div>
<div class="menu-dropdown collapse" id="menu-fancy">
<ul class="menudrop-ul">
<?php if (!empty($fancyCategories)): ?>
<?php foreach ($fancyCategories as $cat): ?>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15">
<a href="category_details.php?slug=<?= urlencode($cat['category_name']); ?>&main=<?= urlencode($cat['id']); ?>" class="d-inline-block body-color">
<?= htmlspecialchars($cat['name']) ?>
</a>
</span>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-rental" aria-expanded="false" aria-label="Menu accordion">
<i class="ri-add-line d-block lh-1"></i>
</button>
<span class="width-calc-48 ptb-10 plr-15">
<a href="product_category.php?slug=Fancy jewellery" class="d-inline-block">Rental</a>
</span>
</div>
<div class="menu-dropdown collapse" id="menu-rental">
<ul class="menudrop-ul">
<?php if (!empty($fancyCategories)): ?>
<?php foreach ($fancyCategories as $cat): ?>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15">
<a href="category_details.php?slug=<?= urlencode($cat['category_name']); ?>&main=<?= urlencode($cat['id']); ?>" class="d-inline-block body-color">
<?= htmlspecialchars($cat['name']) ?>
</a>
</span>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-home" aria-expanded="false" aria-label="Menu accordion"></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="store.php" class="d-inline-block body-color">Our Store</a></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- mobile-menu end -->
<!-- search-modal start -->
<!--<div class="search-modal modal fade" id="searchmodal">-->
<!-- <div class="modal-dialog mw-100 m-0">-->
<!-- <div class="modal-content body-bg border-0 rounded-0">-->
<!-- <div class="modal-body p-0">-->
<!-- <div class="container">-->
<!-- <div class="search-content ptb-30">-->
<!-- <div class="search-box d-flex flex-row-reverse">-->
<!-- <button type="button" class="d-block search-close body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>-->
<!-- <form method="get" action="javascript:void(0)" class="search-form w-100">-->
<!-- <div class="search-bar position-relative">-->
<!-- <div class="form-search d-flex flex-row-reverse">-->
<!-- <input type="search" name="search-input" class="search-input w-100 h-auto ptb-0 plr-15 bg-transparent border-0" value="" placeholder="Search here" required>-->
<!-- <button type="submit" onclick="window.location.href='search-product.php'" class="d-block search-btn body-secondary-color icon-16" aria-label="Go to search" disabled><i class="ri-search-line d-block lh-1"></i></button>-->
<!-- </div>-->
<!-- <div class="d-none search-results position-absolute top-100 start-0 end-0 body-bg z-1 border-full border-radius box-shadow">-->
<!-- <div class="search-for ptb-10 plr-15 beb">Search for <span class="search-text">a</span></div>-->
<!-- <ul class="search-ul">-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product1.jpg" class="w-100 img-fluid border-radius" alt="search-product1"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Gleam band</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product2.jpg" class="w-100 img-fluid border-radius" alt="search-product2"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Luxe loop</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product3.jpg" class="w-100 img-fluid border-radius" alt="search-product3"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Opal stud</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product4.jpg" class="w-100 img-fluid border-radius" alt="search-product4"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Ruby hoop</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product5.jpg" class="w-100 img-fluid border-radius" alt="search-product5"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Pearl link</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product6.jpg" class="w-100 img-fluid border-radius" alt="search-product6"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Gold bead</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product7.jpg" class="w-100 img-fluid border-radius" alt="search-product7"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Sway drop</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product8.jpg" class="w-100 img-fluid border-radius" alt="search-product8"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Star charm</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product9.jpg" class="w-100 img-fluid border-radius" alt="search-product9"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Glim cuff</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product10.jpg" class="w-100 img-fluid border-radius" alt="search-product10"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Jade bead</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product11.jpg" class="w-100 img-fluid border-radius" alt="search-product11"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Twist bangle</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="search-li ptb-5 plr-15 bst">-->
<!-- <a href="product.php" class="body-dominant-color d-flex flex-wrap align-items-center">-->
<!-- <span class="width-48"><img src="assets/image/search/search-product12.jpg" class="w-100 img-fluid border-radius" alt="search-product12"></span>-->
<!-- <span class="width-calc-48 psl-15 text-truncate">Shiny choke</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- <div class="search-more ptb-10 plr-15 bst"><a href="search-product.php" class="body-secondary-color text-decoration-underline">See all results (12)</a></div>-->
<!-- <div class="search-fail ptb-10 plr-15">Search not found</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </form>-->
<!-- </div>-->
<!-- <div class="search-example-text mst-15">Trending search: a, e, rings...</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- search-modal end -->
<?php include"common/cart.php"; ?>
<!-- bottom-menu start -->
<div class="bottom-menu d-md-none position-sticky bottom-0 extra-bg z-1 box-shadow">
<div class="bottom-menu-element d-flex flex-wrap align-items-center">
<div class="col">
<a href="index.php" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-home-8-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Home</span>
</a>
</div>
<div class="col">
<a href="dashboard.php" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-user-3-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Account</span>
</a>
</div>
<div class="col">
<a href="shop.php" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-layout-grid-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Shop</span>
</a>
</div>
<div class="col">
<a href="store.php" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon-wrap position-relative per-7">
<span class="d-block bottom-menu-icon heading-color icon-16"><i class="ri-heart-line d-block lh-1"></i></span>
<span class="bottom-menu-counter wishlist-counter extra-color font-10 position-absolute end-0 dominant-bg d-flex align-items-center justify-content-center rounded-circle">2</span>
</span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Stores</span>
</a>
</div>
<div class="col">
<a href="javascript:void(0)" class="js-cart-drawer d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon-wrap position-relative per-7">
<span class="d-block bottom-menu-icon heading-color icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
<span class="bottom-menu-counter cart-counter extra-color font-10 position-absolute end-0 dominant-bg d-flex align-items-center justify-content-center rounded-circle"><?= (isset($_SESSION['cart']) || isset($_SESSION['rentals'])) ? (count($_SESSION['cart']) + count($_SESSION['rentals'])) : 0 ?></span>
</span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Cart</span>
</a>
</div>
</div>
</div>
<!-- bottom-menu end -->
<!-- bg-screen start -->
<div class="bg-screen">
<div class="bg-back position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
<div class="bg-shop position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
</div>
<!-- bg-screen end -->
<?php include "common/calculator.php"; ?>
<!-- back-to-top start -->
<a href="javascript:void(0)" id="top" class="icon-16 secondary-btn position-fixed width-32 height-32 d-flex align-items-center justify-content-center z-1 opacity-0 invisible border-radius" aria-label="Back to top"><i class="ri-arrow-up-line d-block lh-1"></i></a>
<!-- back-to-top end -->
<style>
body {
font-family: Arial, sans-serif;
}
/* Scroll Top Button */
.scroll__top {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 999;
padding: 10px 15px;
background: #191d88;
color: white;
border: none;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease;
}
.scroll__top.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* WhatsApp Chat Widget */
#whatsapp-chat {
position: fixed;
bottom: 160px;
right: 20px;
width: 300px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 1000;
}
.hide {
display: none;
}
.header-chat {
background-color: #9c1137;
color: white;
padding: 10px;
display: flex;
align-items: center;
position: relative;
}
.info-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.whatsapp-name {
font-weight: bold;
}
.home-chat,
.start-chat {
padding: 10px;
}
.WhatsappChat__Text-sc-1wqac52-2 {
background: #f3ecee;
padding: 10px;
border-radius: 8px;
max-width: 80%;
margin: 10px 0;
}
.WhatsappChat__Time-sc-1wqac52-5 {
font-size: 0.75em;
color: #888;
text-align: right;
}
.blanter-msg {
display: flex;
gap: 5px;
margin-top: 10px;
}
.blanter-msg textarea {
flex: 1;
resize: none;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
.blanter-msg a svg {
fill: #9c1137;
width: 24px;
height: 24px;
margin-top: 8px;
}
.close-chat {
position: absolute;
top: 8px;
right: 10px;
font-size: 20px;
color: white;
text-decoration: none;
}
.blantershow-chat {
position: fixed;
bottom: 100px;
right: 0px;
color: white;
padding: 10px;
border-radius: 50px;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
z-index: 1001;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease;
}
.blantershow-chat.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.blantershow-chat svg {
width: 40px;
height: 40px;
}
.scroll__top {
display: none !important;
}
</style>
<!-- Scroll-to-Top Button -->
<button class="scroll__top scroll-to-target" data-target="html">
<i class="fas fa-angle-up"></i>
</button>
<!-- WhatsApp Chat Widget -->
<div id="whatsapp-chat" class="hide">
<div class="header-chat">
<div class="info-avatar">
<img src="assets/image/fav.jpg" alt="Pooja Jewellers Logo" />
</div>
<div>
<span class="whatsapp-name">Pooja Jewellers</span><br />
<small>Typically replies within an hour</small>
</div>
<a class="close-chat" href="javascript:void(0);">×</a>
</div>
<div class="home-chat"></div>
<div class="start-chat">
<div class="WhatsappChat__Text-sc-1wqac52-2">
Hi there 👋<br /><br />How can I help you?
</div>
<div class="WhatsappChat__Time-sc-1wqac52-5">1:40</div>
<div class="blanter-msg">
<textarea id="chat-input" placeholder="Write a response" maxlength="120" rows="1"></textarea>
<a href="javascript:void(0);" id="send-it">
<svg viewBox="0 0 448 448">
<path d="M.213 32L0 181.333 320 224 0 266.667.213 416 448 224z" />
</svg>
</a>
</div>
</div>
</div>
<!-- Floating Chat Button -->
<a class="blantershow-chat" href="javascript:void(0);" title="Show Chat">
<svg viewBox="0 0 24 24">
<path fill="#eceff1"
d="M20.5 3.4A12.1 12.1 0 0012 0 12 12 0 001.7 17.8L0 24l6.3-1.7c2.8 1.5 5 1.4 5.8 1.5a12 12 0 008.4-20.3z" />
<path fill="#4caf50"
d="M12 21.8c-3.1 0-5.2-1.6-5.4-1.6l-3.7 1 1-3.7-.3-.4A9.9 9.9 0 012.1 12a10 10 0 0117-7 9.9 9.9 0 01-7 16.9z" />
<path fill="#fafafa"
d="M17.5 14.3c-.3 0-1.8-.8-2-.9-.7-.2-.5 0-1.7 1.3-.1.2-.3.2-.6.1s-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.3-.6.4-.6 1-1.7l-.1-.5-1-2.2c-.2-.6-.4-.5-.6-.5-.6 0-1 0-1.4.3-1.6 1.8-1.2 3.6.2 5.6 2.7 3.5 4.2 4.2 6.8 5 .7.3 1.4.3 1.9.2.6 0 1.7-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z" />
</svg>
</a>
<script>
document.addEventListener("DOMContentLoaded", function () {
const chatBox = document.getElementById("whatsapp-chat");
const toggleButton = document.querySelector(".blantershow-chat");
const closeButton = document.querySelector(".close-chat");
const sendButton = document.getElementById("send-it");
const inputField = document.getElementById("chat-input");
const scrollTopBtn = document.querySelector(".scroll__top");
// WhatsApp toggle
toggleButton.addEventListener("click", () => {
chatBox.classList.toggle("hide");
});
closeButton.addEventListener("click", () => {
chatBox.classList.add("hide");
});
sendButton.addEventListener("click", () => {
const message = inputField.value.trim();
if (message) {
const phoneNumber = "7008304043"; // Replace with your WhatsApp number
const url = "https://wa.me/" + phoneNumber + "?text=" + encodeURIComponent(message);
window.open(url, "_blank");
inputField.value = "";
}
});
// Scroll-to-top
scrollTopBtn.addEventListener("click", function () {
document.querySelector(this.dataset.target).scrollIntoView({ behavior: "smooth" });
});
// Show icons only after banner section
const banner = document.querySelector(".banner");
const bannerHeight = banner ? banner.offsetHeight : 400;
window.addEventListener("scroll", function () {
if (window.scrollY > bannerHeight - 100) {
scrollTopBtn.classList.add("active");
toggleButton.classList.add("active");
} else {
scrollTopBtn.classList.remove("active");
toggleButton.classList.remove("active");
}
});
});
</script>
<!-- plugin js -->
<script src="assets/js/plugin.js"></script>
<!-- theme js -->
<script src="assets/js/theme3.js"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// Add to Cart
document.querySelectorAll('.add-to-cart-btn').forEach(function(button) {
button.addEventListener('click', function() {
const productId = this.getAttribute('data-product-id');
fetch('cart-handler.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: `action=addtocart&product_id=${encodeURIComponent(productId)}`
})
.then(response => response.json())
.then(data => {
if (data.success) {
alert('Product added to cart');
location.reload();
} else {
alert('Failed to add product');
}
});
});
});
// Add to Rent
document.querySelectorAll('.rent-now-btn').forEach(function(button) {
button.addEventListener('click', function() {
const productId = this.getAttribute('data-product-id');
fetch('cart-handler.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: `action=addrent&product_id=${encodeURIComponent(productId)}`
})
.then(response => response.json())
.then(data => {
if (data.success) {
alert('Product added to rentals');
location.reload();
} else {
alert('Failed to add product');
}
});
});
});
});
</script>
<script>
$(document).ready(function() {
$("#newsletterForm").on("submit", function(e) {
e.preventDefault();
$.ajax({
url: "submit_review.php", // backend file
type: "POST",
data: $(this).serialize(),
dataType: "json",
beforeSend: function() {
$("#newsletterForm button[type=submit]").prop("disabled", true).text("<i class="ri-close-large-line d-block lh-1"></i>");
$("#newsletterMessage").html("");
},
success: function(response) {
if(response.success){
$("#newsletterMessage").html("<p style='color:green;'>" + response.message + "</p>");
$("#newsletterForm")[0].reset();
} else {
$("#newsletterMessage").html("<p style='color:red;'>" + response.message + "</p>");
}
},
error: function() {
$("#newsletterMessage").html("<p style='color:red;'>Something went wrong. Try again.</p>");
},
complete: function() {
$("#newsletterForm button[type=submit]").prop("disabled", false).text("Subscribe");
}
});
});
});
</script>
</body>
</html>
........