📄 File: office-locations.php

Path: /home2/outerorb/public_html/office-locations.php

Size: 14.85 KB

Permissions: 0666

<?php
$page_title = "Our Office Locations — Ranchi, Bengaluru, Kolkata | Outer Orbit Technologies";
$page_description = "Outer Orbit Technologies operates BPO centres in Ranchi (HQ), Bengaluru and Kolkata — with a fourth centre coming soon in Jamshedpur. Visit us or get in touch with your nearest office.";
include 'inc/config.php';
include 'inc/head.php';
include 'inc/header.php';
?>
<?php include 'inc/svc-bfsi-styles.php'; ?>

<section class="bfsi-hero">
    <div class="container" style="position:relative;z-index:2;">
        <div class="row justify-content-center">
            <div class="col-xl-9 col-lg-11 text-center">
                <div class="bfsi-hero-eyebrow"><i class="fa-solid fa-building"></i> Our Offices</div>
                <h1>Our Office Locations</h1>
                <p class="hero-disc mx-auto">From our headquarters in Ranchi to delivery centres in Bengaluru and Kolkata, our teams are strategically positioned to serve clients across India — and a fourth centre is on the way in Jamshedpur.</p>
                <div class="bfsi-hero-chips justify-content-center">
                    <span><i class="fa-solid fa-star"></i> HQ in Ranchi, Jharkhand</span>
                    <span><i class="fa-solid fa-circle-check"></i> 3 Active Centres</span>
                    <span><i class="fa-solid fa-clock"></i> 24/7 Operations</span>
                    <span><i class="fa-solid fa-location-dot"></i> Jamshedpur — Coming Soon</span>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <div class="bfsi-stat-strip">
        <div class="bfsi-stat-strip-inner">
            <div class="bfsi-stat"><div class="num">3</div><div class="label">Active centres</div></div>
            <div class="bfsi-stat"><div class="num">1<span>+</span></div><div class="label">Opening soon</div></div>
            <div class="bfsi-stat"><div class="num">24<span>/7</span></div><div class="label">Operations</div></div>
            <div class="bfsi-stat"><div class="num">Pan<span> India</span></div><div class="label">Client coverage</div></div>
        </div>
    </div>
</div>

<div class="rts-service-details-area rts-section-gap">
    <div class="container">

        <div class="section-title-area-two text-center mb--50">
            <h2 class="title">Where We Operate</h2>
            <p class="disc" style="max-width:640px; margin:12px auto 0;">Each of our centres is staffed with trained BPO professionals delivering customer support, back-office operations, finance, data and recruitment services for clients nationwide.</p>
        </div>

        <div class="row g-4">

            <!-- Ranchi — HQ -->
            <div class="col-lg-6">
                <div style="background:#fff; border:2px solid #073367; border-radius:14px; padding:36px 32px; height:100%; position:relative; overflow:hidden;">
                    <span style="position:absolute; top:20px; right:20px; background:#073367; color:#fff; font-size:11px; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:20px; text-transform:uppercase;">Headquarters</span>
                    <div style="width:54px; height:54px; background:#e8f0fe; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;">
                        <i class="fa-solid fa-building-columns" style="color:#073367; font-size:22px;"></i>
                    </div>
                    <h3 style="font-size:24px; font-weight:700; color:#0c1f3d; margin-bottom:4px;">Ranchi</h3>
                    <p style="color:#057aef; font-size:13px; font-weight:600; margin-bottom:18px; text-transform:uppercase; letter-spacing:0.5px;">Jharkhand &nbsp;|&nbsp; Main Operations Centre</p>
                    <div style="display:flex; flex-direction:column; gap:12px; margin-bottom:24px;">
                        <div style="display:flex; gap:12px; align-items:flex-start;">
                            <i class="fa-solid fa-location-dot" style="color:#057aef; margin-top:3px; flex-shrink:0;"></i>
                            <span style="font-size:14px; color:#44546a; line-height:1.6;"><?php echo $company_address; ?></span>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-phone" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="tel:<?php echo $company_phone; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_phone; ?></a>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-envelope" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="mailto:<?php echo $company_email; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_email; ?></a>
                        </div>
                    </div>
                    <a href="<?php echo $base_url; ?>contact.php" class="rts-btn btn-primary" style="font-size:14px; padding:10px 24px;">Get in Touch</a>
                </div>
            </div>

            <!-- Bengaluru -->
            <div class="col-lg-6">
                <div style="background:#fff; border:1px solid #e0e8f8; border-radius:14px; padding:36px 32px; height:100%; position:relative; overflow:hidden; transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(5,122,239,0.12)'" onmouseout="this.style.boxShadow=''">
                    <span style="position:absolute; top:20px; right:20px; background:#e8f5e9; color:#2e7d32; font-size:11px; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:20px; text-transform:uppercase;">Active</span>
                    <div style="width:54px; height:54px; background:#e8f0fe; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;">
                        <i class="fa-solid fa-building" style="color:#057aef; font-size:22px;"></i>
                    </div>
                    <h3 style="font-size:24px; font-weight:700; color:#0c1f3d; margin-bottom:4px;">Bengaluru</h3>
                    <p style="color:#057aef; font-size:13px; font-weight:600; margin-bottom:18px; text-transform:uppercase; letter-spacing:0.5px;">Karnataka &nbsp;|&nbsp; Delivery Centre</p>
                    <div style="display:flex; flex-direction:column; gap:12px; margin-bottom:24px;">
                        <div style="display:flex; gap:12px; align-items:flex-start;">
                            <i class="fa-solid fa-location-dot" style="color:#057aef; margin-top:3px; flex-shrink:0;"></i>
                            <span style="font-size:14px; color:#44546a; line-height:1.6;">Brigade Tech Park, Whitefield, Pattandur Agrahara, Bengaluru, Karnataka – 560066</span>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-phone" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="tel:<?php echo $company_phone; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_phone; ?></a>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-envelope" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="mailto:<?php echo $company_email; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_email; ?></a>
                        </div>
                    </div>
                    <a href="<?php echo $base_url; ?>contact.php" class="rts-btn btn-primary" style="font-size:14px; padding:10px 24px;">Get in Touch</a>
                </div>
            </div>

            <!-- Kolkata -->
            <div class="col-lg-6">
                <div style="background:#fff; border:1px solid #e0e8f8; border-radius:14px; padding:36px 32px; height:100%; position:relative; overflow:hidden; transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(5,122,239,0.12)'" onmouseout="this.style.boxShadow=''">
                    <span style="position:absolute; top:20px; right:20px; background:#e8f5e9; color:#2e7d32; font-size:11px; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:20px; text-transform:uppercase;">Active</span>
                    <div style="width:54px; height:54px; background:#e8f0fe; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;">
                        <i class="fa-solid fa-building" style="color:#057aef; font-size:22px;"></i>
                    </div>
                    <h3 style="font-size:24px; font-weight:700; color:#0c1f3d; margin-bottom:4px;">Kolkata</h3>
                    <p style="color:#057aef; font-size:13px; font-weight:600; margin-bottom:18px; text-transform:uppercase; letter-spacing:0.5px;">West Bengal &nbsp;|&nbsp; Delivery Centre</p>
                    <div style="display:flex; flex-direction:column; gap:12px; margin-bottom:24px;">
                        <div style="display:flex; gap:12px; align-items:flex-start;">
                            <i class="fa-solid fa-location-dot" style="color:#057aef; margin-top:3px; flex-shrink:0;"></i>
                            <span style="font-size:14px; color:#44546a; line-height:1.6;">EFC Ltd Millennium City, DN – 62, Sector – V, Salt Lake, Kolkata, West Bengal – 700091</span>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-phone" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="tel:<?php echo $company_phone; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_phone; ?></a>
                        </div>
                        <div style="display:flex; gap:12px; align-items:center;">
                            <i class="fa-solid fa-envelope" style="color:#057aef; flex-shrink:0;"></i>
                            <a href="mailto:<?php echo $company_email; ?>" style="font-size:14px; color:#44546a; text-decoration:none;"><?php echo $company_email; ?></a>
                        </div>
                    </div>
                    <a href="<?php echo $base_url; ?>contact.php" class="rts-btn btn-primary" style="font-size:14px; padding:10px 24px;">Get in Touch</a>
                </div>
            </div>

            <!-- Jamshedpur — AI Data Center Coming Soon -->
            <div class="col-lg-6">
                <div style="background:linear-gradient(135deg,#0c1f3d 0%,#0a3060 100%); border:2px solid #1a4a8a; border-radius:14px; padding:36px 32px; height:100%; position:relative; overflow:hidden;">
                    <span style="position:absolute; top:20px; right:20px; background:rgba(87,168,245,0.2); color:#57a8f5; font-size:11px; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:20px; text-transform:uppercase; border:1px solid rgba(87,168,245,0.4);">Coming Soon</span>
                    <div style="width:54px; height:54px; background:rgba(5,122,239,0.2); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;">
                        <i class="fa-solid fa-microchip" style="color:#57a8f5; font-size:22px;"></i>
                    </div>
                    <h3 style="font-size:24px; font-weight:700; color:#ffffff; margin-bottom:4px;">Jamshedpur</h3>
                    <p style="color:#57a8f5; font-size:13px; font-weight:600; margin-bottom:18px; text-transform:uppercase; letter-spacing:0.5px;">Jharkhand &nbsp;|&nbsp; AI Data Center</p>
                    <p style="font-size:14px; color:rgba(255,255,255,0.75); line-height:1.7; margin-bottom:16px;">Our upcoming AI Data Center in Jamshedpur will power next-generation BPO operations — from AI-driven analytics and intelligent automation to large-scale data processing, all under one roof.</p>
                    <div style="display:flex; flex-direction:column; gap:8px; margin-bottom:24px;">
                        <div style="display:flex; gap:10px; align-items:center;">
                            <i class="fa-solid fa-circle-check" style="color:#57a8f5; font-size:13px; flex-shrink:0;"></i>
                            <span style="font-size:13px; color:rgba(255,255,255,0.7);">AI-driven workflow automation</span>
                        </div>
                        <div style="display:flex; gap:10px; align-items:center;">
                            <i class="fa-solid fa-circle-check" style="color:#57a8f5; font-size:13px; flex-shrink:0;"></i>
                            <span style="font-size:13px; color:rgba(255,255,255,0.7);">High-capacity data processing infrastructure</span>
                        </div>
                        <div style="display:flex; gap:10px; align-items:center;">
                            <i class="fa-solid fa-circle-check" style="color:#57a8f5; font-size:13px; flex-shrink:0;"></i>
                            <span style="font-size:13px; color:rgba(255,255,255,0.7);">Advanced analytics &amp; intelligence hub</span>
                        </div>
                    </div>
                    <p style="font-size:13px; color:rgba(255,255,255,0.5); margin-bottom:0;">Interested in early access? <a href="<?php echo $base_url; ?>contact.php" style="color:#57a8f5; text-decoration:none; font-weight:600;">Get in touch →</a></p>
                </div>
            </div>

        </div>

        <!-- CTA -->
        <div class="row mt--60">
            <div class="col-12 text-center">
                <div style="background:#073367; border-radius:12px; padding:48px 32px; color:#fff;">
                    <h2 style="color:#fff; margin-bottom:12px;">Looking to Partner with Us?</h2>
                    <p style="color:rgba(255,255,255,0.85); font-size:16px; margin-bottom:24px;">Whether you're near one of our centres or anywhere across India, we deploy dedicated BPO teams tailored to your needs.</p>
                    <div style="display:flex; gap:16px; justify-content:center; flex-wrap:wrap;">
                        <a href="<?php echo $base_url; ?>contact.php" class="rts-btn btn-white" style="font-size:15px; padding:14px 32px; background:#fff; color:#073367; border-radius:6px; text-decoration:none; font-weight:600;">Contact Us</a>
                        <a href="<?php echo $base_url; ?>service-locations.php" style="font-size:15px; padding:14px 32px; border:2px solid rgba(255,255,255,0.5); color:#fff; border-radius:6px; text-decoration:none; font-weight:600;">View Service Locations</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<?php include 'inc/footer.php'; ?>
<?php include 'inc/common-end.php'; ?>

← Back to Directory Edit File 🔒 Chmod