Embed

<section
  id="agapephic-home"
  style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #0f0f1d, #1c003d); color: #fff; font-family: 'Segoe UI', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 60px; padding: 60px 24px; box-sizing: border-box; overflow: hidden; z-index: 9999;"
>
  
  <style>
    html, body {
      margin: 0 !important;
      padding: 0 !important;
      height: 100% !important;
      width: 100% !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
    }
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    @keyframes floatOrb {
      0% { transform: translate(-50%, -50%) translateY(0); }
      100% { transform: translate(-50%, -50%) translateY(-40px); }
    }

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

    @keyframes pulse {
      0%, 100% { box-shadow: 0 0 20px rgba(177,128,255,0.6); }
      50% { box-shadow: 0 0 40px rgba(177,128,255,0.8); }
    }

    a:hover {
      transform: translateY(-4px);
    }

    a:focus {
      outline: 2px solid #b180ff;
    }
  </style>

  
  <div style="position: absolute; top: 50%; left: 50%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(177,128,255,0.4) 0%, rgba(75,0,130,0) 70%); border-radius: 50%; filter: blur(100px); transform: translate(-50%, -50%); animation: floatOrb 8s ease-in-out infinite alternate; z-index: 0;"></div>

  
  <div style="z-index: 1; max-width: 1400px; width: 100%; padding: 0 24px; text-align: center; animation: fadeInUp 1s ease forwards;">
    <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 24px; backdrop-filter: blur(20px); padding: 48px 32px; box-shadow: 0 16px 48px rgba(177, 128, 255, 0.2);">
      <div style="font-size: 0.9rem; color: #ccc; background: rgba(255,255,255,0.1); padding: 6px 18px; border-radius: 999px; margin-bottom: 20px; display: inline-block; animation: fadeInUp 1.5s ease;">
        Illuminating the path to innovation
      </div>
      <h1 style="font-size: 3.5rem; background: linear-gradient(90deg, #fff, #aaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 16px; animation: fadeInUp 2s ease;">
        Agapephic: Celestial Innovation Unleashed
      </h1>
      <p style="font-size: 1.2rem; color: #e0e0e0; max-width: 800px; margin: 0 auto 32px; animation: fadeInUp 2.5s ease;">
        Empowering global businesses with turnkey BPO & staff offshoring services, and custom software development.
      </p>
      <div style="display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; animation: fadeInUp 3s ease;">
        
        <a href="https://agapephic.com/services" style="padding: 12px 28px; font-size: 1rem; font-weight: 600; border-radius: 999px; background: #b180ff; color: #fff; text-decoration: none; box-shadow: 0 0 20px rgba(177,128,255,0.6); transition: all 0.3s ease; animation: pulse 2s infinite;">Discover Our Services</a>
        <a href="#contact" style="padding: 12px 28px; font-size: 1rem; font-weight: 600; border-radius: 999px; border: 2px solid #b180ff; color: #b180ff; background: transparent; text-decoration: none; transition: all 0.3s ease;">Contact Us</a>
      </div>
    </div>
  </div>

  
  <div id="services" style="z-index: 1; width: 100%; max-width: 1400px; padding: 60px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; animation: fadeInUp 3.5s ease forwards;">
    <div style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 32px; text-align: center; backdrop-filter: blur(20px); box-shadow: 0 8px 24px rgba(177,128,255,0.2); cursor: pointer; transition: all 0.3s ease;">
      <h3 style="font-size: 1.5rem; margin-bottom: 12px; background: linear-gradient(90deg, #fff, #bbb); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Staff Offshoring</h3>
      <p style="color: #ccc;">Build cost-effective, high-performing remote teams with our streamlined BPO solutions.</p>
    </div>
    <div style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 32px; text-align: center; backdrop-filter: blur(20px); box-shadow: 0 8px 24px rgba(177,128,255,0.2); cursor: pointer; transition: all 0.3s ease;">
      <h3 style="font-size: 1.5rem; margin-bottom: 12px; background: linear-gradient(90deg, #fff, #bbb); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Custom Software</h3>
      <p style="color: #ccc;">From SaaS to enterprise systems, we craft scalable, cloud-native software tailored to your vision.</p>
    </div>
    <div style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 32px; text-align: center; backdrop-filter: blur(20px); box-shadow: 0 8px 24px rgba(177,128,255,0.2); cursor: pointer; transition: all 0.3s ease;">
      <h3 style="font-size: 1.5rem; margin-bottom: 12px; background: linear-gradient(90deg, #fff, #bbb); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Strategic Consulting</h3>
      <p style="color: #ccc;">Guiding your business with strategic insights on operations, tech adoption, and offshore scalability.</p>
    </div>
  </div>
</section>

Agapephic

At Agapephic, we illuminate pathways to innovation and success. Rooted in trust, guided by divine inspiration, and driven by cutting-edge technology, we are a unified powerhouse offering exceptional software solutions and comprehensive outsourcing services.

Our Software Division specialises in developing high-performance, tailored software that empowers businesses to thrive in a digital-first world. From crafting innovative tools to delivering customised software solutions for unique needs, we strive to turn ideas into transformative realities.

Our Global Nexus Division brings unparalleled expertise in staff offshoring, outsourcing, and BPO services. We connect businesses with a world of resources, helping them unlock their full potential. Beyond providing services, we assist clients in building their own outsourcing frameworks, offering end-to-end support for long-term growth.

Agapephic is more than a business—it’s a commitment to excellence, a beacon of trust, and a partner in progress. With a focus on adaptability, we are poised to expand and diversify across industries, embodying our mission to elevate lives and businesses alike.