ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / njujpgyl / public_html

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

<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link rel="preload" as="image" href="image/banner01.webp" imagesrcset="image/banner01.webp 1x" fetchpriority="high">

<link rel="preload" as="style" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" media="print"
        onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    </noscript>

<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
        media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    </noscript>

<link rel="preload" as="style"
        href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">

<meta name="description" content="<?= $metaDescription ?? 'DelhiGal' ?>">
    <meta name="keywords" content="<?= $metaKeywords ?? 'DelhiGal' ?>">
    <link rel="canonical" href="<?= $currenturl ?>">
    <meta name="robots" content="index, follow">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    
    <meta property="og:title" content="<?= $metaTitle ?? 'DelhiGal' ?>">
    <meta property="og:description" content="<?= $metaDescription ?? 'DelhiGal' ?>">
    <meta property="og:type" content="website">
    <meta property="og:url" content="<?= $currenturl ?>">
    <meta property="og:site_name" content="Delhigal.com">
    <meta property="og:image" content="<?= $currenturl ?>/image/delhigal-logo.jpg">
    <meta property="og:image:alt" content="Delhigal.com logo">
    <meta property="og:locale" content="en_IN">

<meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?= $metaTitle ?? 'DelhiGal' ?>">
    <meta name="twitter:description" content="<?= $metaDescription ?? 'DelhiGal' ?>">
    <meta name="twitter:site" content="@delhigal">
    <meta name="twitter:image" content="<?= $currenturl ?>/image/delhigal-logo.jpg">
    
    <style>
        /* style.css - Complete CSS for Delhigal.com */
:root {
    --primary-color: #6C0409;
    --secondary-color: #cf9aa3;
    --accent-color: #ff8c00;
    --text-dark: #333;
    --text-light: #666;
    --white: #fff;
    --lightred: #ff000c;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
}

p {
    text-align: justify;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

img:hover {
    transform: scale(1.05);
}

/* Header Styles */
.navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}

.navbar-brand img {
    height: 50px;
}

.nav-link {
    color: var(--text-dark) !important;
    font-weight: 500;
    margin: 0 10px;
    transition: color 0.3s ease;
    padding: 10px 20px;
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary-color) !important;
}

.whatsapp-btn {
    background: #25d366;
    color: white !important;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.whatsapp-btn:hover {
    background: #128c7e;
    transform: translateY(-2px);
}

/* Banner Slider */
.banner-slider {
    height: 80vh;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}

.carousel {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-item {
    height: 100%;
}

.banner-slide {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.banner-content {
    position: relative;
    text-align: center;
    color: white;
    z-index: 2;
    max-width: 800px;
    padding: 0 20px;
}

.banner-content h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.banner-content p {
    font-size: 1.3rem;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Services Section */
.services-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.section-heading {
    text-align: center;
    margin-bottom: 60px;
}

.section-heading h2,
.section-heading h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.section-heading p {
    font-size: 1.1rem;
    color: var(--text-light);
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

#services .section-heading p {
    text-align: left !important;
}

/* Model Cards */
.model-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.model-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.model-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.model-info {
    padding: 20px;
}

.model-info h3 {
    color: var(--primary-color);
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.model-info p {
    color: var(--text-light);
    margin-bottom: 15px;
}

.model-actions {
    display: flex;
    gap: 10px;
}

.model-actions a {
    padding: 8px 15px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.model-actions a:first-child {
    background: #25d366;
    color: white;
}

.model-actions a:last-child {
    background: var(--primary-color);
    color: white;
}

.model-actions a:hover {
    transform: scale(1.1);
}

/* Pricing Section */
.pricing-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--secondary-color) 0%, #e493da 100%);
}

.pricing-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.pricing-card:hover {
    transform: translateY(-10px);
}

.pricing-card.featured {
    border: 3px solid var(--accent-color);
    transform: scale(1.05);
}

.pricing-card.featured:hover {
    transform: scale(1.05) translateY(-10px);
}

.pricing-header {
    margin-bottom: 30px;
}

.pricing-badge {
    background: var(--accent-color);
    color: white;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 0.9rem;
    margin-bottom: 15px;
    display: inline-block;
}

.pricing-title {
    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.pricing-price {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
}

.pricing-features {
    list-style: none;
    margin: 30px 0;
}

.pricing-features li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    color: var(--text-light);
}

.pricing-features li:last-child {
    border-bottom: none;
}

.pricing-btn {
    background: var(--primary-color);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.pricing-btn:hover {
    background: #8b0a0f;
    transform: translateY(-2px);
    color: white;
}

/* About Section */
.about-section {
    padding: 80px 0;
    background: white;
}

.about-content h2 {
    color: var(--primary-color);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.about-content p {
    color: var(--text-light);
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.about-content ul {
    margin: 20px 0;
}

.about-content ul li {
    margin-bottom: 15px;
    color: var(--text-light);
}

.about-content ul li b {
    color: var(--primary-color);
}

.about-btn {
    background: var(--primary-color);
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: 20px;
}

.about-btn:hover {
    background: #8b0a0f;
    color: white;
    transform: translateY(-2px);
}

/* Gallery Section */
.gallery-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--secondary-color) 0%, #e493da 100%);
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 50px;
}

.gallery-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.05);
}

.gallery-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 15px;
    text-align: center;
    font-weight: 600;
}

/* Testimonials */
.testimonials-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.testimonial-card {
    background: white;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
}

.testimonial-stars {
    color: #FFD832;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.testimonial-name {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.testimonial-text {
    color: var(--text-light);
    font-style: italic;
    margin-bottom: 20px;
}

.testimonial-quote {
    color: #FFD832;
    font-size: 2rem;
}

/* Stats Section */
.stats-section {
    padding: 80px 0;
    background: var(--primary-color);
    color: white;
}

.stat-box {
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.stat-box:hover {
    transform: scale(1.05);
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 10px;
}

.stat-text {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* Contact Section */
.contact-section {
    padding: 80px 0;
    background: #f8f9fa;
}

.contact-form {
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.contact-form h2 {
    color: var(--primary-color);
    margin-bottom: 30px;
    text-align: center;
}

.form-control {
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    transition: border-color 0.3s ease;
}

.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

.contact-btn {
    background: var(--primary-color);
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    width: 100%;
}

.contact-btn:hover {
    background: #8b0a0f;
    transform: translateY(-2px);
}

/* Footer */
.footer {
    background: var(--primary-color);
    color: white;
    padding: 60px 0 20px;
}

.footer-logo img {
    max-width: 200px;
    margin-bottom: 20px;
}

.footer-links h5 {
    color: var(--accent-color);
    margin-bottom: 20px;
}

.footer-links ul {
    list-style: none;
    padding-left: 0;
}

.footer-links ul li {
    margin-bottom: 10px;
}

.footer-links ul li a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links ul li a:hover {
    color: var(--accent-color);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    margin-top: 40px;
    text-align: center;
}

/* Floating Buttons */
.floating-btn {
    position: fixed;
    right: 25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    color: white;
    font-size: 1.5rem;
    z-index: 1000;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating-btn.phone {
    bottom: 100px;
    background: var(--lightred);
}

.floating-btn.whatsapp {
    bottom: 25px;
    background: #25d366;
}

.floating-btn:hover {
    transform: scale(1.1);
}

/* Trusted Section */
.trusted-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.trusted-content h2 {
    color: var(--primary-color);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.trusted-content p {
    color: var(--text-light);
    margin-bottom: 25px;
    font-size: 1.1rem;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

.btn-whatsapp:hover {
    background: #128c7e;
    color: white;
    transform: translateY(-2px);
}

/* Escort Categories */
.escort-categories {
    padding: 80px 0;
    background: white;
}

.category-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.category-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.category-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.category-content {
    padding: 20px;
}

.category-content h3 {
    color: var(--primary-color);
    font-size: 1.3rem;
    margin-bottom: 15px;
}

.category-content p {
    color: var(--text-light);
    line-height: 1.6;
}

/* Hero Section */
.hero-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--primary-color) 0%, #8b0a0f 100%);
    color: white;
}

.hero-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 25px;
}

.hero-content p {
    font-size: 1.2rem;
    margin-bottom: 35px;
    opacity: 0.9;
}

.hero-buttons .btn {
    padding: 15px 30px;
    font-weight: 600;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.hero-buttons .btn:hover {
    transform: translateY(-3px);
}

/* Escort Section */
.escort-section {
    padding: 80px 0;
    background: #f8f9fa;
}

.escort-content h2 {
    color: var(--primary-color);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 25px;
}

.escort-content p {
    color: var(--text-light);
    margin-bottom: 25px;
    font-size: 1.1rem;
}

.service-list h5 {
    color: var(--primary-color);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.service-list p {
    color: var(--text-light);
    margin-bottom: 20px;
    font-size: 1rem;
}

/* About Main Section */
.aboutmain-section {
    padding: 80px 0;
    background: white;
}

.aboutmain-content h2 {
    color: var(--primary-color);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 25px;
}

.aboutmain-content p {
    color: var(--text-light);
    margin-bottom: 25px;
    font-size: 1.1rem;
}

.content-boxes h5 {
    color: var(--primary-color);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.content-boxes p {
    color: var(--text-light);
    margin-bottom: 15px;
    font-size: 1rem;
}

.booking-steps {
    margin: 25px 0;
    padding-left: 20px;
}

.booking-steps li {
    color: var(--text-light);
    margin-bottom: 15px;
    font-size: 1rem;
}

.booking-steps li strong {
    color: var(--primary-color);
}

/* FAQ Section */
.faq-section {
    padding: 80px 0;
}

.faq-section .section-heading h2 {
    color: var(--primary-color);
}

.accordion-item {
    border: none;
    margin-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.accordion-button {
    background: white;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
    padding: 20px 25px;
    border: none;
    border-radius: 15px 15px 0 0;
    transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
    background: var(--primary-color);
    color: white;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-button:hover {
    background: var(--primary-color);
    color: white;
    transform: translateY(-2px);
}

.accordion-button::after {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.accordion-body {
    background: white;
    padding: 25px;
    color: var(--text-light);
    line-height: 1.8;
}

.accordion-body p {
    margin-bottom: 15px;
    color: var(--text-light);
}

.accordion-body ul {
    margin: 15px 0;
    padding-left: 20px;
}

.accordion-body ul li {
    margin-bottom: 8px;
    color: var(--text-light);
}

.accordion-body ul li:last-child {
    margin-bottom: 0;
}

/* Location Section */
.location-section {
    padding: 80px 0;
    background: linear-gradient(rgba(130, 4, 9, 0.9), rgba(130, 4, 9, 0.9)),
        url('https://images.unsplash.com/photo-1580912458702-6fa698fc553e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}

/* Area Directory Styles */
.area-directory-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.comprehensive-area-directory {
    padding: 80px 0;
    background: white;
}

.location-card {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.location-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-color);
}

.area-link,
.subarea-link,
.quick-area-link,
.modal-area-link {
    color: var(--text-dark);
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 5px 0;
}

.area-link:hover,
.subarea-link:hover,
.quick-area-link:hover,
.modal-area-link:hover {
    color: var(--primary-color);
    transform: translateX(5px);
}

.parent-area-card .card {
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.parent-area-card .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.area-region-card .card {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.area-region-card .card:hover {
    border-color: var(--primary-color);
}

.region-subareas {
    min-height: 150px;
}

.quick-locations .card {
    border: 2px solid var(--warning);
}

/* Modal Styles */
.modal-area-link {
    padding: 8px 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.modal-area-link:hover {
    background: #f8f9fa;
    color: var(--primary-color);
    text-decoration: none;
}

/* Location Links */
.footer-locations h3 {
    font-size: 25px;
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: 2px solid var(--accent-color);
    padding-bottom: 0.5rem;
    color: var(--accent-color);
}

.location-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    text-align: left;
}

ul.location-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    text-align: left;
}

.footer-locations h4 {
    color: #f39c12;
    font-size: 23px;
    margin-bottom: 1rem;
    border-bottom: 0px solid #f39c12;
    padding-bottom: 0.5rem;
    text-align: center;
}

.footer-locations ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-locations li {
    margin-bottom: 0.5rem;
}

li.location-column {
    margin-bottom: 0;
}

.footer-locations a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-locations a:hover {
    color: var(--accent-color);
    text-decoration: underline;
}

/* Footer Enhanced Styles */
.footer-links ul li {
    margin-bottom: 8px;
}

.footer-links ul li a {
    color: #ddd;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 2px 0;
}

.footer-links ul li a:hover {
    color: var(--accent-color);
    transform: translateX(5px);
}

.popular-area-link {
    font-size: 0.9rem;
}

.footer-links .list-unstyled .list-unstyled {
    border-left: 2px solid var(--accent-color);
    padding-left: 15px;
    margin-top: 5px;
}

.footer-links .small {
    font-size: 0.85rem;
    opacity: 0.9;
}

.footer-links .fw-bold {
    font-weight: 600;
    color: var(--accent-color);
}

.social-links .btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.breadcrumb-section {
    background: #ffffff;
}

.breadcrumb {
    margin-bottom: 0;
    background: transparent;
}

.location-badge {
    font-size: 0.9rem;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.gallery-location {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-top: 5px;
}

.testimonial-location {
    color: var(--primary-color);
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.model-actions a {
    margin: 0 2px;
}

/* Enhanced Gallery and Internal Navigation Styles */
.model-image-container {
    position: relative;
    overflow: hidden;
}

.model-link {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.model-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.model-image-container:hover .model-overlay {
    opacity: 1;
}

.btn-view-overlay {
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
}

.gallery-link {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.category-link {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.category-card:hover .category-overlay {
    opacity: 1;
}

.blog-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.model-category {
    margin: 8px 0;
}

.category-badge {
    background: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

.gallery-category {
    color: var(--white);
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
    text-align: center;
}

.gallery-cta-buttons {
    margin-top: 20px;
}

.about-actions,
.trusted-actions {
    margin-top: 25px;
}

.btn-view-profile,
.btn-book-now,
.btn-view {
    padding: 8px 15px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    margin: 2px;
}

.btn-view-profile,
.btn-view {
    background: var(--primary-color);
    color: white;
}

.btn-book-now {
    background: var(--accent-color);
    color: white;
}

.btn-view-profile:hover,
.btn-book-now:hover,
.btn-view:hover {
    transform: scale(1.05);
    color: white;
}

.btn-view-gallery {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 15px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-view-gallery:hover {
    background: white;
    color: var(--primary-color);
    transform: translateY(-2px);
}

.gallery-actions .btn-view {
    background: var(--primary-color);
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

.category-overlay .btn-view {
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
}

/* Enhanced gallery caption */
.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
    color: white;
    padding: 20px 15px 15px;
    text-align: center;
}

.gallery-caption h4 {
    margin-bottom: 5px;
    font-size: 1.1rem;
}

/* Improved model actions */
.model-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.model-actions a {
    flex: 1;
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
}

/* Enhanced pricing buttons */
.pricing-btn {
    background: var(--primary-color);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.pricing-btn:hover {
    background: #8b0a0f;
    transform: translateY(-2px);
    color: white;
}

/* Better testimonial layout */
.testimonial-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.testimonial-location {
    font-size: 0.9rem;
    opacity: 0.8;
    color: var(--text-light);
}

/* Responsive Styles */
@media (max-width: 768px) {
    .banner-slider {
        height: 60vh;
        margin-top: 70px;
    }

.banner-content h1 {
        font-size: 2.5rem;
    }

.banner-content p {
        font-size: 1.1rem;
    }

.section-heading h2 {
        font-size: 2rem;
    }

.pricing-card.featured {
        transform: none;
    }

.gallery-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

.hero-content h1 {
        font-size: 2rem;
    }

.trusted-content h2 {
        font-size: 1.8rem;
    }

.aboutmain-content h2 {
        font-size: 1.8rem;
    }

.faq-section h2 {
        font-size: 1.8rem;
    }

.area-directory-section,
    .comprehensive-area-directory {
        padding: 60px 0;
    }

.location-card {
        margin-bottom: 15px;
    }

.parent-area-card .card-body .row {
        margin: 0 -5px;
    }

.parent-area-card .card-body .col-md-4 {
        padding: 0 5px;
    }

.location-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1.5rem;
    }

.footer-locations h4 {
        text-align: left;
    }

.location-grid {
        grid-template-columns: 1fr;
    }

.footer-links {
        margin-bottom: 25px;
    }

.footer-links h5 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

.popular-area-link {
        font-size: 0.85rem;
    }

.model-actions {
        flex-direction: column;
    }

.model-actions a {
        min-width: auto;
    }

.testimonial-name {
        flex-direction: column;
        align-items: flex-start;
    }

.testimonial-location {
        margin-top: 5px;
    }

.gallery-cta-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

.gallery-cta-buttons .btn {
        margin: 5px 0;
    }
}

@media (max-width: 480px) {
    .footer-locations h4 {
        text-align: left;
    }

.location-grid {
        grid-template-columns: 1fr;
    }
}
/* Option 1: Modern Search Box */
.banner-search-container {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    margin: 30px auto;
    animation: slideUp 0.5s ease;
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 12px;
    padding: 5px;
    border: 2px solid var(--primary-color);
    box-shadow: 0 4px 15px rgba(108, 4, 9, 0.1);
}

.search-icon {
    color: var(--primary-color);
    font-size: 1.2rem;
    margin: 0 15px;
}

.city-search-select {
    flex: 1;
    border: none;
    background: transparent;
    padding: 15px 10px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-dark);
    outline: none;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236C0409' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

.city-search-select option {
    padding: 10px;
    font-size: 0.9rem;
}

.city-search-select option[value=""] {
    color: #999;
    font-style: italic;
}

.city-search-select option[value^="https://www.delhigal.com"] {
    font-weight: bold;
    color: var(--primary-color);
}

.city-search-select option[value^="https://ncr.delhigal.com"] {
    font-weight: bold;
    color: #333;
}

.search-go-btn {
    background: var(--primary-color);
    color: white;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-go-btn:hover {
    background: #8b0a0f;
    transform: translateX(2px);
}

.search-tagline {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
    font-size: 0.85rem;
    color: var(--text-light);
}

.search-tagline span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-tagline i {
    color: var(--accent-color);
}

/* Option 2: Floating Search Bar */
.floating-search-bar {
    position: relative;
    max-width: 600px;
    margin: 30px auto;
    animation: fadeIn 0.6s ease;
}

.search-bar-container {
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 100%);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.search-input-group {
    display: flex;
    gap: 10px;
}

.input-with-icon {
    flex: 1;
    position: relative;
}

.input-with-icon i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color);
    font-size: 1.1rem;
}

.enhanced-city-select {
    width: 100%;
    padding: 15px 20px 15px 45px;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-dark);
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236C0409' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}

.enhanced-city-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(108, 4, 9, 0.1);
    outline: none;
}

.enhanced-city-select optgroup {
    font-weight: bold;
    color: var(--primary-color);
    padding: 10px;
}

.enhanced-city-select option {
    padding: 12px;
    font-size: 0.95rem;
}

.search-action-btn {
    background: linear-gradient(135deg, var(--primary-color) 0%, #8b0a0f 100%);
    color: white;
    border: none;
    padding: 0 25px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.search-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(108, 4, 9, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .banner-search-container,
    .floating-search-bar {
        max-width: 90%;
        margin: 20px auto;
    }
    
    .search-input-group {
        flex-direction: column;
    }
    
    .search-action-btn {
        padding: 12px;
        justify-content: center;
    }
    
    .search-tagline {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .city-search-select,
    .enhanced-city-select {
        padding: 12px 10px 12px 40px;
        font-size: 0.9rem;
    }
    
    .search-go-btn {
        width: 40px;
        height: 40px;
    }
}
    </style>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Delhigal.com",
        "url": "<?= $currenturl ?>",
        "logo": "<?= $currenturl ?>/image/delhigal-logo.jpg",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+91 0000000000",
            "contactType": "customer service",
            "areaServed": "IN",
            "availableLanguage": ["en", "hi"]
        }
    }
    </script>
</head>

<div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="<?= createHierarchicalUrl1($area['slug']) ?>">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?= createHierarchicalUrl1('delhi') ?>">Delhi</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?= createHierarchicalUrl1('gurgaon') ?>">Gurgaon</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?= createHierarchicalUrl1('noida') ?>">Noida</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?= createHierarchicalUrl1('saket') ?>">Saket</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?= createHierarchicalUrl1('pitampura') ?>">Pitampura</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link whatsapp-btn" href="https://wa.me/<?= $area['phone'] ?? '910000000000' ?>"
                            target="_blank">
                            <i class="fab fa-whatsapp"></i> WhatsApp Now
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

<section id="home" class="banner-slider">
        <div id="bannerCarousel" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#bannerCarousel" data-bs-slide-to="0" class="active"></button>
            </div>

<div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="banner-slide" style="background-image: url('image/banner02.webp');">
                        <div class="banner-content">
                            <div class="display-4 fw-bold">Escort Service  <?=$city?></div>
                                            <?php $allAreas = getAllAreasFlatWithUrls(); $currentSlug = $area['slug'] ?? ''; ?>
                
                <div class="banner-search-container">
    <div class="search-wrapper">
        <i class="fas fa-map-marker-alt search-icon"></i>
        <select class="city-search-select" onchange="var v=this.value; if(v){window.location.href=v}">
            <option value="">Select Your City...</option>
            <?php foreach ($allAreas as $opt): $prefix = str_repeat('-', $opt['depth']); $selected = ($opt['slug'] === $currentSlug) ? 'selected' : ''; ?>
                            <option value="<?= htmlspecialchars($opt['hierarchical_url']) ?>">
                                <?= $prefix ?><?= htmlspecialchars($opt['name']) ?>
                            </option>
                        <?php endforeach; ?>
            
        </select>
        <button class="search-go-btn">
            <i class="fas fa-arrow-right"></i>
        </button>
    </div>
    <div class="search-tagline">
        <span><i class="fas fa-bolt"></i> Quick City Selection</span>
        <span><i class="fas fa-shield-alt"></i> Secure Booking</span>
    </div>
</div>
                            <p class="lead text-center">Experience luxury companionship with <?=$city?> Escorts</p>
                            
                        </div>
                    </div>
                </div>
            </div>

<section class="breadcrumb-section py-3">
        <div class="container">
            <?= displayBreadcrumb($area) ?>
        </div>
    </section>

<section id="services" class="services-section">
        <div class="container">
            <div class="section-heading">
                <h1><?= $mainheading ?></h1>
                <?php if (isset($content1) && !empty($content1)): ?>
                <?= $content1 ?>
                <?php else: ?>
                <p>Welcome to the finest selection of elite escorts in
                    <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.
                    Our <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> escorts are carefully selected for their
                    beauty,
                    intelligence, and ability to provide unforgettable companionship experiences.</p>
                <?php endif; ?>
                <hr />
            </div>

<div class="row">
                <?php
                // Dynamic model cards with area-specific content
                $models = [
                    ['img' => '1.jpg', 'name' => 'Neha Malhotra', 'age' => 24, 'height' => "5'5\"", 'category' => 'Russian', 'area_slug' => 'delhi'],
                    ['img' => '2.jpg', 'name' => 'Shivani Arora', 'age' => 26, 'height' => "5'3\"", 'category' => 'College', 'area_slug' => 'delhi'],
                    ['img' => '3.jpg', 'name' => 'Kavya Sharma', 'age' => 25, 'height' => "5'7\"", 'category' => 'Model', 'area_slug' => 'delhi'],
                    ['img' => '4.jpg', 'name' => 'Priya Verma', 'age' => 23, 'height' => "5'4\"", 'category' => 'VIP', 'area_slug' => 'delhi'],
                    ['img' => '5.jpg', 'name' => 'Radhika Chauhan', 'age' => 27, 'height' => "5'6\"", 'category' => 'Russian', 'area_slug' => 'russian-escorts'],
                    ['img' => '6.jpg', 'name' => 'Simran Joshi', 'age' => 22, 'height' => "5'2\"", 'category' => 'College', 'area_slug' => 'delhi'],
                    ['img' => '7.jpg', 'name' => 'Aarti Yadav', 'age' => 29, 'height' => "5'8\"", 'category' => 'Model', 'area_slug' => 'model-escorts'],
                    ['img' => '8.jpg', 'name' => 'Muskaan Bansal', 'age' => 24, 'height' => "5'5\"", 'category' => 'VIP', 'area_slug' => 'delhi'],
                    ['img' => '9.jpg', 'name' => 'Ira Roy', 'age' => 28, 'height' => "5'6\"", 'category' => 'Russian', 'area_slug' => 'russian-escorts'],
                    ['img' => '10.jpg', 'name' => 'Tanvi Sinha', 'age' => 25, 'height' => "5'6\"", 'category' => 'College', 'area_slug' => 'delhi'],
                    ['img' => '11.jpg', 'name' => 'Shreya Pathak', 'age' => 25, 'height' => "5'6\"", 'category' => 'Model', 'area_slug' => 'delhi'],
                    ['img' => '12.jpg', 'name' => 'Avantika Kulkarni', 'age' => 25, 'height' => "5'6\"", 'category' => 'VIP', 'area_slug' => 'delhi'],
                    ['img' => '13.jpg', 'name' => 'Diya Kapoor', 'age' => 24, 'height' => "5'5\"", 'category' => 'Russian', 'area_slug' => 'russian-escorts'],
                    ['img' => '14.jpg', 'name' => 'Ritika Grover', 'age' => 27, 'height' => "5'8\"", 'category' => 'College', 'area_slug' => 'delhi'],
                    ['img' => '15.jpg', 'name' => 'Tanya Saxena', 'age' => 22, 'height' => "5'6\"", 'category' => 'Model', 'area_slug' => 'delhi'],
                    ['img' => '16.jpg', 'name' => 'Jasleen Thakur', 'age' => 23, 'height' => "5'7\"", 'category' => 'VIP', 'area_slug' => 'delhi'],
                    ['img' => '17.jpg', 'name' => 'Megha Singh', 'age' => 29, 'height' => "5'8\"", 'category' => 'Russian', 'area_slug' => 'russian-escorts'],
                    ['img' => '18.jpg', 'name' => 'Bhavika Nair', 'age' => 24, 'height' => "5'5\"", 'category' => 'College', 'area_slug' => 'delhi'],
                    ['img' => '19.jpg', 'name' => 'Komal Ahuja', 'age' => 30, 'height' => "5'9\"", 'category' => 'Model', 'area_slug' => 'delhi'],
                    ['img' => '20.jpg', 'name' => 'Anushka Patel', 'age' => 27, 'height' => "5'6\"", 'category' => 'VIP', 'area_slug' => 'delhi']
                ];

// Shuffle and display 8 random models
                shuffle($models);
                $displayModels = array_slice($models, 0, 8);
                $remainingModels = array_slice($models, 8);
                foreach ($displayModels as $model):
                    $areaslug = getNextSlugFromXML();
                    $areaLink = createHierarchicalUrl1($areaslug);
                ?>
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="model-card">
                        <a href="<?= $areaLink ?>" class="model-link">
                            <div class="model-image-container">
                                <img src="image/<?= $model['img'] ?>"
                                    alt="<?= $model['name'] ?> - <?= titletext(htmlspecialchars($areaslug ?? 'Delhi')) ?> Escort"
                                    loading="lazy" decoding="async" width="300" height="300">
                                <div class="model-overlay">
                                    <span class="btn btn-view-overlay">
                                        <i class="fas fa-eye"></i> View Profile
                                    </span>
                                </div>

</div>
                            <div class="model-info">
                                <h3><?= $model['name'] ?></h3>
                                <p>Age: <?= $model['age'] ?> | Height: <?= $model['height'] ?></p>
                                <p class="model-category">
                                    <span class="category-badge"><?= $model['category'] ?> Escort</span>
                                    <span class="location-badge">
                                        <i class="fas fa-map-marker-alt"></i>
                                        <?= titletext(htmlspecialchars($areaslug ?? 'Delhi')) ?>
                                    </span>
                                </p>

</div>
                        </a>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

<section class="pricing-section">
        <div class="container">
            <div class="section-heading">
                <h2 class="text-white">Our Service Packages in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></h2>
                <p class="text-white">Choose the perfect package for your needs in
                    <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></p>
            </div>

<div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="pricing-card">
                        <div class="pricing-header">
                            <h3 class="pricing-title">Standard Package</h3>
                            <div class="pricing-price">₹10000</div>
                            <small class="text-muted">Starting From</small>
                        </div>
                        <ul class="pricing-features">
                            <li><i class="fas fa-check text-success me-2"></i>One Hour Service</li>
                            <li><i class="fas fa-check text-success me-2"></i>One Companion</li>
                            <li><i class="fas fa-check text-success me-2"></i>Free Pick and Drop</li>
                            <li><i class="fas fa-check text-success me-2"></i>Beautiful Escorts</li>
                            <li><i class="fas fa-check text-success me-2"></i>Service Available in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></li>
                        </ul>
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="pricing-btn">
                            <i class="fas fa-info-circle"></i> Learn More
                        </a>
                    </div>
                </div>

<div class="col-lg-4 col-md-6 mb-4">
                    <div class="pricing-card featured">
                        <div class="pricing-header">
                            <span class="pricing-badge">Most Popular</span>
                            <h3 class="pricing-title">Premium Package</h3>
                            <div class="pricing-price">₹20000</div>
                            <small class="text-muted">Starting From</small>
                        </div>
                        <ul class="pricing-features">
                            <li><i class="fas fa-check text-success me-2"></i>Extended Hours</li>
                            <li><i class="fas fa-check text-success me-2"></i>Two Companions</li>
                            <li><i class="fas fa-check text-success me-2"></i>Luxury Car Service</li>
                            <li><i class="fas fa-check text-success me-2"></i>Premium Models</li>
                            <li><i class="fas fa-check text-success me-2"></i>Outstation Trips Available</li>
                        </ul>
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="pricing-btn">
                            <i class="fas fa-crown"></i> View Premium
                        </a>
                    </div>
                </div>

<div class="col-lg-4 col-md-6 mb-4">
                    <div class="pricing-card">
                        <div class="pricing-header">
                            <h3 class="pricing-title">VIP Package</h3>
                            <div class="pricing-price">₹60000</div>
                            <small class="text-muted">Starting From</small>
                        </div>
                        <ul class="pricing-features">
                            <li><i class="fas fa-check text-success me-2"></i>Full Night Service</li>
                            <li><i class="fas fa-check text-success me-2"></i>VIP Companion</li>
                            <li><i class="fas fa-check text-success me-2"></i>5-Star Hotel Service</li>
                            <li><i class="fas fa-check text-success me-2"></i>Farm House Party</li>
                            <li><i class="fas fa-check text-success me-2"></i>International Trips</li>
                        </ul>
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="pricing-btn">
                            <i class="fas fa-star"></i> VIP Details
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="about" class="about-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4">
                    <img src="image/20.jpg"
                        alt="About Delhigal.com - <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escorts"
                        class="img-fluid rounded" loading="lazy" width="700" height="450">
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <?php if (isset($content2) && !empty($content2)): ?>
                        <?= $content2 ?>
                        <?php else: ?>
                        <h2>About Our <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escort Service</h2>
                        <p>Welcome to Delhigal.com, your premier destination for elite escort services in
                            <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.
                            We specialize in providing discreet, professional, and unforgettable companionship
                            experiences.
                        </p>

<h4>Why Choose Our <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escorts?</h4>
                        <ul>
                            <li><strong>Verified Professionals:</strong> All our escorts undergo thorough background
                                checks
                            </li>
                            <li><strong>Discreet Service:</strong> Your privacy is our top priority</li>
                            <li><strong>24/7 Availability:</strong> Ready to serve you anytime, anywhere in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></li>
                            <li><strong>Premium Selection:</strong> Only the finest companions</li>
                        </ul>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="gallery" class="gallery-section">
        <div class="container">
            <div class="section-heading">
                <h2 class="text-white">Our <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escort Gallery</h2>
                <p class="text-white">Explore our beautiful companions available in
                    <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></p>
            </div>

<div class="gallery-grid">
                <?php
                // Display all models in gallery with area links
                foreach ($remainingModels as $model):
                    $areaslug = getNextSlugFromXML();
                    $areaLink = createHierarchicalUrl1($areaslug);
                ?>
                <div class="gallery-item">
                    <a href="<?= $areaLink ?>" class="gallery-link">
                        <img src="image/<?= $model['img'] ?>"
                            alt="<?= $model['name'] ?> - <?= titletext(htmlspecialchars($areaslug ?? 'Delhi')) ?> Escort"
                            loading="lazy" decoding="async" width="300" height="300">
                        <div class="gallery-overlay">
                            <div class="gallery-actions">
                                <span class="btn btn-sm btn-view">
                                    <i class="fas fa-eye"></i> View Profile
                                </span>
                            </div>
                        </div>
                        <div class="gallery-caption">
                            <h4><?= $model['name'] ?></h4>
                            <p class="gallery-category"><?= $model['category'] ?> Escort</p>
                            <div class="gallery-location">
                                <i class="fas fa-map-marker-alt"></i>
                                <?= titletext(htmlspecialchars($areaslug ?? 'Delhi')) ?>
                            </div>
                        </div>

</a>
                </div>
                <?php endforeach; ?>
            </div>

</div>
    </section>

<section class="trusted-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4">
                    <div class="trusted-content">
                        <?php if (isset($content3) && !empty($content3)): ?>
                        <?= $content3 ?>
                        <?php else: ?>
                        <h2>Why Trust Our <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escort Service?</h2>
                        <p>We have built our reputation on trust, discretion, and exceptional service. Here's why
                            clients
                            choose us for their companionship needs in
                            <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>:
                        </p>

<h4>1. Professional Companionship</h4>
                        <p>Our escorts are not just beautiful; they're intelligent, conversational, and perfect for any
                            social setting.</p>

<h4>2. Absolute Discretion</h4>
                        <p>Your privacy is guaranteed. We maintain complete confidentiality in all our services.</p>

<h4>3. 24/7 Availability</h4>
                        <p>Whether you need a last-minute date or plan ahead, we're always available to serve you.</p>

<h4>4. Premium Selection</h4>
                        <p>We carefully select only the finest escorts to ensure your complete satisfaction.</p>
                        <?php endif; ?>

</div>
                </div>
                <div class="col-lg-6">
                    <img src="image/19.jpg"
                        alt="Trusted Escort Service in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                        class="img-fluid rounded" loading="lazy" width="700" height="450">
                    <div class="row">
                        <div class="col-6 mb-3">
                            <div class="stat-box">
                                <h3>35 K+</h3>
                                <p>Satisfied Clients in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></p>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <div class="stat-box">
                                <h3>100 +</h3>
                                <p>Elite Escorts Available</p>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <div class="stat-box">
                                <h3>24/7</h3>
                                <p>Service Availability</p>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <div class="stat-box">
                                <h3>95 %</h3>
                                <p>Repeat Customer Rate</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="escort-categories">
        <div class="container">
            <div class="section-heading">
                <h2>Explore Our Escort Categories in <span
                        class="text-primary"><?= htmlspecialchars($area['name'] ?? 'Delhi') ?></span></h2>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="category-card">
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="category-link">
                            <img src="image/01.jpg"
                                alt="Russian Escorts in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid rounded" loading="lazy" width="600" height="400">
                            <div class="category-overlay">
                                <span class="btn btn-view">
                                    <i class="fas fa-eye"></i> View Russian Escorts
                                </span>
                            </div>
                        </a>
                        <div class="category-content">
                            <h3>Russian Escorts</h3>
                            <p>Experience elegance and adventure with our exotic Russian escorts in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>, perfect for those seeking something
                                extraordinary.</p>
                            <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-sm btn-primary">
                                Browse Russian Escorts
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="category-card">
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="category-link">
                            <img src="image/02.jpg"
                                alt="College Girls in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid rounded" loading="lazy" width="600" height="400">
                            <div class="category-overlay">
                                <span class="btn btn-view">
                                    <i class="fas fa-eye"></i> View College Girls
                                </span>
                            </div>
                        </a>
                        <div class="category-content">
                            <h3>College Girls</h3>
                            <p>Our vibrant and playful college girls in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>
                                offer a youthful charm, perfect for electrifying and unforgettable moments.</p>
                            <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-sm btn-primary">
                                Browse College Girls
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="category-card">
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="category-link">
                            <img src="image/03.jpg"
                                alt="High-Profile Models in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid rounded" loading="lazy" width="600" height="400">
                            <div class="category-overlay">
                                <span class="btn btn-view">
                                    <i class="fas fa-eye"></i> View Models
                                </span>
                            </div>
                        </a>
                        <div class="category-content">
                            <h3>High-Profile Models</h3>
                            <p>Indulge in sophistication and class with our high-profile model escorts in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> who embody flair and grandeur.</p>
                            <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-sm btn-primary">
                                Browse Models
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="hero-section">
        <div class="container">
            <div class="hero-content">
                <?php if (isset($content4) && !empty($content4)): ?>
                <?= $content4 ?>
                <?php else: ?>
                <h2>Ready to Experience the Best Escort Service in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>?
                </h2>
                <p>Don't wait any longer to experience premium companionship. Our
                    <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> escorts are ready to provide you with an
                    unforgettable
                    experience. Contact us now!</p>
                <?php endif; ?>
                <hr />
                <div class="hero-buttons">
                    <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-primary btn-lg me-3">
                        <i class="fas fa-calendar-check"></i> Book Now
                    </a>
                    <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-success btn-lg">
                        <i class="fas fa-envelope"></i> Contact Us
                    </a>
                </div>
            </div>
        </div>
    </section>

<section class="aboutmain-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4">
                    <div class="mb-4">
                        <img src="image/about_banner.jpg"
                            alt="Premium Escort Service in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                            class="img-fluid rounded" loading="lazy" width="700" height="450">
                    </div>
                    <div class="hero-buttons mb-4">
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-primary btn-lg me-3">
                            <i class="fas fa-crown"></i> VIP Escorts
                        </a>
                        <a href="<?= createHierarchicalUrl1($area['slug']) ?>" class="btn btn-success btn-lg">
                            <i class="fas fa-concierge-bell"></i> Our Services
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="aboutmain-content">
                        <?php if (isset($content5) && !empty($content5)): ?>
                        <?= $content5 ?>
                        <?php else: ?>
                        <h2>VIP Escort Service in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></h2>
                        <p>Experience the ultimate in luxury and companionship with our VIP escort service in
                            <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.
                            We provide discreet, professional services tailored to your specific needs.</p>

<h4>Our Commitment to Excellence</h4>
                        <p>We understand that every client is unique, which is why we offer personalized services to
                            ensure
                            your complete satisfaction.</p>
                        <?php endif; ?>
                    </div>
                </div>
            </div>

<div class="row mt-5">
                <div class="col-12">
                    <?php if (isset($content6) && !empty($content6)): ?>
                    <?= $content6 ?>
                    <?php else: ?>
                    <h2>Book Your Dream Escort in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Today</h2>
                    <p>Booking with Delhigal.com is simple, secure, and discreet. Whether you're looking for a romantic
                        dinner date,
                        travel companion, or private entertainment, we have the perfect escort for you in
                        <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.</p>

<h4>Simple Booking Process:</h4>
                    <ol>
                        <li>Contact us via call or WhatsApp</li>
                        <li>Discuss your preferences and requirements</li>
                        <li>Choose your preferred companion</li>
                        <li>Confirm the booking details</li>
                        <li>Enjoy your premium experience</li>
                    </ol>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>

<section class="location-section">
        <div class="container">
            <div class="footer-locations">
                <h3>Our Service Areas in <?= htmlspecialchars($area['name'] ?? 'Delhi & NCR') ?></h3>

<?php
                $contextualAreas = getContextualAreas('auto');

if (!empty($contextualAreas)):
                ?>
                <ul class="location-grid">
                    <?php foreach ($contextualAreas as $childArea): ?>
                    <li class="location-column">
                        <a href="<?= $childArea['hierarchical_url'] ?>">
                            <?= htmlspecialchars($childArea['name']) ?> Call Girls
                        </a>
                    </li>
                    <?php endforeach; ?>
                </ul>
                <?php else: ?>
                
                <?php
                    $allParentAreas = getAllParentAreasWithUrls();
                    foreach ($allParentAreas as $parentArea):
                        $children = getChildAreasByParentWithUrls($parentArea['slug'], $parentArea);
                        if (!empty($children)):
                    ?>
                <div class="location-group">
                    <h4><?= htmlspecialchars($parentArea['name']) ?> Areas</h4>
                    <ul class="location-grid">
                        <?php foreach (array_slice($children, 0, 8) as $child): ?>
                        <li class="location-column">
                            <a href="<?= $child['hierarchical_url'] ?>">
                                <?= htmlspecialchars($child['name']) ?> Call Girls
                            </a>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <?php
                        endif;
                    endforeach;
                    ?>
                <?php endif; ?>
            </div>
        </div>
    </section>

<section class="testimonials-section">
        <div class="container">
            <div class="section-heading">
                <h2>What Our Clients Say About <?= htmlspecialchars($area['name'] ?? 'Delhi') ?> Escorts</h2>
                <p>Real experiences from satisfied customers in <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></p>
            </div>

<div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="testimonial-card">
                        <div class="testimonial-stars">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                        <h4 class="testimonial-name">Rahul Sharma <span class="testimonial-location"><i
                                    class="fas fa-map-marker-alt"></i>
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></span></h4>

<p class="testimonial-text">"The Girlfriend Experience was warm, comforting, and truly personal.
                            It
                            felt like genuine companionship beyond expectations."</p>
                        <div class="testimonial-quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                    </div>
                </div>

<div class="col-lg-4 col-md-6 mb-4">
                    <div class="testimonial-card">
                        <div class="testimonial-stars">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star-half-alt"></i>
                        </div>
                        <h4 class="testimonial-name">Siddharth Verma <span class="testimonial-location"><i
                                    class="fas fa-map-marker-alt"></i>
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></span></h4>

<p class="testimonial-text">"The role-play experience was creative and tailored perfectly to my
                            preferences. A playful escape into fantasy with professionalism."</p>
                        <div class="testimonial-quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                    </div>
                </div>

<div class="col-lg-4 col-md-6 mb-4">
                    <div class="testimonial-card">
                        <div class="testimonial-stars">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="far fa-star"></i>
                        </div>
                        <h4 class="testimonial-name">Aditya Rao <span class="testimonial-location"><i
                                    class="fas fa-map-marker-alt"></i>
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></span></h4>

<p class="testimonial-text">"The massage session was relaxing and full of care. A serene,
                            soothing
                            experience I'd definitely revisit."</p>
                        <div class="testimonial-quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="faq-section">
        <div class="container">
            <div class="section-heading">
                <h2>Frequently Asked Questions</h2>
                <p>Get answers to common questions about our escort services in
                    <?= htmlspecialchars($area['name'] ?? 'Delhi') ?></p>
            </div>

<div class="row">
                <div class="col-lg-8 mx-auto">
                    <div class="accordion" id="faqAccordion">
                        <?php
                        // Use dynamic FAQs from content file
                        if (isset($faqs) && is_array($faqs)):
                            $faqCount = 0;
                            foreach ($faqs as $faq):
                                $faqCount++;
                                $question = str_replace(['{city}', '{phone}'], [$area['name'] ?? 'Delhi', $area['phone'] ?? '910000000000'], $faq['question']);
                                $answer = str_replace(['{city}', '{phone}'], [$area['name'] ?? 'Delhi', $area['phone'] ?? '910000000000'], $faq['answer']);
                        ?>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="faq<?= $faqCount ?>">
                                <button class="accordion-button <?= $faqCount > 1 ? 'collapsed' : '' ?>" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapse<?= $faqCount ?>"
                                    aria-expanded="<?= $faqCount === 1 ? 'true' : 'false' ?>"
                                    aria-controls="collapse<?= $faqCount ?>">
                                    <?= htmlspecialchars($question) ?>
                                </button>
                            </h2>
                            <div id="collapse<?= $faqCount ?>"
                                class="accordion-collapse collapse <?= $faqCount === 1 ? 'show' : '' ?>"
                                aria-labelledby="faq<?= $faqCount ?>" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <?= $answer ?>
                                </div>
                            </div>
                        </div>
                        <?php
                            endforeach;
                        else:
                        // Fallback to static FAQs
                        // include 'faq-fallback.php';
                        endif;
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="contact-section">
        <div class="container">
            <h2 class="text-center mb-4">Latest Blogs</h2>
            <div class="row g-4">
                
                <div class="col-md-3 col-sm-6">
                    <div class="card h-100 shadow-sm">
                        <a href="<?= createHierarchicalUrl1('delhi') ?>" class="blog-link">
                            <img src="image/09.jpg"
                                alt="Russian Escorts Guide - <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid" loading="lazy" width="600" height="400">
                        </a>
                        <div class="card-body">
                            <h5 class="card-title">Russian Escorts Guide</h5>
                            <p class="card-text">Everything you need to know about booking Russian escorts in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.</p>
                            <a href="<?= createHierarchicalUrl1('delhi') ?>" class="btn btn-primary btn-sm">
                                Read More
                            </a>
                        </div>
                    </div>
                </div>

<div class="col-md-3 col-sm-6">
                    <div class="card h-100 shadow-sm">
                        <a href="<?= createHierarchicalUrl1('delhi') ?>" class="blog-link">
                            <img src="image/02.jpg"
                                alt="College Girls Experience - <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid" loading="lazy" width="600" height="400">
                        </a>
                        <div class="card-body">
                            <h5 class="card-title">College Girls Experience</h5>
                            <p class="card-text">Discover the vibrant world of college girl escorts in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.</p>
                            <a href="<?= createHierarchicalUrl1('delhi') ?>" class="btn btn-primary btn-sm">
                                Read More
                            </a>
                        </div>
                    </div>
                </div>

<div class="col-md-3 col-sm-6">
                    <div class="card h-100 shadow-sm">
                        <a href="<?= createHierarchicalUrl1('delhi') ?>" class="blog-link">
                            <img src="image/04.jpg"
                                alt="Model Escorts Luxury - <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid" loading="lazy" width="600" height="400">
                        </a>
                        <div class="card-body">
                            <h5 class="card-title">Model Escorts Luxury</h5>
                            <p class="card-text">Experience sophistication with our high-profile model escorts in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.</p>
                            <a href="<?= createHierarchicalUrl1('delhi') ?>" class="btn btn-primary btn-sm">
                                Read More
                            </a>
                        </div>
                    </div>
                </div>

<div class="col-md-3 col-sm-6">
                    <div class="card h-100 shadow-sm">
                        <a href="<?= createHierarchicalUrl1('delhi') ?>" class="blog-link">
                            <img src="image/03.jpg"
                                alt="VIP Escort Service - <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>"
                                class="img-fluid" loading="lazy" width="600" height="400">
                        </a>
                        <div class="card-body">
                            <h5 class="card-title">VIP Escort Service</h5>
                            <p class="card-text">Ultimate luxury and discretion with our VIP escort services in
                                <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>.</p>
                            <a href="<?= createHierarchicalUrl1('delhi') ?>" class="btn btn-primary btn-sm">
                                Read More
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-12 mb-4">
                    <div class="footer-links">
                        <h5>About DelhiGal.com</h5>
                        <p>delhigal.com is a premium independent escort service provider in
                            <?= htmlspecialchars($area['name'] ?? 'Delhi') ?>,
                            offering trusted and discreet companionship for adults. Our aim is to
                            provide a safe, professional and satisfying experience for our clients.</p>

<?php
                // Get all parent areas with hierarchical URLs
                $parentAreas = getAllParentAreasWithUrls();

// Split into 3 columns for main areas
                $areaColumns = array_chunk($parentAreas, ceil(count($parentAreas) / 3));
                ?>

<?php foreach ($areaColumns as $column): ?>
                <div class="col-lg-2 col-md-6 mb-4">
                    <?php foreach ($column as $parentArea): ?>
                    <div class="footer-links mb-4">
                        <h5><?= htmlspecialchars($parentArea['name']) ?> Areas</h5>
                        <ul>
                            <li>
                                <a href="<?= $parentArea['hierarchical_url'] ?>">
                                    <strong>All <?= htmlspecialchars($parentArea['name']) ?> Escorts</strong>
                                </a>
                            </li>
                            <?php
                                    $children = getChildAreasByParentWithUrls($parentArea['slug'], $parentArea);
                                    if (!empty($children)):
                                    ?>
                            <?php foreach (array_slice($children, 0, 4) as $child): ?>
                            <li>
                                <a href="<?= $child['hierarchical_url'] ?>">
                                    <?= htmlspecialchars($child['name']) ?> Escorts
                                </a>
                            </li>
                            <?php endforeach; ?>

<?php if (count($children) > 4): ?>
                            <li>
                                <a href="<?= $parentArea['hierarchical_url'] ?>" class="text-warning">
                                    +<?= (count($children) - 4) ?> more areas
                                </a>
                            </li>
                            <?php endif; ?>
                            <?php else: ?>
                            <li><a href="<?= $parentArea['hierarchical_url'] ?>">View Escorts</a></li>
                            <?php endif; ?>
                        </ul>
                    </div>
                    <?php endforeach; ?>
                </div>
                <?php endforeach; ?>

<div class="col-lg-2 col-md-6 mb-4">
                    <div class="footer-links">
                        <h5>Popular Locations</h5>
                        <ul>
                            <?php
                            // Get context-based popular areas
                            $contextualAreas = getContextualAreas('auto');
                            if (empty($contextualAreas)) {
                                $contextualAreas = getChildAreasByParentWithUrls('delhi', getAreaBySlugSimple('delhi'));
                            }

foreach (array_slice($contextualAreas, 0, 6) as $popularArea):
                            ?>
                            <li>
                                <a href="<?= $popularArea['hierarchical_url'] ?>">
                                    <i class="fas fa-fire me-2 text-danger small"></i>
                                    <?= htmlspecialchars($popularArea['name']) ?>
                                </a>
                            </li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                </div>

<div class="col-lg-2 col-md-6 mb-4">
                    <div class="footer-links">
                        <h5>Our Services</h5>
                        <ul>
                            <li><a href="<?= createurl() ?>#services"><i class="fas fa-venus me-2"></i>Russian
                                    Escorts</a>
                            </li>
                            <li><a href="<?= createurl() ?>#services"><i class="fas fa-graduation-cap me-2"></i>College
                                    Girls</a></li>
                            <li><a href="<?= createurl() ?>#services"><i class="fas fa-star me-2"></i>Model Escorts</a>
                            </li>
                            <li><a href="<?= createurl() ?>#services"><i class="fas fa-crown me-2"></i>VIP Escorts</a>
                            </li>
                            <li><a href="<?= createurl() ?>#pricing"><i class="fas fa-tags me-2"></i>Service
                                    Packages</a>
                            </li>
                            <li><a href="<?= createurl() ?>#contact"><i class="fas fa-clock me-2"></i>24/7 Booking</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

<div class="footer-bottom">
                <p class="text-warning">
                    <strong>Disclaimer : </strong> This website contains adult-oriented content
                    and is intended strictly for individuals 18 years of age or older. By
                    continuing to browse, you confirm that you are of legal age in your
                    jurisdiction. If not, please exit immediately.
                </p>
                <p>&copy; 2025 Delhigal.com. All rights reserved.</p>
            </div>
        </div>
    </footer>

<a href="tel:<?= $area['phone'] ?? '+918679433752' ?>" class="floating-btn phone" title="Call Now">
        <i class="fas fa-phone"></i>
    </a>
    <a href="https://wa.me/<?= $area['phone'] ?? '918679433752' ?>?text=DelhiGal" target="_blank" class="floating-btn whatsapp"
        title="WhatsApp Now">
        <i class="fab fa-whatsapp"></i>
    </a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" defer></script>

// Active navigation highlighting
    window.addEventListener('scroll', () => {
        const sections = document.querySelectorAll('section[id]');
        const navLinks = document.querySelectorAll('.nav-link');

let current = '';
        sections.forEach(section => {
            const sectionTop = section.offsetTop;
            const sectionHeight = section.clientHeight;
            if (scrollY >= (sectionTop - 200)) {
                current = section.getAttribute('id');
            }
        });

navLinks.forEach(link => {
            link.classList.remove('active');
            if (link.getAttribute('href') === `#${current}`) {
                link.classList.add('active');
            }
        });
    });

// Initialize when DOM is loaded
    document.addEventListener('DOMContentLoaded', function() {
        // Auto-advance banner carousel
        const bannerCarousel = new bootstrap.Carousel(document.getElementById('bannerCarousel'), {
            interval: 5000,
            wrap: true
        });

// Add click tracking for internal navigation
        document.querySelectorAll('.gallery-link, .category-link, .blog-link, .model-link').forEach(link => {
            link.addEventListener('click', function(e) {
                // You can add analytics tracking here
                console.log('Internal link clicked:', this.href);
            });
        });
    });

// Add hover effects for interactive elements
    document.querySelectorAll('.gallery-item, .category-card, .model-card').forEach(item => {
        item.addEventListener('mouseenter', function() {
            this.style.transform = 'translateY(-5px)';
            this.style.transition = 'all 0.3s ease';
        });

item.addEventListener('mouseleave', function() {
            this.style.transform = 'translateY(0)';
        });
    });

// Lazy loading for images
    if ('IntersectionObserver' in window) {
        const imageObserver = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const img = entry.target;
                    img.src = img.dataset.src;
                    img.classList.remove('lazy');
                    imageObserver.unobserve(img);
                }
            });
        });

</html>

[+] ..
[+] cgi-bin
[-] delhigal.zip [edit]
[+] content1
[+] image
[-] .ftpquota [edit]
[-] 404.php [edit]
[-] android-chrome-192x192.png [edit]
[-] android-chrome-512x512.png [edit]
[-] apple-touch-icon.png [edit]
[-] arealist.xml [edit]
[-] auth.php [edit]
[-] cache.php [edit]
[-] config.php [edit]
[-] content_manager.php [edit]
[-] error_log [edit]
[-] favicon.ico [edit]
[-] favicon-16x16.png [edit]
[-] favicon-32x32.png [edit]
[-] frontpage.php [edit]
[-] functions.php [edit]
[-] google2fabcdaeda4836e4.html [edit]
[-] index.php [edit]
[-] index1.html [edit]
[-] index1.php [edit]
[-] login.php [edit]
[-] logout.php [edit]
[-] robots.txt [edit]
[-] style.css [edit]
[-] template.php [edit]
[-] template-footer.php [edit]
[-] template-header.php [edit]
[-] test.php [edit]
[-] xml_manager.php [edit]
[+] .well-known
[+] cache
[+] content
[-] error_logs.php [edit]
[-] _ [edit]