ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/contact.php |
<?php
session_start();
include"cart-handler.php";
include 'connection/config.php';
$customer_id = isset($_SESSION['customer_id']) ? intval($_SESSION['customer_id']) : 0;
// Fetch allorders for the customer
$stmt = $pdo->prepare("SELECT * FROM allorders WHERE customer_id = :customer_id ORDER BY created_at DESC");
$stmt->execute([':customer_id' => $customer_id]);
$allorders = $stmt->fetchAll();
$stmt = $pdo->prepare("SELECT * FROM store_locations");
$stmt->execute();
$store_locations = $stmt->fetch(PDO::FETCH_ASSOC);
?>
<!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">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Pooja Jewellers Bhubaneswar – Elegant Gold, Silver & Fancy Jewellery</title>
<meta name="description" content="Browse Pooja Jewellers in Bhubaneswar for a stunning range of gold, silver, and fancy jewellery—perfect for weddings, everyday elegance, and modern minimalism.">
<meta name="keywords" content="Pooja Jewellers Bhubaneswar, gold jewellery Bhubaneswar, silver jewellery Bhubaneswar, fancy jewellery Bhubaneswar, minimalist jewellery India, wedding jewellery Bhubaneswar">
<meta name="author" content="spacingtech_webify">
<!-- favicon -->
<link rel="shortcut icon" type="image/favicon" href="assets/image/fav.jpg">
<!-- plugin css -->
<link rel="stylesheet" type="text/css" href="assets/css/plugin.css">
<!-- theme css -->
<link rel="stylesheet" type="text/css" href="assets/css/theme3.css">
<!-- collection css -->
<link rel="stylesheet" type="text/css" href="assets/css/collection3.css">
<!-- blog css -->
<link rel="stylesheet" type="text/css" href="assets/css/blog3.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="assets/css/style3.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- preloader start -->
<div class="preloader position-fixed top-0 start-0 w-100 h-100 body-bg z-index-5">
<div class="loader-img position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
<img src="assets/image/preloader.png" class="width-96 width-xl-144 img-fluid" alt="logo">
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header id="header" class="main-header">
<!-- header-top start -->
<div class="header-top-area">
<!-- notification-bar start -->
<div class="notification-bar ptb-10 dominant-bg">
<div class="container-fluid d-none d-xl-block">
<div class="text-center extra-color">First Order 20% Off on Fancy Jewellery <a href="product_category.php?slug=Fancy jewellery" class="extra-color text-uppercase text-decoration-underline blinking">Shop now</a>!</div>
</div>
</div>
<!-- notification-bar end -->
<!-- header-bar start -->
<div class="header-bar d-none d-xl-block ptb-11 extra-bg beb">
<div class="container-fluid">
<div class="row">
<div class="col">
<ul class="ul-mt30 justify-content-start">
<li>
<span class="d-inline-block body-secondary-color">
<a href="mailto:<?php echo $store_locations['email1']; ?>">
<i class="ri-mail-line icon-16 mer-5"></i><?php echo $store_locations['email1']; ?>
</a>
</span>
</li>
<li>
<span class="d-inline-block body-secondary-color">
<a href="tel:<?php echo $store_locations['phone1']; ?>">
<i class="ri-phone-line icon-16 mer-5"></i><?php echo $store_locations['phone1']; ?>
</a>
</span>
</li>
</ul>
</div>
<div class="col">
<ul class="ul-mt30 justify-content-end">
<li>
<span class="d-inline-block body-secondary-color">
<a href="calender.php">
<i class="ri-calendar-event-fill icon-16 mer-5"></i>Calender
</a>
</span>
</li>
<li>
<span class="d-inline-block body-secondary-color text-dark">
<a href="javascript:void(0)"
data-bs-toggle="modal"
data-bs-target="#goldCalculatorModal"
class="nav-link">
<i class="ri-calculator-line icon-16 mer-5"></i> Calculator
</a>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- header-bar end -->
<!-- header-top-first start -->
<div class="header-top-first ptb-15 ptb-xl-20 position-relative extra-bg">
<div class="container-fluid">
<div class="row align-items-center header-area">
<!-- header-logo start -->
<div class="col-6 col-xl-2 header-element header-logo">
<div class="header-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>
<!-- header-logo end -->
<?php include "common/header.php"; ?>
<!-- header-icon start -->
<div class="col-6 col-xl-2 header-element header-icon">
<div class="header-icon-block d-flex justify-content-end">
<ul class="ul-mt30 flex-nowrap align-items-center header-icon-element">
<li class="header-icon-wrap toggler-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-toggler toggler-btn" aria-label="Menu toggler button">
<span class="d-block header-block-icon dominant-link icon-16"><i class="ri-menu-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap search-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="#searchmodal" class="d-block header-icon-search" data-bs-toggle="modal" aria-label="Search modal">
<span class="d-block header-block-icon dominant-link icon-16"><i class="ri-search-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap user-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<span class="header-block-icon-wrap dominant-link ul-mt5 flex-nowrap align-items-center">
<span class="header-block-icon icon-16"><i class="ri-user-3-line"></i></span>
<span class="d-none d-xl-block header-text-content">
<?php if ($customerName): ?>
<a href="dashboard.php"><b><?= htmlspecialchars($customerName) ?></b></a>
<?php else: ?>
<a href="login.php">Login</a>
<?php endif; ?>
</span>
</span>
</div>
</li>
<li class="header-icon-wrap cart-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
<span class="header-block-icon-wrap dominant-link ul-mt5 flex-nowrap align-items-center">
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
<span class="d-none d-xl-block header-text-content">Cart</span>
<?php
$cartCount = 0;
if (isset($_SESSION['cart'])) {
$cartCount += count($_SESSION['cart']);
}
if (isset($_SESSION['rentals'])) {
$cartCount += count($_SESSION['rentals']);
}
// Show the counter only if there’s something in cart
if ($cartCount > 0) {
echo '<span class="header-block-counter cart-counter dominant-color">' . $cartCount . '</span>';
}
?>
</span>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- header-icon end -->
</div>
</div>
</div>
<!-- header-top-first end -->
</div>
<!-- header-top end -->
</header>
<!-- header end -->
<!-- breadcrumb-area start -->
<div class="breadcrumb-area ptb-15" data-bgimg="assets/image/other/breadcrumb-bgimg.jpg">
<div class="container">
<span class="d-block extra-color"><a href="index.php" class="extra-color">Home</a> / Contact us</span>
</div>
</div>
<!-- breadcrumb-area end -->
<!-- main start -->
<main id="main">
<!-- contact-touch start -->
<section class="contact-touch section-pt">
<div class="container">
<div class="section-capture text-center" data-animate="animate__fadeIn">
<div class="section-title">
<h2 class="section-heading">Get in touch</h2>
</div>
</div>
<div class="row row-mtm text-center">
<div class="col-12 col-md-4" data-animate="animate__fadeIn">
<div class="contact-touch-content d-flex flex-column align-items-center ptb-30 plr-15 plr-sm-30 extra-bg box-shadow border-radius">
<!-- Clock Icon for Opening Time -->
<span class="contact-touch-icon width-80 height-80 dominant-color icon-24 d-flex align-items-center justify-content-center body-bg meb-27 rounded-circle">
<i class="ri-time-line d-block lh-1"></i>
</span>
<div class="ul-mtm-15 text-center">
<span><?= htmlspecialchars($store_locations['opentime']) ?> , <?= htmlspecialchars($store_locations['closetime']) ?></span>
</div>
</div>
</div>
<div class="col-12 col-md-4" data-animate="animate__fadeIn">
<div class="contact-touch-content d-flex flex-column align-items-center ptb-30 plr-15 plr-sm-30 extra-bg box-shadow border-radius">
<span class="contact-touch-icon width-80 height-80 dominant-color icon-24 d-flex align-items-center justify-content-center body-bg meb-27 rounded-circle"><i class="ri-phone-line d-block lh-1"></i></span>
<div class="ul-mtm-15">
<span><a href="tel:<?php echo $store_locations['phone1']; ?>" class="d-inline-block body-dominant-color"><?php echo $store_locations['phone1']; ?></a></span>
</div>
</div>
</div>
<div class="col-12 col-md-4" data-animate="animate__fadeIn">
<div class="contact-touch-content d-flex flex-column align-items-center ptb-30 plr-15 plr-sm-30 extra-bg box-shadow border-radius">
<span class="contact-touch-icon width-80 height-80 dominant-color icon-24 d-flex align-items-center justify-content-center body-bg meb-27 rounded-circle"><i class="ri-mail-line d-block lh-1"></i></span>
<div class="ul-mtm-15">
<span><a href="mailto:<?php echo $store_locations['email1']; ?>">
<?php echo $store_locations['email1']; ?>
</a></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- contact-touch end -->
<!-- contact-form-touch start -->
<section class="contact-form-touch section-ptb">
<div class="container">
<div class="row row-mtm align-items-stretch">
<!-- Contact Form -->
<div class="col-12 col-md-6 d-flex flex-column">
<h6 class="font-18 meb-30" data-animate="animate__fadeIn">Drop us message</h6>
<div id="contactMessage"></div>
<div class="contact-form flex-grow-1">
<form id="contactForm" method="post" action="javascript:void(0)" class="h-100 d-flex flex-column">
<input type="hidden" name="action" value="contact_form">
<div class="row field-row flex-grow-1">
<div class="col-12 field-col" data-animate="animate__fadeIn">
<label for="name" class="field-label">Name</label>
<input type="text" id="name" name="name" class="w-100" placeholder="Full name" autocomplete="name" required>
</div>
<div class="col-12 field-col" data-animate="animate__fadeIn">
<label for="email" class="field-label">Email</label>
<input type="email" id="email" name="email" class="w-100" placeholder="Email" autocomplete="email" required>
</div>
<div class="col-12 field-col" data-animate="animate__fadeIn">
<label for="phone" class="field-label">Phone number</label>
<input type="text" id="phone" name="phone" class="w-100" placeholder="Phone number" required>
</div>
<div class="col-12 field-col" data-animate="animate__fadeIn">
<label for="message" class="field-label">Message</label>
<textarea rows="5" id="message" name="message" class="w-100" placeholder="Message" required></textarea>
</div>
</div>
<div class="contact-form-btn mst-20 mst-sm-30">
<div class="row">
<div class="col-12 meb-11" data-animate="animate__fadeIn">
<label class="cust-checkbox-label checkbox-agree">
<input type="checkbox" class="cust-checkbox checkboxbtn" required>
<span class="d-block cust-check"></span>
<span class="login-read">
I agree to the rules & policies and acknowledge that my info will be stored safely.
</span>
</label>
</div>
<div class="col-12" data-animate="animate__fadeIn">
<button type="submit" class="w-100 btn-style secondary-btn">Submit now</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- Map -->
<div class="col-12 col-md-6 d-flex flex-column">
<h6 class="font-18 meb-30" data-animate="animate__fadeIn">Here for You 24/7</h6>
<div class="map-wrapper rounded shadow flex-grow-1 w-100">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3742.873765873734!2d85.83164567421696!3d20.26406941360524!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a19a744bfffffff%3A0x494accba997f830!2sPooja%20Jewellers!5e0!3m2!1sen!2sin!4v1755084207436!5m2!1sen!2sin"
class="w-100 h-100"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
</div>
<style>
.map-wrapper {
height: 400px; /* default desktop */
}
@media (max-width: 768px) {
.map-wrapper {
height: 300px; /* tablets */
}
}
@media (max-width: 480px) {
.map-wrapper {
height:600px; /* mobile phones */
}
}
</style>
</div>
</div>
</section>
</main>
<!-- main end -->
<script>
$(document).ready(function() {
$("#contactForm").on("submit", function(e) {
e.preventDefault();
$.ajax({
url: "submit_review.php", // backend file
type: "POST",
data: $(this).serialize(),
dataType: "json",
beforeSend: function() {
$("#contactForm button[type=submit]").prop("disabled", true).text("Submitting...");
$("#contactMessage").html("");
},
success: function(response) {
if(response.success){
$("#contactMessage").html("<p style='color:green;'>" + response.message + "</p>");
$("#contactForm")[0].reset();
} else {
$("#contactMessage").html("<p style='color:red;'>" + response.message + "</p>");
}
},
error: function() {
$("#contactMessage").html("<p style='color:red;'>Something went wrong. Try again.</p>");
},
complete: function() {
$("#contactForm button[type=submit]").prop("disabled", false).text("Submit now");
}
});
});
});
</script>
<?php include "common/footer.php"; ?>
........