Embed

<section
  id="agapephic-contact"
  style="position:relative;box-sizing:border-box;width:100vw;min-height:100vh;margin:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;padding:200px 0;background:linear-gradient(135deg,#0f0c29,#302b63,#1e1b45);color:#fff;font-family:'Segoe UI',sans-serif;"
>
  <style>
    /* Reset */
    html, body, #agapephic-contact { margin:0!important; padding:0!important; width:100%!important; overflow-x:hidden!important; background:#000!important; }
    *, *::before, *::after { box-sizing:border-box!important; }

    /* Smooth Scrolling */
    html { scroll-behavior: smooth; }

    /* Loading flash */
    #agapephic-contact.loading::after {
      content:"";position:absolute;top:0;left:0;width:100%;height:100%;
      background:radial-gradient(circle,#f0f,#00f 70%);
      animation:flash 1s ease-out forwards; z-index:10;
    }
    @keyframes flash {0%{opacity:1;}100%{opacity:0;}}

    /* Warp grid */
    #warp-lines {
      position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;
      background:
        linear-gradient(transparent 50%,rgba(111,146,255,0.2)51%),
        linear-gradient(90deg,transparent 50%,rgba(194,133,255,0.2)51%);
      background-size:10px 10px;
      animation:warp 60s linear infinite; z-index:1;
    }
    @keyframes warp{to{background-position:-1000px -1000px,-1000px -1000px;}}

    /* Starfield */
    #starfield {
      position:absolute;top:0;left:0;width:200%;height:200%;pointer-events:none;
      background:radial-gradient(#fff 1px,transparent 1px);
      background-size:3px 3px;
      animation:starMove 120s linear infinite;opacity:0.06;z-index:0;
      transform:translate(-50%,-50%);
    }
    @keyframes starMove{to{transform:translate(-55%,-55%) scale(1);} }

    /* Shooting stars */
    .shooting-star {
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 100px;
      background: linear-gradient(0deg, rgba(255,255,255,0), #fff);
      animation: shootingStar 10s linear infinite;
      z-index: 2;
    }
    @keyframes shootingStar {
      0% { transform: translate(-50%, -50%) rotate(45deg); opacity: 1; }
      100% { transform: translate(100vw, 100vh) rotate(45deg); opacity: 0; }
    }

    /* Header */
    .contact-header {
      position:relative;z-index:2;text-align:center;padding:0 24px 60px;
    }
    .contact-header h1 {
      font-size:3rem;line-height:1.2;
      background:linear-gradient(90deg,#6f92ff,#c285ff,#ff66cc);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      animation:flickerText 3s infinite alternate;
    }
    .contact-header p {
      color:#ddd;font-size:1.1rem;max-width:700px;margin:16px auto 0;line-height:1.5;
    }
    @keyframes flickerText {
      0%,100%{opacity:1;text-shadow:0 0 16px#6f92ff44,0 0 32px#c285ff44;}
      50%{opacity:0.8;text-shadow:0 0 8px#ff66cc33,0 0 16px#6f92ff33;}
    }

    /* Booking wrapper */
    .ms-booking-inner {
      position:relative;z-index:2;
      max-width:960px;margin:80px auto 120px;
      background: rgba(30,15,60,0.7);
      backdrop-filter:blur(30px);
      padding:50px;border-radius:16px;
      box-shadow:0 8px 40px rgba(0,0,0,0.3);
      border:1px solid rgba(194,133,255,0.3);
    }
    .ms-booking-inner h2 {
      font-family:'Poppins',sans-serif;font-size:2.8rem;
      background:linear-gradient(90deg,#91caff,#ff66cc);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      margin-bottom:24px;
    }
    .ms-booking-inner p {
      font-family:'Poppins',sans-serif;font-size:1.2rem;color:#eee;margin-bottom:40px;
    }
    .ms-booking-inner iframe {
      width:100%;height:850px;border:1px solid rgba(111,146,255,0.4);
      border-radius:12px;box-shadow:0 6px 30px rgba(0,0,0,0.2);
    }
    .ms-booking-inner iframe:hover {
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 0 0 40px rgba(111, 146, 255, 0.5);
    }
    @media(max-width:768px){
      .ms-booking-inner{padding:30px;margin:40px auto 80px;}
      .ms-booking-inner h2{font-size:2.2rem;}
      .ms-booking-inner iframe{height:500px;}
    }

    /* AI Bot Placeholder */
    #ai-bot {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      background: radial-gradient(circle, #6f92ff, #c285ff);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 0 20px rgba(111, 146, 255, 0.5);
      animation: pulse 2s infinite;
    }
    #ai-bot:hover {
      box-shadow: 0 0 40px rgba(255, 255, 255, 0.7), 0 0 60px rgba(111, 146, 255, 0.5);
    }
    #ai-bot img {
      width: 40px;
      height: 40px;
    }
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.1); }
    }
  </style>

  
  <div id="warp-lines"></div>
  <div id="starfield"></div>
  <div class="shooting-star"></div>

  
  <div class="contact-header">
    <h1 id="greeting">Connect with the Cosmos</h1>
    <p>Schedule a session with our visionary team via Microsoft Bookings — let’s chart your path to interstellar innovation.</p>
  </div>

  
  <div class="ms-booking-inner">
    <h2>Book a Free Consultation</h2>
    <p>Select a convenient time and let's explore how AgapePhic can help you elevate your business.</p>
    <iframe
      src="https://outlook.office.com/owa/calendar/AgapePhicConsultations@agapephic.com/bookings/"
      frameborder="0" scrolling="yes"
    ></iframe>
  </div>

  
  <div id="ai-bot" onclick="alert('This is a placeholder for the AI bot. Integrate with ChatGPT or another AI service!');">
    <img src="https://cdn-icons-png.flaticon.com/512/1041/1041916.png" alt="AI Bot">
  </div>

  
  <script>
    const sect = document.getElementById('agapephic-contact');
    sect.classList.add('loading');
    window.addEventListener('load', () => {
      setTimeout(()=>sect.classList.remove('loading'),1000);

      // Greeting based on time of day
      const greetingElem = document.getElementById('greeting');
      const hour = new Date().getHours();
      if (hour < 12) {
        greetingElem.innerText = "Good Morning, Explorer!";
      } else if (hour < 18) {
        greetingElem.innerText = "Good Afternoon, Visionary!";
      } else {
        greetingElem.innerText = "Good Evening, Stargazer!";
      }

      // Overflow debug
      document.querySelectorAll('*').forEach(el=>{
        if(el.scrollWidth>window.innerWidth){
          console.warn('Overflow:',el);
          el.style.outline='2px solid red';
        }
      });
    });
  </script>
</section>

Banner

Contact

Solution. Businessman pressing on touch screen interface inscription Solutions. Business concept. Internet concept

Location

Contact form

<h3>Contact Us for Your Needs</h3> <p>Reach out to Agapephic in Colombo, Sri Lanka, for expert software solutions and outsourcing services.</p>

name

email

message

Call to action

Partner with Agapephic to streamline your processes, reduce costs, and enhance efficiency with our innovative software solutions and reliable outsourcing services.

Elevate Your Business Operations

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.