<!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, maximum-scale=1" />
      <title>Samar The Travel Expert</title>
      <link rel="shortcut icon" type="image/x-icon" href="images/samar/favicon1.png" />
      <link rel="stylesheet" href="css/bootstrap.min.css" />
      <link rel="stylesheet" href="css/font-awesome.min.css" />
      <link rel="stylesheet" href="css/flaticon.css" />
      <link rel="stylesheet" href="css/owl.carousel.min.css" />
      <link rel="stylesheet" href="css/owl.theme.css" />
      <link rel="stylesheet" href="css/magnific-popup.css" />
      <link rel="stylesheet" href="css/lightgallery.css" />
      <link rel="stylesheet" href="css/woocommerce.css" />
      <link rel="stylesheet" href="css/royal-preload.css" />
      <link rel="stylesheet" href="style.css" />
      <!-- REVOLUTION SLIDER CSS -->
      <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
      <!-- REVOLUTION NAVIGATION STYLE -->
      <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
      <style>
         html {
         scroll-behavior: smooth;
         }
         form { max-width: 600px; margin: auto; background: #fff; padding: 30px; border-radius: 10px; margin-left:-25px;}
         form h3 { text-align: center; margin-bottom: 20px;  font-family: 'Poppins', sans-serif; font-size: 20px;
         line-height: 28px;}
         form input, form button { width: 100%; padding: 12px 15px; margin: 10px 0; border-radius: 6px; border: 1px solid #ccc; font-size: 16px; }
         form button { background: #007BFF; color: #fff; border: none; cursor: pointer; transition: 0.3s; }
         form button:hover { background: #0056b3; }
         .successMsg { color: black; text-align: center; margin-top: 65px; font-size: 20px;
         line-height: 30px;}
         .errorMsg { color: red; text-align: center; margin-top: 65px; font-size: 20px;
         line-height: 30px; }
         .honey { display: none; }
         .btn {
         display: inline-block;
         margin-top: 20px;
         padding: 12px 20px;
         background: #ffc71f;
         color: #fff;
         text-decoration: none;
         border-radius: 5px;
         font-size: 16px;
         transition: background 0.3s ease;
         }
         .btn:hover {
         background: black;
         }
         iframe {
         width: 100%;
         height: 480px;
         border: none; /* Remove the border for a clean look */
         }
         /* Smartphones (portrait and landscape) ----------- */
         @media only screen
         and (min-device-width : 320px)
         and (max-device-width : 480px) {
         iframe {
         height: 540px;
         }	
         }
      </style>
      <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1142730201062651');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1142730201062651&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
   </head>
   <body class="bg-dark-theratio" id="homepage" >
      <div id="royal_preloader"></div>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
      <button  class="open-markloadingpopup callfloat callmy-float">Get A Quote</button>
      
      <div id="page" class="site">
         <header id="site-header" class="site-header header-static">
            <!-- Main Header start -->
            <div class="octf-main-header header-4 main-header-5 is-fixed">
               <div class="octf-area-wrap">
                  <div class="container octf-mainbar-container">
                     <div class="octf-mainbar">
                        <div class="octf-mainbar-row octf-row">
                           <div class="octf-col logo-col">
                              <div id="site-logo" class="site-logo">
                                 <a href="index.php">
                                 <img src="images/samar/samarluxblack.png" alt="logo" class="logo-size-small">
                                 </a>
                              </div>
                           </div>
                           <div class="octf-col menu-col">
                              <nav id="site-navigation" class="main-navigation nav-text-dark">
                                 <ul class="menu">
                                    <li><a href="index.php#homepage">Home</a></li>
                                    <li><a href="index.php#aboutus">About</a></li>
                                    <li><a href="index.php#whyus">Why Us</a></li>
                                    <li><a href="index.php#itinerary">Itinerary</a></li>
                                    <li><a href="index.php#gallery">Gallery</a></li>
                                    <li><a href="index.php#testimonial">Testimonials</a></li>
                                    <li><a href="index.php#faq">FAQs</a></li>
                                    <li><a href="index.php#contactus">Contact</a></li>
                                 </ul>
                              </nav>
                           </div>
                           <div class="octf-col cta-col text-right">
                              <!-- Call To Action -->
                              <div class="octf-btn-cta">
                                 <div class="ot-button" style="
                                    margin-top: 25px;
                                    margin-left: 50px;
                                    margin-right: 50px;
                                    ">
                                    <a href="index.php" class="octf-btn octf-btn-light border-hover-light" style="
                                       padding: 10px;
                                       background: transparent;
                                       border: 1px solid white;
                                       color: white;
                                       ">Get Free Consultation</a>
                                 </div>
                                 <!-- <div class="octf-sidepanel octf-cta-header pr-0 border-left-0">
                                    <div class="site-overlay panel-overlay"></div>
                                    <div id="panel-btn" class="panel-btn octf-cta-icons">
                                       <i class="ot-flaticon-menu"></i>
                                    </div>
                                    </div>-->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="header_mobile bg-dark-theratio">
               <div class="container-fluid">
                  <div class="octf-mainbar-row octf-row">
                     <div class="octf-col">
                        <div class="mlogo_wrapper clearfix">
                           <div class="mobile_logo">
                              <a href="index.php">
                              <img src="images/samar/samarluxblack.png" alt="Theratio">
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="octf-col justify-content-end">
                        <div class="octf-search octf-cta-header">
                           <!--<div class="toggle_search octf-cta-icons">
                              <i class="ot-flaticon-search"></i>
                              </div>-->
                           <!-- Form Search on Header -->
                           <div class="h-search-form-field collapse">
                              <div class="h-search-form-inner">
                                 <form role="search" method="get" class="search-form">
                                    <input type="search" class="search-field" placeholder="SEARCH..." value="" name="s">
                                    <button type="submit" class="search-submit"><i class="ot-flaticon-search"></i></button>
                                 </form>
                              </div>
                           </div>
                        </div>
                        <div class="octf-menu-mobile octf-cta-header">
                           <div id="mmenu-toggle" class="mmenu-toggle">
                              <button><i class="ot-flaticon-menu"></i></button>
                           </div>
                           <div class="site-overlay mmenu-overlay"></div>
                           <div id="mmenu-wrapper" class="mmenu-wrapper on-right">
                              <div class="mmenu-inner">
                                 <a class="mmenu-close" href="#"><i class="ot-flaticon-right-arrow"></i></a>
                                 <div class="mobile-nav">
                                    <ul id="menu-main-menu" class="mobile_mainmenu none-style">
                                       <li><a href="index.php#homepage">Home</a></li>
                                       <li><a href="index.php#aboutus">About</a></li>
                                       <li><a href="index.php#whyus">Why Us</a></li>
                                       <li><a href="index.php#itinerary">Itinerary</a></li>
                                       <li><a href="index.php#gallery">Gallery</a></li>
                                       <li><a href="index.php#testimonial">Testimonials</a></li>
                                       <li><a href="index.php#faq">FAQs</a></li>
                                       <li><a href="index.php#contactus">Contact</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </header>
         <div id="side-panel" class="side-panel ">
            <a href="#" class="side-panel-close"><i class="ot-flaticon-close-1"></i></a>
            <div class="side-panel-block">
               <div class="side-panel-wrap">
                  <div class="the-logo">
                     <a href="index-html.html">
                     <img src="images/logo.png" alt="Theratio">
                     </a>                    
                  </div>
                  <div class="ot-heading ">
                     <h2 class="main-heading">Contact Info</h2>
                  </div>
                  <div class="side-panel-cinfo">
                     <ul class="panel-cinfo">
                        <li class="panel-list-item">
                           <span class="panel-list-icon"><i class="ot-flaticon-place"></i></span>
                           <span class="panel-list-text">Shop no. 12, Girivihar Building, Jivdaya Lane, Ghatkopar West, Mumbai - 400086</span>
                        </li>
                        <li class="panel-list-item">
                           <span class="panel-list-icon"><i class="ot-flaticon-phone-call"></i></span>
                           <span class="panel-list-text">+91 8286488888</span>
                        </li>
                     </ul>
                  </div>
                  <div class="side-panel-social">
                     <ul>
                        <li><a href="https://www.facebook.com/SamarTheTravelExpert" target="_self"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/samar_travels/" target="_self"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div id="content" class="site-content">
            <?php
               ini_set('display_errors', 1);
               error_reporting(E_ALL);
               
               require 'PHPMailer/src/PHPMailer.php';
               require 'PHPMailer/src/SMTP.php';
               require 'PHPMailer/src/Exception.php';
               
               use PHPMailer\PHPMailer\PHPMailer;
               use PHPMailer\PHPMailer\Exception;
               
               $successMsg = '';
               $errorMsg = '';
               
               if ($_SERVER["REQUEST_METHOD"] == "POST") {
               
                   $name = htmlspecialchars(trim($_POST['name']));
                   $email = htmlspecialchars(trim($_POST['email']));
                   $phone = htmlspecialchars(trim($_POST['phone']));
                   $location = htmlspecialchars(trim($_POST['location']));
                   $honeypot = $_POST['website']; // Hidden field for bots
               
                   if(!empty($honeypot)){
                       $errorMsg = "Spam detected!";
                   }
                   elseif(!filter_var($email, FILTER_VALIDATE_EMAIL)){
                       $errorMsg = "Invalid email format.";
                   }
                   elseif(!preg_match('/^[0-9]{10}$/', $phone)){
                       $errorMsg = "Phone number must be exactly 10 digits.";
                   }
                   else {
                       $mail = new PHPMailer(true);
                       try {
                           $mail->isSMTP();
                           $mail->Host       = 'smtp.gmail.com';
                           $mail->SMTPAuth   = true;
                           $mail->Username   = 'invibe.care@gmail.com';
                           $mail->Password   = 'nqms mpns lblm nukt';
                           $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
                           $mail->Port       = 587;
               
                           $mail->setFrom('invibe.care@gmail.com', 'New Catalog/Consultation Request');
                           $mail->addAddress('holidays@samarthetravelexpert.com');
                           $mail->addAddress('sangamkmaurya93@gmail.com');
                           
                           
               
                           $mail->isHTML(true);
                           $mail->Subject = 'New Get Quote Request';
                           $mail->Body    = "
                               <h3>New Get Quote Request</h3>
                               <p><strong>Name:</strong> $name</p>
                               <p><strong>Email:</strong> $email</p>
                               <p><strong>Phone:</strong> $phone</p>
                               <p><strong>Location:</strong> $location</p>
                           ";
               
                           $mail->send();
                           $successMsg = "<p><span style='font-size:30px;'>Thank You!</span> <br> Your request has been successfully submitted.<br> Our team will contact you shortly.<p/>";
               
                       } catch (Exception $e) {
                           $errorMsg = "Message could not be sent. Mailer Error: ".$mail->ErrorInfo;
                       }
                   }
               }
               ?>
            <?php if(!empty($successMsg)) echo '<div class="successMsg">'.$successMsg.'</div>'; ?>
            <?php if(!empty($errorMsg)) echo '<div class="errorMsg">'.$errorMsg.'</div>'; ?>
            <p style="text-align:center;padding: 20px 0 50px 0;"><a href="https://www.samarthetravelexpert.com/japan/index.php" class="btn">Go Back Home</a></p>
         </div>
         <footer id="site-footer" class="site-footer" >
            <div class="container" id="contactus">
               <div class="row">
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-xl-0">
                     <div class="widget-footer">
                        <img src="images/logo.png" class="footer-logo" alt="">
                        <p>Over the last 10 years, Samar Travels has been doing more than just ticking destinations off bucket lists. We have touched 5000+ happy travellers, becoming a part of their story of joy, connection and discovery.</p>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-xl-0">
                     <div class="widget-footer">
                        <h6>Contact</h6>
                        <ul class="footer-list">
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-place"></i></span>
                              <span class="list-item-text">Shop no. 12, Girivihar Building, Jivdaya Lane, Ghatkopar West, Mumbai - 400086</span>
                           </li>
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-mail"></i></span>
                              <span class="list-item-text">holidays@samarthetravelexpert.com</span>
                           </li>
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-phone-call"></i></span>
                              <span class="list-item-text">+91 8286488888</span>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-md-0">
                     <div class="widget-footer widget-contact">
                        <h6>Social Media</h6>
                        <div class="footer-social list-social">
                           <ul>
                              <li><a href="https://www.facebook.com/SamarTheTravelExpert" target="_self"><i class="fab fa-facebook-f"></i></a></li>
                              <li><a href="https://www.instagram.com/samar_travels/" target="_self"><i class="fab fa-instagram"></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </footer>
         <!-- #site-footer -->
         <div class="footer-bottom">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12 col-md-12 mb-4 mb-lg-0">
                     <p>© 2025 Samar The Travel Expert All rights reserved.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- #page -->
      <a id="back-to-top" href="#" class="show"><i class="ot-flaticon-left-arrow"></i></a>
      <!-- jQuery -->
      <script src="js/jquery.min.js"></script>
      <script src="js/mousewheel.min.js"></script>
      <script src="js/lightgallery-all.min.js"></script>
      <script src="js/jquery.magnific-popup.min.js"></script>
      <script src="js/jquery.isotope.min.js"></script>
      <script src="js/owl.carousel.min.js"></script>
      <script src="js/easypiechart.min.js"></script>
      <script src="js/jquery.countdown.min.js"></script>
      <script src="js/scripts.js"></script>
      <script src="js/royal_preloader.min.js"></script>
      <!-- REVOLUTION JS FILES -->
      <script  src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
      <script  src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
      <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->    
      <script  src="plugins/revolution/revolution/js/extensions/revolution-plugin.js"></script>
      <!-- REVOLUTION SLIDER SCRIPT FILES -->
      <script  src="js/rev-script-2.js"></script>
      <script>
         window.jQuery = window.$ = jQuery;  
         (function($) { "use strict";
             //Preloader
             Royal_Preloader.config({
                 mode           :   'progress',
                 background     :   '#000000',
             });
         })(jQuery);
      </script>  
   </body>
</html>