000

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cloud Transformation | Nexora Tech</title>
    <link rel="stylesheet" href="cloud.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
</head>

<div class="mobile-menu-icon" onclick="toggleMenu()">
        ☰
    </div>

<nav class="navbar">
        <ul class="nav-links">

<li class="dropdown">
                <a href="#" class="dropdown-toggle">Who We Are</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="about.html">About Nexora</a>
                        <a href="leadership.html">Leadership Team</a>
                        <a href="expert-network.html">Our Expert Network</a>
                    </div>
                </div>
            </li>

<li class="dropdown">
                <a href="#" class="dropdown-toggle">What We Do</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="strategy.html">Strategy & Leadership Advisory</a>
                        <a href="cloud.html">Cloud Transformation</a>
                        <a href="data-ai.html">Data & AI</a>
                        <a href="cybersecurity.html">Cybersecurity & Risk</a>
                        <a href="compliance.html">Compliance (DPDPA / GDPR)</a>
                        <a href="pmo-vro.html">Operational Excellence (PMO / VRO)</a>
                        <a href="gcc.html">GCC & Delivery Models</a>
                        <a href="esg.html">ESG & Responsible Tech</a>
                    </div>
                </div>
            </li>

<li class="dropdown">
                <a href="#" class="dropdown-toggle">Industries We Serve</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="bfsi.html">BFSI</a>
                        <a href="healthcare-pharma.html">Healthcare & Pharma</a>
                        <a href="manufacturing.html">Manufacturing</a>
                        <a href="retail.html">Retail & E-commerce</a>
                        <a href="logistics.html">Logistics & Supply Chain</a>
                        <a href="energy.html">Energy & Utilities</a>
                        <a href="telecom.html">Telecom</a>
                        <a href="automotive.html">Automotive</a>
                         <a href="agriculture.html">Agriculture</a>
                         <a href="nexora-industry-gcc.html">GCC</a>
                    </div>
                </div>
            </li>

<li class="dropdown">
                <a href="#" class="dropdown-toggle">Engagement Models</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="fractional-cxo.html">Fractional CIO / CTO / CDO</a>
                        <a href="expert-pods.html">Expert Pods</a>
                        <a href="transformation-governance-office.html">Transformation Governance Office</a>
                        <a href="retainer-advisory.html">Retainer Advisory</a>
                        <a href="project-based-execution.html">Project-Based Execution</a>
                    </div>
                </div>
            </li>

<li class="dropdown">
                <a href="#" class="dropdown-toggle"> Resources</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="templates.html">Templates</a>
                        <a href="frameworks.html">Frameworks</a>
                        <a href="tools-for-implementation.html">Tools for Implementation</a>
                    </div>
                </div>
            </li>
            
           
<li class="dropdown">
    <a href="#" class="dropdown-toggle">Careers</a>
    <div class="mega-menu">
        <div class="mega-col">
            <a href="join-us.html">Join Us  for Full-Time Roles</a>
            <a href="join-expert-network.html">Join our Expert Network</a>
        </div>
    </div>
</li>
 
            
            
<li class="dropdown">
    <a href="#" class="dropdown-toggle">Insights</a>
    <div class="mega-menu">
        <div class="mega-col">
            <a href="blog.html">Blog</a>
            <a href="research-whitepapers.html">Research &amp; Whitepapers</a>
            <a href="case-studies.html">Case Studies</a>
            <a href="webinars-speaking.html">Webinars &amp; Speaking</a>
            <a href="thought-leadership-aparna-kumar.html">Thought Leadership (Aparna Kumar)</a>
        </div>
    </div>
</li>

<li class="dropdown">
                <a href="#" class="dropdown-toggle">Contact Us</a>
                <div class="mega-menu">
                    <div class="mega-col">
                        <a href="book-consultation.html">Book Consultation</a>
                        <a href="download-deck.html">Download Deck</a>
                        <a href="whatsapp.html">WhatsApp</a>
                        <a href="email.html">Email</a>
                    </div>
                </div>
            </li>

</ul>
    </nav>
</header>

<section class="hero hero-split">
    <div class="container hero-flex">

<div class="hero-content">
            <h1>Cloud Strategy, Architecture & Optimisation</h1>
            <p>
                Accelerating cloud adoption with secure, scalable,
                cost-efficient architectures.
            </p>
            <a href="book-consultation.html" class="cta-btn">Book Consultation</a>
        </div>

<div class="hero-image">
            <img src="cloud-hero.png" alt="Cloud Strategy & Architecture">
        </div>

</div>
</section>

<section class="overview container">
        <h2>Overview</h2>
        <p>
            Nexora Tech helps enterprises migrate to the cloud, optimise cloud spend, modernise legacy 
            architectures, and implement multi-cloud governance aligned with global standards. We combine 
            CIO-led strategy, expert cloud architecture, FinOps, and governance-first execution to ensure 
            your cloud programs deliver measurable business value.
        </p>
    </section>

<section class="offerings container">
        <h2>Core Offerings</h2>

<div class="card">
                <h3>A. Cloud Strategy & Blueprint</h3>
                <ul>
                    <li>Cloud adoption roadmap</li>
                    <li>Business case & TCO modelling</li>
                    <li>Application assessment</li>
                    <li>Landing zone architecture</li>
                </ul>
            </div>

<div class="card">
                <h3>B. Cloud Migration</h3>
                <ul>
                    <li>Datacentre exit</li>
                    <li>App rehost, replatform, refactor</li>
                    <li>Database migration</li>
                    <li>Hybrid & multi-cloud enablement</li>
                </ul>
            </div>

<div class="card">
                <h3>C. FinOps & Cost Optimisation</h3>
                <ul>
                    <li>Spend diagnostics</li>
                    <li>Rightsizing & optimisation</li>
                    <li>Cost automation policies</li>
                    <li>FinOps dashboards</li>
                </ul>
            </div>

<div class="card">
                <h3>D. Multi-Cloud Architecture</h3>
                <ul>
                    <li>AWS, Azure, GCP, Oracle Cloud</li>
                    <li>Workload placement</li>
                    <li>Zero Trust cloud security</li>
                    <li>Enterprise cloud governance</li>
                </ul>
            </div>

</div>
    </section>

<section class="outcomes">
        <div class="container">
            <h2>Outcomes Delivered</h2>

<div class="outcome-grid">
                <div class="outcome-item">30–60% cloud cost savings</div>
                <div class="outcome-item">Standardised cloud governance</div>
                <div class="outcome-item">Improved performance & scalability</div>
                <div class="outcome-item">Faster cloud deployments</div>
                <div class="outcome-item">Reduced vendor lock-in</div>
                <div class="outcome-item">Stronger cloud security posture</div>
            </div>
        </div>
    </section>

<section class="case-study container">
        <h2>Case Study</h2>
        <div class="case-box">
            <h3>BFSI Cloud Modernisation</h3>
            <p><strong>Client:</strong> Large private bank (Asia)</p>
            <p><strong>Problem:</strong> Legacy infra, slow releases, high cost</p>
            <p><strong>Solution:</strong> Hybrid cloud migration · Landing zone architecture · FinOps model · Governance</p>
            <p><strong>Outcome:</strong> 40% cost reduction · 3× faster deployments · Improved resilience</p>
        </div>
    </section>

<section class="cta">
    <h2>Ready to Transform Your Cloud Journey?</h2>

<a href="request-cloud-assessment.html" class="cta-btn">
        Request Cloud Assessment
    </a>

<p class="cta-microcopy">
        Get a clear, CIO-led view of your cloud cost, security, and architecture.
    </p>
</section>

<section class="callback-section">

<div class="callback-top">
        <h2>Need Expert Guidance?</h2>
        <p>Request a callback from our consulting team.</p>
        <a href="#callback-form" class="callback-btn">Request Call Back</a>
    </div>

<div class="callback-form-area" id="callback-form">
        <h3>Request a Call Back</h3>
        <p>Please share your details and we’ll contact you shortly.</p>

<input type="hidden" name="_subject" value="New Callback Request">
            <input type="hidden" name="_captcha" value="false">

<button type="submit">Submit Request</button>
        </form>
    </div>

</section>

</body>
</html>

<footer class="footer">
        <link rel="stylesheet" href="footer.css">

<div class="footer-top">
            <div class="footer-logo">
                <img src="logo.png" alt="Nexora Tech Logo">
                <h2>NEXORA TECH</h2>
            </div>
        </div>

<div class="footer-col">
                <h3>Company</h3>
                <ul>
                    <li><a href="about.html">About Nexora</a></li>
                    <li><a href="#">Leadership</a></li>
                    <li><a href="#">Expert Network</a></li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms & Conditions</a></li>
                </ul>
            </div>

<div class="footer-col">
                <h3>Services</h3>
                <ul>
                    <li><a href="#">Strategy Advisory</a></li>
                    <li><a href="#">Cloud Transformation</a></li>
                    <li><a href="#">Data & AI</a></li>
                    <li><a href="#">Cybersecurity</a></li>
                    <li><a href="#">Compliance</a></li>
                    <li><a href="#">Global Delivery Models</a></li>
                </ul>
            </div>

<div class="footer-col">
                <h3>Industries</h3>
                <ul>
                    <li><a href="#">BFSI</a></li>
                    <li><a href="#">Healthcare</a></li>
                    <li><a href="#">Manufacturing</a></li>
                    <li><a href="#">Retail & E-commerce</a></li>
                    <li><a href="#">Telecom</a></li>
                    <li><a href="#">Logistics</a></li>
                </ul>
            </div>

<div class="footer-col">
                <h3>Connect With Us</h3>
                <div class="footer-social">
                    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                    <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                </div>
            </div>

</div>

</footer>
<script>

/* ======================================================
   MOBILE MENU TOGGLE
====================================================== */
function toggleMenu() {
    const nav = document.querySelector(".nav-links");
    nav.classList.toggle("nav-active");
}

/* ======================================================
   MOBILE DROPDOWN OPEN/CLOSE
====================================================== */
document.querySelectorAll(".dropdown > a").forEach(link => {
    link.addEventListener("click", function(e) {
        if (window.innerWidth < 900) {
            e.preventDefault();
            this.parentElement.classList.toggle("open");
        }
    });
});

/* ======================================================
   DESKTOP HOVER DROPDOWN (STABLE)
====================================================== */
document.querySelectorAll(".dropdown").forEach(drop => {
    let timer;

drop.addEventListener("mouseenter", () => {
        clearTimeout(timer);
        drop.classList.add("hover-active");
    });

drop.addEventListener("mouseleave", () => {
        timer = setTimeout(() => {
            drop.classList.remove("hover-active");
        }, 200);
    });
});

</script>