CINXE.COM
Blockchain Development & Consultancy Company - Dubai | Blockchain Central
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/x-icon" href="./assets/images/bc-icon.svg" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" /> <link rel="stylesheet" href="./assets/css/style.css" /> <!-- Firebase App (the core Firebase SDK) --> <script src="https://www.gstatic.com/firebasejs/9.20.0/firebase-app-compat.js"></script> <!-- Firebase Firestore --> <script src="https://www.gstatic.com/firebasejs/9.20.0/firebase-firestore-compat.js"></script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date(); (function () { var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0]; s1.async = true; s1.src = 'https://embed.tawk.to/674803d34304e3196ae9afab/1idoktt8o'; s1.charset = 'UTF-8'; s1.setAttribute('crossorigin', '*'); s0.parentNode.insertBefore(s1, s0); })(); </script> <!--End of Tawk.to Script--> <title> Blockchain Development & Consultancy Company - Dubai | Blockchain Central </title> <meta name="description" content="Transform your business with blockchain and AI. With our MENA experts, we expand business capabilities and help you grow in the UAE and beyond." /> <style> /* whatsapp */ .whatsapp-btn { position: fixed; bottom: 90px; /* Distance from the bottom */ right: 25px; /* Distance from the right */ background-color: #25D366; /* WhatsApp green */ color: white; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; text-decoration: none; /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); */ font-size: 30px; z-index: 1000; /* Make sure it appears on top */ } main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a { text-decoration: none; color: #fff; background-color: #2f44ff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px 20px; border-radius: 4px; -webkit-transition: all .4s; transition: all .4s; font-family: "TwkLausanne-600"; font-size: 14px; cursor: pointer; } /* Hover effect for the button */ .whatsapp-btn:hover { background-color: #6371f0; } /* whatsapp */ header nav .logo-wrapper img { max-width: 200px !important; width: 100%; } header nav ul.menu li:last-child { display: block; } @media (max-width: 750px) { header nav.container { display: flex; align-items: center; justify-content: space-between; position: relative; } header nav .logo-wrapper img { /* max-width: 156px !important; */ width: 150%; margin-left: -95px; } main .hero__wrapper div.cont { padding: 18px; } main .hero__wrapper { background-image: none; background-position: center; background-size: cover; align-items: left; text-align: left; } main .hero__wrapper div.cont .text-cont h1 { font-size: 40px; line-height: 3.7rem; text-align: left; font-weight: 600; } main .hero__wrapper div.cont .text-cont ul { justify-content: left; } main .hero__wrapper div.cont .text-cont .rates { align-items: left !important; justify-content: left; } main .hero__wrapper div.cont .text-cont .categ, .hero .rates { margin-top: 1.5rem; text-align: left; padding-left: 10px; margin-left: 0; } } .contact-form.active .outer-cont .inner-cont form#contactForm button { color: #fff; text-align: center; font-family: Inter; font-size: 17px; font-weight: 500; padding: 14px; background-color: #2f44ff; outline: none; border-radius: 12px; border: none; cursor: pointer; } </style> </head> <body> <a href="https://wa.me/+971586729255" target="_blank" class="whatsapp-btn"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="30" height="30" color="#ffffff" fill="none"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.3789 2.27907 14.6926 2.78382 15.8877C3.06278 16.5481 3.20226 16.8784 3.21953 17.128C3.2368 17.3776 3.16334 17.6521 3.01642 18.2012L2 22L5.79877 20.9836C6.34788 20.8367 6.62244 20.7632 6.87202 20.7805C7.12161 20.7977 7.45185 20.9372 8.11235 21.2162C9.30745 21.7209 10.6211 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" /> <path d="M8.58815 12.3773L9.45909 11.2956C9.82616 10.8397 10.2799 10.4153 10.3155 9.80826C10.3244 9.65494 10.2166 8.96657 10.0008 7.58986C9.91601 7.04881 9.41086 7 8.97332 7C8.40314 7 8.11805 7 7.83495 7.12931C7.47714 7.29275 7.10979 7.75231 7.02917 8.13733C6.96539 8.44196 7.01279 8.65187 7.10759 9.07169C7.51023 10.8548 8.45481 12.6158 9.91948 14.0805C11.3842 15.5452 13.1452 16.4898 14.9283 16.8924C15.3481 16.9872 15.558 17.0346 15.8627 16.9708C16.2477 16.8902 16.7072 16.5229 16.8707 16.165C17 15.8819 17 15.5969 17 15.0267C17 14.5891 16.9512 14.084 16.4101 13.9992C15.0334 13.7834 14.3451 13.6756 14.1917 13.6845C13.5847 13.7201 13.1603 14.1738 12.7044 14.5409L11.6227 15.4118" stroke="currentColor" stroke-width="1.5" /> </svg> </a> <header> <nav class="container"> <a href="javascript:void(0)" class="logo-wrapper"> <img src="./assets/images/logo.svg" alt="BlockchainCentral Logo" /> </a> <div class="menu-mobile-wrapper"> <button class="mobile-menu"> <img src="./assets/images/menu.svg" alt="" /> </button> </div> <ul class="menu"> <button class="overlay-close">close</button> <li class="active"><a href="#home">Home</a></li> <li><a href="#about-us">About Us</a></li> <li><a href="#services">Services</a></li> <li><a href="#values">Value</a></li> <li><a href="#mission">Our Work</a></li> <li><a href="/blog">Blog</a></li> <!-- <li><a onclick="toggleContact()">Contact Us</a></li> --> </ul> <ul class="contact"> <li><a></a></li> <li> <a onclick="toggleContact()" class="btn cta-button">Contact Us</a> </li> </ul> </nav> </header> <main id="home"> <section class="hero" data-aos="fade-in" data-aos-easing="ease"> <div class="hero__wrapper"> <div class="cont container"> <div class="text-cont" data-aos="fade-right" data-aos-easing="ease" data-aos-delay="200" data-aos-duration="1500"> <div class="categ"> <div class="circle"></div> Blockchain Central </div> <h1> Empower Your Business<span class="icon"></span> with MENA鈥檚 Blockchain <span class="amazing">Experts</span> </h1> <ul> <li><a onclick="toggleContact()">Get Started</a></li> <li><a href="main-services">Browse Services</a></li> </ul> <div class="rates"> <div class="stars"> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star star-empty"></span> </div> <p>VARA Licensing Support</p> </div> </div> </div> </div> </section> <section class="about padding-top-section" id="about-us"> <div class="container about__wrapper"> <div class="about__wrapper--compatibility" data-aos="fade-up-right" data-aos-duration="1200"> <div class="about-heading"> <span>COMPATIBLE</span> <h2>Blockchain integration for any organization</h2> </div> <img class="compatibility_img" src="./assets/images/bc-spinner.svg" alt="" /> <a> <img src="./assets/images/compatibility-plus.svg" alt="" /> </a> </div> <div class="about__wrapper--elevate" data-aos="fade-up-left" data-aos-duration="1200"> <div class="about-heading"> <span>PERSONALIZED</span> <h2>Customized crypto solutions聽</h2> <img src="./assets/images/explore-now.png" class="explore-now" alt="" /> </div> <img src="./assets/images/bc-float.svg" class="bcentral-float" alt="" /> <ul> <li> <img src="./assets/images/personalize-icon.svg" alt="" />Personalized Consulting </li> <li> <img src="./assets/images/expert-icon.svg" alt="" />Expert Training </li> </ul> </div> </div> </section> <section class="services padding-top-section" id="services"> <div class="container services__wrapper"> <ul class="services__wrapper--category" data-aos="flip-up" data-aos-duration="1200"> <li><span></span>Private</li> <li><span></span>Corporate</li> </ul> <h2 data-aos="fade-up" data-aos-duration="1000"> Blockchain Services to Modernize Your Business </h2> <ul class="services__wrapper--services"> <li data-aos="flip-up" data-aos-duration="1200"> <div class="img-cont" style="background-color: rgba(66, 71, 138, 0.15)"> <a href="https://www.blockchaincentral.ae/blockchain-development"> <img src="./assets/images/services/consultancy-development.svg" alt="" /> </div> Blockchain Development </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <div class="img-cont" style="background-color: rgba(113, 50, 132, 0.15)"> <a href="https://www.blockchaincentral.ae/token-development"> <img src="./assets/images/services/individual-focused-training.svg" alt="" /> </div> Token Development </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <div class="img-cont" style="background-color: rgba(139, 60, 84, 0.15)"> <a href="https://www.blockchaincentral.ae/blockchain-consultation"> <img src="./assets/images/services/Custom-AI-educational-program.svg" alt="" /> </div> Blockchain Consultation </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <div class="img-cont" style="background-color: rgba(113, 50, 132, 0.15)"> <a href="https://www.blockchaincentral.ae/ai-consultation"> <img src="./assets/images/services/Individual-legal-advice.svg" alt="" /> </div> AI Consultation </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <div class="img-cont" style="background-color: rgba(50, 121, 98, 0.15)"> <a href="https://www.blockchaincentral.ae/regulatory-consultation"> <img src="./assets/images/services/Blockchain-Career-coaching.svg" alt="" /> </div> Regulatory Advisory </a> </li> </ul> </div> <div class="text-blockchain padding-top-section"> <h2 data-aos="zoom-in" data-aos-duration="1200"> <span class="reveal-type" data-bg-color="#D2D2D2" data-fg-color="black"> Our services are designed to transform your business with <span class="colored">Web3</span> <span class="icon"></span>. From blockchain development to consultation and compliance, we help you grow and unlock new opportunities across different markets. </span> </h2> </div> </section> <section class="value padding-top-section" id="values" data-aos="fade-up" data-aos-duration="1200"> <div class="value__wrapper"> <div class="container value__wrapper--container"> <h2>Why Work with Blockchain Central?</h2> <div class="map"> <div class="text-cont"> <img src="./assets/images/bc-icon.svg" alt="" /> <p>24/7 GLOBAL CONSULTANCY</p> <span>Our team of Web3 developers and consultants is available to collaborate with you across any timezone. </span> </div> <span class="abs float-1"></span> <span class="abs float-2"></span> <span class="abs float-3"></span> <span class="abs float-4"></span> <span class="abs float-5"></span> <span class="abs float-6"></span> </div> <div class="development"> <div class="cont-1"> <div class="one-zero"> <img src="./assets/images/code-folder.svg" alt="" /> <img src="./assets/images/cloud.svg" alt="" /> <p>IT DEVELOPMENT & CONSULTANCY</p> </div> <span> From product development to crypto compliance, we advance your blockchain capabilities in local markets. </span> </div> <div class="cont-2"> <img src="./assets/images/solar.svg" alt="" /> <p>TEAM TRAINING</p> <span>Skip the hassle of in-house training and let our senior professionals help extend your team's capabilities. </span> </div> </div> <ul class="category"> <li>Tailored Solution</li> </ul> <h3 class="reveal-type" data-bg-color="black" data-fg-color="white"> We work to expand your capabilities and transform your business with blockchain and AI technologies. </h3> </div> </div> </section> <!-- <section class="partners padding-section"> <div class="container"> <ul> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-1.svg" alt="" /> </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-2.svg" alt="" /> </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-3.svg" alt="" /> </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-2.svg" alt="" /> </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-3.svg" alt="" /> </a> </li> <li data-aos="flip-up" data-aos-duration="1200"> <a href="javascript:void(0)"> <img src="./assets/images/partners/partner-1.svg" alt="" /> </a> </li> </ul> </div> </section> --> <section class="blockchain-solutions padding-section" id="mission"> <div class="blockchain-solutions__wrapper"> <span data-aos="flip-right"> <a href="https://devmata.tech" target="_blank" style="text-decoration: none; color: black;"> Crypto Development </a> </span> <h2 data-aos="zoom-in" data-aos-duration="1200"> Blockchain & Crypto Development </h2> <p data-aos="slide-up" data-aos-duration="1200"> We build it, you own it. From wallets to exchanges, our team can bring your vision to life. </p> <!-- Slider main container --> <div class="swiper swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" style=" background-image: url('./assets/images/slides/slide-1.png'); "> <div class="cont-item" style="background: rgba(235, 241, 255, 0.6)"> <h3 style="color: #000">Centralized Exchange</h3> <!-- <a href="javascript:void(0)" class="btn"> View Demo </a> --> </div> </div> <div class="swiper-slide" style=" background-image: url('./assets/images/slides/slide-2.png'); "> <div class="cont-item"> <h3>Decentralized Apps</h3> <!-- <a href="javascript:void(0)" class="btn"> View Demo </a> --> </div> </div> <div class="swiper-slide" style=" background-image: url('./assets/images/slides/slide-3.png'); "> <div class="cont-item"> <h3>Custodial Wallet</h3> <!-- <a href="javascript:void(0)" class="btn"> View Demo </a> --> </div> </div> </div> <!-- If we need navigation buttons --> <!-- <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> <!-- end swiper --> </div> </section> <!-- <section class="vision-mission"></section> --> <section class="get-quote padding-section"> <div class="container get-quote__wrapper"> <h3>Let鈥檚 Connect!</h3> <p> Connect with our expert team to discuss how we can help support your business. </p> <a class="btn" onclick="toggleContact()">TALK TO AN EXPERT</a> </div> </section> </main> <footer class="footer padding-section"> <div class="container footer__wrapper"> <div> <img src="./assets/images/logo-light.svg" alt="" /> <h4>Industry insights. In your inbox.</h4> <form action=""> <input type="text" placeholder="Your email address" /> <a href="/cdn-cgi/l/email-protection#a4ccc1c8c8cbe4c6c8cbc7cfc7ccc5cdcac7c1cad0d6c5c88ac7cbc99bd7d1c6cec1c7d099e6c8cbc7cfc7ccc5cdcae7c1cad0d6c5c884d884e3c1cac1d6c5c884edcad5d1cdd6dd" type="submit"> <img src="./assets/images/send.svg" alt="" /> </a> </form> <ul> <li> <a href="https://www.linkedin.com/company/blkchaincentral/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" color="#ffffff" fill="none"> <path d="M4.5 9.5H4C3.05719 9.5 2.58579 9.5 2.29289 9.79289C2 10.0858 2 10.5572 2 11.5V20C2 20.9428 2 21.4142 2.29289 21.7071C2.58579 22 3.05719 22 4 22H4.5C5.44281 22 5.91421 22 6.20711 21.7071C6.5 21.4142 6.5 20.9428 6.5 20V11.5C6.5 10.5572 6.5 10.0858 6.20711 9.79289C5.91421 9.5 5.44281 9.5 4.5 9.5Z" stroke="currentColor" stroke-width="1.5" /> <path d="M6.5 4.25C6.5 5.49264 5.49264 6.5 4.25 6.5C3.00736 6.5 2 5.49264 2 4.25C2 3.00736 3.00736 2 4.25 2C5.49264 2 6.5 3.00736 6.5 4.25Z" stroke="currentColor" stroke-width="1.5" /> <path d="M12.326 9.5H11.5C10.5572 9.5 10.0858 9.5 9.79289 9.79289C9.5 10.0858 9.5 10.5572 9.5 11.5V20C9.5 20.9428 9.5 21.4142 9.79289 21.7071C10.0858 22 10.5572 22 11.5 22H12C12.9428 22 13.4142 22 13.7071 21.7071C14 21.4142 14 20.9428 14 20L14.0001 16.5001C14.0001 14.8433 14.5281 13.5001 16.0879 13.5001C16.8677 13.5001 17.5 14.1717 17.5 15.0001V19.5001C17.5 20.4429 17.5 20.9143 17.7929 21.2072C18.0857 21.5001 18.5572 21.5001 19.5 21.5001H19.9987C20.9413 21.5001 21.4126 21.5001 21.7055 21.2073C21.9984 20.9145 21.9985 20.4432 21.9987 19.5006L22.0001 14.0002C22.0001 11.515 19.6364 9.50024 17.2968 9.50024C15.9649 9.50024 14.7767 10.1531 14.0001 11.174C14 10.5439 14 10.2289 13.8632 9.995C13.7765 9.84686 13.6531 9.72353 13.505 9.63687C13.2711 9.5 12.9561 9.5 12.326 9.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" /> </svg> </a> </li> <li> <a href="https://x.com/BlkchainCentral"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" color="#ffffff" fill="none"> <path d="M3 21L10.5484 13.4516M21 3L13.4516 10.5484M13.4516 10.5484L8 3H3L10.5484 13.4516M13.4516 10.5484L21 21H16L10.5484 13.4516" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </li> <li> <a href="https://www.instagram.com/blkchaincentral/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#ffffff" fill="none"> <path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" /> <path d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z" stroke="currentColor" stroke-width="1.5" /> <path d="M17.5078 6.5L17.4988 6.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </li> <li> <a href="https://www.youtube.com/@blkchaincentral"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#ffffff" fill="none"> <path d="M12 20.5C13.8097 20.5 15.5451 20.3212 17.1534 19.9934C19.1623 19.5839 20.1668 19.3791 21.0834 18.2006C22 17.0221 22 15.6693 22 12.9635V11.0365C22 8.33073 22 6.97787 21.0834 5.79937C20.1668 4.62088 19.1623 4.41613 17.1534 4.00662C15.5451 3.67877 13.8097 3.5 12 3.5C10.1903 3.5 8.45489 3.67877 6.84656 4.00662C4.83766 4.41613 3.83321 4.62088 2.9166 5.79937C2 6.97787 2 8.33073 2 11.0365V12.9635C2 15.6693 2 17.0221 2.9166 18.2006C3.83321 19.3791 4.83766 19.5839 6.84656 19.9934C8.45489 20.3212 10.1903 20.5 12 20.5Z" stroke="currentColor" stroke-width="1.5" /> <path d="M15.9621 12.3129C15.8137 12.9187 15.0241 13.3538 13.4449 14.2241C11.7272 15.1705 10.8684 15.6438 10.1728 15.4615C9.9372 15.3997 9.7202 15.2911 9.53799 15.1438C9 14.7089 9 13.8059 9 12C9 10.1941 9 9.29112 9.53799 8.85618C9.7202 8.70886 9.9372 8.60029 10.1728 8.53854C10.8684 8.35621 11.7272 8.82945 13.4449 9.77593C15.0241 10.6462 15.8137 11.0813 15.9621 11.6871C16.0126 11.8933 16.0126 12.1067 15.9621 12.3129Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" /> </svg> </a> </li> </ul> </div> <div> <h4>Company</h4> <ul> <li><a href="#home">Home</a></li> <li><a href="#about-us">About Us</a></li> <!-- <li><a onclick="toggleContact()">Contact us</a></li> --> <li><a href="#services">Services</a></li> <li><a href="#values">Value Proposition</a></li> <li><a href="#mission">Our Work</a></li> </ul> </div> <div> <h4>Services</h4> <ul> <li> <a href="blockchain-development">Blockchain Development</a> </li> <li><a href="token-development">Token Development</a></li> <li> <a href="blockchain-consultation">Blockchain Consultation</a> </li> <li><a href="ai-consultation">AI Consultation</a></li> <li> <a href="regulatory-consultation">Regulatory Advisory</a> </li> </ul> </div> <div> <h4>Address</h4> <ul> <li>Licence Number: DMCC-949462</li> <li>Unit No: BA2618</li> <li>DMCC Business Centre</li> <li>Level No 1 Jewellery & Gemplex 3</li> <li>Dubai, United Arab Emirates</li> </ul> </div> </div> <div class="copyright"> <p>Copyright © 2024 Blockchain Central All rights reserved.</p> </div> </footer> <div class="contact-form"> <div class="outer-cont"> <div class="inner-cont"> <h3>Contact Us</h3> <p>Curious about Blockchain Central? We鈥檙e here to help.</p> <!-- Form with POST method and no action to use JavaScript for submission --> <form id="contactForm" method="post"> <div class="group-cont"> <div class="sec"> <label for="name">Name *</label> <input type="text" id="name" name="name" required placeholder="ex: Livia Siphron" /> </div> <div class="sec"> <label for="company">Company *</label> <input type="text" id="company" name="company" placeholder="ex: BlockchainCentral" required /> </div> </div> <div class="group-cont"> <div class="sec"> <label for="phone">Phone *</label> <input type="text" id="phone" name="phone" required placeholder="ex: +971 000 000" /> </div> <div class="sec"> <label for="email">Email *</label> <input type="email" id="email" name="email" placeholder="ex: john@email.com" required /> </div> </div> <div class="sec"> <label for="topic">Services *</label> <select id="topic" name="topic" required> <option value="General Inquiry">General Inquiry</option> <option value="Partnership">Partnership</option> <option value="Blockchain Development"> Blockchain Development </option> <option value="Token Development">Token Development</option> <option value="Blockchain Consultation"> Blockchain Consultation </option> <option value="AI Consultation">AI Consultation</option> <option value="Regulatory Advisory">Regulatory Advisory</option> </select> </div> <div class="sec"> <label for="message">Message *</label> <textarea name="message" id="message" cols="30" rows="10" required placeholder="Write your message or inquiry"></textarea> </div> <button type="submit">Submit</button> </form> <div id="messageArea"></div> </div> <img src="./assets/images/close-black.svg" alt="" class="close" onclick="closeForm()" /> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script> <script src="https://unpkg.com/split-type"></script> <script src="./assets/js/script.js"></script> <script src="./assets/js/contact-form.js?ver=1.2"></script> <script> AOS.init({ disable: "mobile" }); </script> <script> gsap.registerPlugin(ScrollTrigger); const splitTypes = document.querySelectorAll(".reveal-type"); splitTypes.forEach((char, i) => { const bg = char.dataset.bgColor; const fg = char.dataset.fgColor; const text = new SplitType(char, { types: "chars, words" }); gsap.fromTo( text.chars, { color: bg, }, { color: fg, duration: 1, stagger: 0.02, scrollTrigger: { trigger: char, start: "top 90%", end: "top 30%", scrub: true, markers: false, toggleActions: "play play reverse reverse", }, } ); }); </script> <script> var swiper = new Swiper(".swiper-container", { spaceBetween: 30, slidesPerView: 1, centeredSlides: true, roundLengths: true, loop: true, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, autoplay: { delay: 5000, disableOnInteraction: false, }, breakpoints: { 750: { slidesPerView: 1.2, }, 1024: { slidesPerView: 1.3, }, 1200: { slidesPerView: 1.7, }, 1441: { slidesPerView: 1.9, }, }, }); </script> <script> document .getElementById("contactForm") .addEventListener("submit", async function (event) { event.preventDefault(); // Collect form data const name = document.getElementById("name").value; const company = document.getElementById("company").value; const phone = document.getElementById("phone").value; const email = document.getElementById("email").value; const topic = document.getElementById("topic").value; const message = document.getElementById("message").value; try { const response = await fetch("/api/firebase", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ name, company, phone, email, topic, message, }), }); const result = await response.json(); if (result.success) { document.getElementById("messageArea").innerHTML = "<p>Thank you for your message. We will get back to you shortly.</p>"; document.getElementById("contactForm").reset(); } else { throw new Error(result.message); } } catch (error) { document.getElementById("messageArea").innerHTML = "<p>Error submitting form: " + error.message + "</p>"; } }); </script> </body> </html>