Ele57885fddfgdfgfghgقفغفغفقhfg555434536

kohjhjhصثقصثقصثقgdfgdg Ele57885fddfgdfgfghgقفغفغفقhfg555434536

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

<?php include("header.php"); ?>

.unique-image {
            object-fit: cover;
            transition: transform 0.6s ease-in-out;
        }

.unique-image-container:hover {
            transform: rotate(360deg) scale(1.1);
        }

.unique-image-container:hover .unique-image {
            transform: scale(1.2);
        }
    </style>

<section class="hero-area-v1 aquamarine-light">
        <div class="hero-shape">
            <div class="shape shape-one"></div>
            <div class="shape shape-two"></div>
        </div>
        <div class="container">
            <div class="main-slider" style="padding: 5px;">
                <?php 
                    include("admin/config.php");
                    $sql = "SELECT * FROM `gallery` WHERE `title` <> 'home'";
                    $res = mysqli_query($db, $sql);
                    while ($row = mysqli_fetch_array($res)) {
                ?>
                <div>
                    <div class="row align-items-center" style="display: flex; justify-content: center; height: 100vh;">
                        <div class="col-lg-6">
                            <div class="hero-img" style="display: flex; justify-content: center; align-items: center;">
                                <img src="admin/upload/<?php echo $row['app_image']; ?>" 
                                     alt="Full Mouth Dental Implants in Gujarat" 
                                     title="Happy Patient with Dental Implants" 
                                     style="max-width: 100%; height: auto;" />
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </section>

<section class="cta-area-v4 bg_cover parallax-bg pt-100 pb-40" style="background-image: url(assets/images/bg/doctor-checking-teeth-bw.webp);">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="section-title section-title-white mb-4 mb-md-5 text-center text-lg-start">
                        <span class="span" data-aos="fade-down">Book Your Appointment Today</span>
                        <h2 data-aos="fade-right">Trusted Care, Exceptional Smiles</h2>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="button mb-50 text-center text-lg-end">
                        <a href="contact.php" class="main-btn active-btn appointment-btn" data-aos="fade-up">
                            <i class="far fa-calendar-alt"></i> Book Appointment
                        </a>
                        <a href="about.php" class="main-btn outline-btn light-one" data-aos="fade-up">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php 
    // Fetch Instagram Reel links from the database
    $sql = "SELECT * FROM reel"; // Update 'reels' to your actual table name
    $res = mysqli_query($db, $sql);

if ($res && mysqli_num_rows($res) > 0) {
        $reels = mysqli_fetch_all($res, MYSQLI_ASSOC);
?>
<section class="reels-area pt-80 pb-80">
    <div class="container">
        <div class="row">
            <div>
                
                <div class="reels-slider slick-slider">
                    <div class="achievement-slider">
                        
                    <?php 
                    foreach ($reels as $reel) {
                        $reelLink = $reel['videolink']; // Update 'reel_link' to match your DB column
                        // Generate embed link for Instagram
                        $embedLink = "https://www.instagram.com/reel/" . basename(parse_url($reelLink, PHP_URL_PATH)) . "/embed/";
                    ?>
                    <div class="reels-item">
                        <div class="reel-content">
                            <iframe 
                                src="<?php echo htmlspecialchars($embedLink, ENT_QUOTES, 'UTF-8'); ?>" 
                                width="400" 
                                height="480"
                                frameborder="0" 
                                allowfullscreen>
                            </iframe>
                        </div>
                    </div>
                    <?php } ?>
                    
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php } ?>

<?php include("footer.php"); ?>

<div class="modal fade" id="alignerModal" tabindex="-1" aria-labelledby="alignerModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <button type="button" class="btn-close position-absolute end-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button>
                <img src="assets/images/resources/clear-aligners-and-braces.webp" class="img-fluid rounded">
                <div class="modal-body mt-3 text-center">
                    <h4 class="sc-txt">Schedule Your Complimentary Consultation Today</h4>
                    <p class="mb-3 mt-2 small lh-base" style="text-align: justify;">
                        Take the first step towards a healthier, more confident smile. Receive a comprehensive consultation, learn about personalized treatment options, and receive a clear cost breakdown from our trusted dental experts. Available at Manav Dant Seva Multispeciality Dental Hospital locations.
                    </p>
                    <a href="contact.php" class="main-btn btn-sm appointment-btn" data-bs-dismiss="modal">Book Your Free Consultation</a>
                </div>
            </div>
        </div>
    </div>

<a class="back-to-top"><i class="fas fa-angle-up"></i></a>

<script src="assets/js/plugins.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.js"></script>
    <script src="assets/js/main.js"></script>

<script>
        var reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id=");

function loadVideo(iframe) {
            $.getJSON(reqURL + iframe.getAttribute('cid'), function(data) {
                var videoNumber = iframe.getAttribute('vnum') ? Number(iframe.getAttribute('vnum')) : 0;
                var link = data.items[videoNumber].link;
                var id = link.substr(link.indexOf("=") + 1);
                iframe.setAttribute("src", "https://youtube.com/embed/" + id + "?controls=0&autoplay=1");
            });
        }

var iframes = document.getElementsByClassName('latestVideoEmbed');
        Array.from(iframes).forEach(loadVideo);
    </script>
</body>

</html>