Help
RSS
API
Feed
Maltego
Contact
Domain > friontech.net
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-04-26
18.239.199.97
(
ClassC
)
2026-01-08
216.144.235.142
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: nginx/1.18.0 (Ubuntu)Date: Thu, 08 Jan 2026 23:11:26 GMTContent-Type: text/htmlContent-Length: 178Connection: keep-aliveLocation: https://friontech.net/ html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>nginx/1.18.0 (Ubuntu)/center>/body>/html>
Port 443
HTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Content-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveCache-Control: no-cache, privateDate: Thu, 08 Jan 2026 23:11:26 GMTSet-Cookie: XSRF-TOKENeyJpdiI6Ii9IRU8wVVFYaE5oSHFQcHRUYjB2bFE9PSIsInZhbHVlIjoiUUt6cTg5SXhwWjlacnZjL1Y5ckZreDBNRkVZTEV3RTFaM0xlU3BCMSt4SjdVYnUrTURRMkROU2JsRVpEdFIreWRCeldKVUJxc0tSV3hjMUJLYmxzdElWUnh2eUM3byt1ZFVZamE3MmdJWkhhd0hUbUoxQ0tMR2dTYU9lcXZJQksiLCJtYWMiOiI2NDU3YmM2YjFiMzA3MTFiMjU4NmFhYmE5Njk1Y2Q1OWNhYzg4OWQ2ZDZhMDM2OTUzYjM1YWE0Y2M4ZWQxMzUwIiwidGFnIjoiIn0%3D; expiresFri, 09 Jan 2026 01:11:26 GMT; Max-Age7200; path/; secure; samesitelaxSet-Cookie: friontech_sessioneyJpdiI6ImVhU29LdmYxYVBXUkdJQUExVytmNmc9PSIsInZhbHVlIjoiQnpJZklsWnhVOEFGUEpXZHZJMU5ZNmJZZ2oyUnlISUVnZGt3cTZxUGFKZTNHMjY1T2RxaGpCclNneG5heGdBR2h4R1hZRWRVVFRMbUtmajVvRDJpU0JNL0pET2NMZ3kyMkp1RHc2VUVIc25Tb2V1RWY0Y2s2VHVXRDRONk0zOGciLCJtYWMiOiJhZTg1NjlhNzhiODc3NjVhMjU0MDhlOWY1YzA1ZjU0MGZiNTgzOTcyZDg2MjhhNWI5NTc4NWEzZmNkMjdiMDQ2IiwidGFnIjoiIn0%3D; expiresFri, 09 Jan 2026 01:11:26 GMT; Max-Age7200; path/; secure; httponly; samesitelax !DOCTYPE html>html langen classscroll-smooth>head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> meta namecsrf-token content817fmrbYpSxI5NKRUCAxLHszECxFTJg7tzccYUGn> meta namedescription contentProfessional technology solutions including hosting, cloud infrastructure, and IT consulting. Built by engineers, for businesses that demand excellence.> title>FRIONTECH - Professional Technology Solutions/title> !-- Preload critical fonts --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600;700&familyJetBrains+Mono:wght@400;500&displayswap relstylesheet> !-- Tailwind CSS --> link relpreload asstyle hrefhttps://friontech.net/build/assets/app-CM7Vgdgn.css />link relmodulepreload asscript hrefhttps://friontech.net/build/assets/app-Cp9ICSdJ.js />link relstylesheet hrefhttps://friontech.net/build/assets/app-CM7Vgdgn.css />script typemodule srchttps://friontech.net/build/assets/app-Cp9ICSdJ.js>/script> !-- Simple Icons for tech stack --> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/simple-icons@v9/icons/laravel.svg> /head>body classbg-neutral-950 text-neutral-100 font-inter antialiased> nav classfixed top-0 w-full z-50 bg-neutral-950/80 backdrop-blur-md border-b border-neutral-800 x-data{ open: false }> div classmax-w-7xl mx-auto px-6 lg:px-8> div classflex items-center justify-between h-16> !-- Logo --> div classflex-shrink-0> a hrefhttps://friontech.net classtext-xl font-bold text-white> FRIONTECH /a> /div> !-- Desktop Navigation --> div classhidden md:block> div classml-10 flex items-baseline space-x-8> a href#home classtext-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Home/a> a href#about classtext-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>About/a> a href#services classtext-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Services/a> a href#pricing classtext-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Pricing/a> a href#contact classtext-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Contact/a> /div> /div> !-- CTA Button --> div classhidden md:block> a href#contact classbg-white text-neutral-950 px-4 py-2 text-sm font-medium hover:bg-neutral-100 transition-colors duration-200> Reach Out? /a> /div> !-- Mobile menu button --> div classmd:hidden> button @clickopen !open classtext-neutral-300 hover:text-white> svg classh-6 w-6 fillnone viewBox0 0 24 24 strokecurrentColor> path x-show!open stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16 /> path x-showopen stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12 /> /svg> /button> /div> /div> /div> !-- Mobile menu --> div x-showopen x-transition classmd:hidden bg-neutral-950 border-t border-neutral-800> div classpx-6 pt-4 pb-6 space-y-4> a href#home @clickopen false classblock text-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Home/a> a href#about @clickopen false classblock text-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>About/a> a href#services @clickopen false classblock text-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Services/a> a href#pricing @clickopen false classblock text-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Pricing/a> a href#contact @clickopen false classblock text-neutral-300 hover:text-white transition-colors duration-200 text-sm font-medium>Contact/a> a href#contact @clickopen false classblock bg-white text-neutral-950 px-4 py-2 text-sm font-medium hover:bg-neutral-100 transition-colors duration-200 text-center mt-4> Reach Out? /a> /div> /div>/nav> main> div idhome> section classrelative pt-32 pb-24 lg:pb-32 overflow-hidden> !-- Animated Background --> div classabsolute inset-0 gradient-mesh pattern-dots>/div> div classabsolute inset-0 gradient-radial>/div> !-- Floating Particles --> div classabsolute top-20 left-10 w-2 h-2 bg-blue-500/30 rounded-full animate-pulse-slow>/div> div classabsolute top-40 right-20 w-3 h-3 bg-purple-500/20 rounded-full animate-pulse-slow styleanimation-delay: 1s;>/div> div classabsolute bottom-32 left-1/4 w-2 h-2 bg-pink-500/20 rounded-full animate-pulse-slow styleanimation-delay: 2s;>/div> div classabsolute top-1/3 right-1/3 w-1 h-1 bg-green-500/30 rounded-full animate-pulse-slow styleanimation-delay: 1.5s;>/div> div classmax-w-7xl mx-auto px-6 lg:px-8 relative z-10> div classmax-w-4xl mx-auto text-center> !-- Main Headline --> h1 classtext-4xl md:text-6xl lg:text-7xl font-bold text-white leading-tight mb-8 animate-fade-in-up> Innovative Solutions span classblock mt-2 text-neutral-400> For Your Technological Success /span> /h1> !-- Mission Statement --> p classtext-xl md:text-2xl text-neutral-300 mb-12 max-w-3xl mx-auto leading-relaxed animate-fade-in-up styleanimation-delay: 0.2s;> We provide comprehensive IT consultation and technology solutions. Our team delivers software development, system configuration, data processing, hosting services, and computer equipment. All built by experts, trusted by companies that value performance and reliability. /p> !-- CTA --> div classflex flex-col sm:flex-row gap-4 justify-center items-center animate-fade-in-up styleanimation-delay: 0.4s;> a href#contact classbg-white text-neutral-950 px-8 py-4 text-lg font-semibold transition-all duration-300 w-full sm:w-auto text-center hover:bg-neutral-100 hover:shadow-lg hover:shadow-white/20> Get Started /a> a href#services classborder-2 border-neutral-600 text-neutral-300 px-8 py-4 text-lg font-semibold transition-all duration-300 w-full sm:w-auto text-center hover:border-white hover:text-white> Our Services /a> /div> /div> /div>/section> /div> section idabout classrelative py-24 overflow-hidden> !-- Subtle gradient background --> div classabsolute inset-0 bg-gradient-to-b from-neutral-950 via-neutral-900/50 to-neutral-950>/div> div classabsolute inset-0 pattern-grid opacity-50>/div> div classmax-w-7xl mx-auto px-6 lg:px-8 relative z-10> div classgrid grid-cols-1 lg:grid-cols-2 gap-16 items-center> !-- Content --> div classscroll-reveal> h2 classtext-3xl md:text-4xl font-bold text-white mb-6 leading-tight> Empowering Businesses Through Technology /h2> p classtext-xl text-neutral-300 mb-6 leading-relaxed> At FRIONTECH, we specialize in computer consultancy and facilities management activities. With years of experience in the IT industry, weve established ourselves as a trusted partner for companies seeking comprehensive technology solutions and computer equipment. /p> p classtext-lg text-neutral-400 mb-8 leading-relaxed> Our mission is to provide professional IT consultation, software development, system configuration, data processing, hosting services, and computer equipment to businesses of all sizes, delivering reliable solutions that drive efficiency and technological advancement. /p> !-- Stats --> /div> !-- Visual --> div classlg:order-first scroll-reveal> div classrelative group> div classabsolute inset-0 bg-gradient-to-br from-blue-500/20 to-purple-500/20 blur-xl group-hover:blur-2xl transition-all duration-500>/div> div classrelative bg-neutral-800/80 backdrop-blur-sm border border-neutral-700 p-8 h-96 flex items-center justify-center hover:border-neutral-600 transition-all duration-300> div classtext-center> div classtext-white font-semibold text-xl mb-2>Trusted Technology Partner/div> div classtext-neutral-400 text-base>Since 2014/div> /div> /div> /div> /div> /div> /div>/section> section idservices classrelative py-24 bg-neutral-900 overflow-hidden> !-- Background Effects --> div classabsolute inset-0 bg-gradient-to-br from-blue-950/20 via-neutral-900 to-purple-950/20>/div> div classabsolute inset-0 pattern-dots>/div> div classmax-w-7xl mx-auto px-6 lg:px-8 relative z-10> div classmax-w-3xl mx-auto text-center mb-16 scroll-reveal> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight> Our Services /h2> p classtext-xl text-neutral-300 leading-relaxed> We provide comprehensive IT consultation and technology solutions including software development, data processing, hosting, and system configuration services. /p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> !-- Service 1 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 hover:-translate-y-1 scroll-reveal> div classabsolute inset-0 bg-gradient-to-br from-blue-500/0 to-purple-500/0 group-hover:from-blue-500/5 group-hover:to-purple-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-blue-500/30 group-hover:scale-110 transition-transform duration-300> 01 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-blue-400 transition-colors duration-300>Hosting Services/h3> p classtext-neutral-400 leading-relaxed> High-performance web hosting with 99.9% uptime guarantee. Managed servers, SSL certificates, and 24/7 monitoring included. /p> /div> /div> !-- Service 2 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-purple-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-purple-500/10 hover:-translate-y-1 scroll-reveal styleanimation-delay: 0.1s;> div classabsolute inset-0 bg-gradient-to-br from-purple-500/0 to-pink-500/0 group-hover:from-purple-500/5 group-hover:to-pink-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-purple-500 to-purple-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-purple-500/30 group-hover:scale-110 transition-transform duration-300> 02 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-purple-400 transition-colors duration-300>IT Consulting/h3> p classtext-neutral-400 leading-relaxed> Strategic technology planning, system architecture design, and digital transformation consulting for growing businesses. /p> /div> /div> !-- Service 3 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-pink-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-pink-500/10 hover:-translate-y-1 scroll-reveal styleanimation-delay: 0.2s;> div classabsolute inset-0 bg-gradient-to-br from-pink-500/0 to-red-500/0 group-hover:from-pink-500/5 group-hover:to-red-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-pink-500 to-pink-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-pink-500/30 group-hover:scale-110 transition-transform duration-300> 03 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-pink-400 transition-colors duration-300>Software Development/h3> p classtext-neutral-400 leading-relaxed> Custom software development, web applications, APIs, and mobile solutions. Built with modern frameworks and best practices. /p> /div> /div> !-- Service 4 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-green-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-green-500/10 hover:-translate-y-1 scroll-reveal styleanimation-delay: 0.3s;> div classabsolute inset-0 bg-gradient-to-br from-green-500/0 to-emerald-500/0 group-hover:from-green-500/5 group-hover:to-emerald-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-green-500 to-green-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-green-500/30 group-hover:scale-110 transition-transform duration-300> 04 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-green-400 transition-colors duration-300>System Configuration/h3> p classtext-neutral-400 leading-relaxed> CCTV systems, biometric access control, network setup, and security system installation and configuration. /p> /div> /div> !-- Service 5 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-cyan-500/10 hover:-translate-y-1 scroll-reveal styleanimation-delay: 0.4s;> div classabsolute inset-0 bg-gradient-to-br from-cyan-500/0 to-blue-500/0 group-hover:from-cyan-500/5 group-hover:to-blue-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-cyan-500 to-cyan-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-cyan-500/30 group-hover:scale-110 transition-transform duration-300> 05 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-cyan-400 transition-colors duration-300>Data Processing & Hosting/h3> p classtext-neutral-400 leading-relaxed> Comprehensive data processing services, cloud hosting solutions, and related IT infrastructure management activities. /p> /div> /div> !-- Service 6 --> div classgroup relative bg-neutral-800/50 backdrop-blur-sm p-8 border border-neutral-700 hover:border-orange-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-orange-500/10 hover:-translate-y-1 scroll-reveal styleanimation-delay: 0.5s;> div classabsolute inset-0 bg-gradient-to-br from-orange-500/0 to-amber-500/0 group-hover:from-orange-500/5 group-hover:to-amber-500/5 transition-all duration-300>/div> div classrelative> div classw-14 h-14 bg-gradient-to-br from-orange-500 to-orange-600 text-white flex items-center justify-center mb-6 font-mono font-bold text-lg shadow-lg shadow-orange-500/30 group-hover:scale-110 transition-transform duration-300> 06 /div> h3 classtext-xl font-semibold text-white mb-4 group-hover:text-orange-400 transition-colors duration-300>Computer Equipment/h3> p classtext-neutral-400 leading-relaxed> Supply and distribution of computers, peripheral equipment, and software solutions for businesses and organizations. /p> /div> /div> /div> /div>/section> section idpricing classrelative py-24 bg-neutral-900 overflow-hidden x-data{ activeTab: hosting }> !-- Background Effects --> div classabsolute inset-0 bg-gradient-to-b from-neutral-950 via-neutral-900 to-neutral-950>/div> div classabsolute inset-0 pattern-dots opacity-40>/div> div classabsolute top-1/4 right-0 w-1/3 h-1/3 bg-purple-500/10 blur-3xl rounded-full>/div> div classabsolute bottom-1/4 left-0 w-1/3 h-1/3 bg-blue-500/10 blur-3xl rounded-full>/div> div classmax-w-7xl mx-auto px-6 lg:px-8 relative z-10> div classmax-w-3xl mx-auto text-center mb-16 scroll-reveal> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight> Our Pricing /h2> p classtext-xl text-neutral-300 leading-relaxed> Select the plan that best suits your needs /p> /div> !-- Pricing Tabs --> div classflex flex-wrap justify-center gap-3 mb-12 scroll-reveal styleanimation-delay: 0.2s;> button @clickactiveTab hosting :classactiveTab hosting ? bg-white text-neutral-950 : bg-neutral-800/50 backdrop-blur-sm text-neutral-300 hover:text-white hover:bg-neutral-700/50 classpx-6 py-3 text-sm font-medium transition-all duration-300 rounded> Hosting /button> button @clickactiveTab email :classactiveTab email ? bg-white text-neutral-950 : bg-neutral-800/50 backdrop-blur-sm text-neutral-300 hover:text-white hover:bg-neutral-700/50 classpx-6 py-3 text-sm font-medium transition-all duration-300 rounded> Email /button> button @clickactiveTab webdev :classactiveTab webdev ? bg-white text-neutral-950 : bg-neutral-800/50 backdrop-blur-sm text-neutral-300 hover:text-white hover:bg-neutral-700/50 classpx-6 py-3 text-sm font-medium transition-all duration-300 rounded> Software Development /button> button @clickactiveTab consultancy :classactiveTab consultancy ? bg-white text-neutral-950 : bg-neutral-800/50 backdrop-blur-sm text-neutral-300 hover:text-white hover:bg-neutral-700/50 classpx-6 py-3 text-sm font-medium transition-all duration-300 rounded> IT Consultation /button> /div> !-- Hosting Plans --> div x-showactiveTab hosting x-transition classgrid grid-cols-1 md:grid-cols-3 gap-8> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Startup/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>75,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 500MB Storage /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 10GB Bandwidth /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 2 Emails /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-white p-8 relative> div classabsolute -top-4 left-1/2 transform -translate-x-1/2> span classbg-white text-neutral-950 px-4 py-1 text-sm font-medium>Most Popular/span> /div> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Business/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>125,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 1GB Storage /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 20GB Bandwidth /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Unlimited Emails /li> /ul> a href#contact classblock w-full text-center bg-white text-neutral-950 px-6 py-3 font-medium hover:bg-neutral-100 transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Pro/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>250,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 5GB Storage /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 100GB Bandwidth /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Unlimited Emails /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> /div> !-- Email Plans --> div x-showactiveTab email x-transition classgrid grid-cols-1 md:grid-cols-3 gap-8> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Basic Email/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>50,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 5 Email Accounts /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 2GB per Account /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Webmail Access /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Spam Protection /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-white p-8 relative> div classabsolute -top-4 left-1/2 transform -translate-x-1/2> span classbg-white text-neutral-950 px-4 py-1 text-sm font-medium>Most Popular/span> /div> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Business Email/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>100,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 20 Email Accounts /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 5GB per Account /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Advanced Spam Protection /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Mobile Sync /li> /ul> a href#contact classblock w-full text-center bg-white text-neutral-950 px-6 py-3 font-medium hover:bg-neutral-100 transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Enterprise Email/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>200,000/span> span classtext-neutral-400 ml-2>/year/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Unlimited Accounts /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 10GB per Account /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Advanced Security /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 24/7 Support /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> /div> !-- Web Development Plans --> div x-showactiveTab webdev x-transition classgrid grid-cols-1 md:grid-cols-3 gap-8> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Basic Website/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>500,000/span> span classtext-neutral-400 ml-2>/once/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 2 Pages /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Mobile Responsive /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Contact Form /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Basic SEO /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-white p-8 relative> div classabsolute -top-4 left-1/2 transform -translate-x-1/2> span classbg-white text-neutral-950 px-4 py-1 text-sm font-medium>Most Popular/span> /div> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Business Website/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>1,500,000/span> span classtext-neutral-400 ml-2>/once/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 5 Pages /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> CMS Integration /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Advanced SEO /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Social Media Integration /li> /ul> a href#contact classblock w-full text-center bg-white text-neutral-950 px-6 py-3 font-medium hover:bg-neutral-100 transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4> Enterprise Website/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>2,500,000/span> span classtext-neutral-400 ml-2>/once/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Unlimited Products /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Payment Integration /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Inventory Management /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Custom Features /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> /div> !-- IT Consultation Plans --> div x-showactiveTab consultancy x-transition classgrid grid-cols-1 md:grid-cols-3 gap-8> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Basic IT Consultation/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>150,000/span> span classtext-neutral-400 ml-2>/month/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> IT Strategy Planning /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> System Assessment /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Monthly Reports /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Email Support /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-white p-8 relative> div classabsolute -top-4 left-1/2 transform -translate-x-1/2> span classbg-white text-neutral-950 px-4 py-1 text-sm font-medium>Most Popular/span> /div> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Professional IT Consultation/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>350,000/span> span classtext-neutral-400 ml-2>/month/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Custom Programming /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Data Processing Services /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> System Integration /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Priority Support /li> /ul> a href#contact classblock w-full text-center bg-white text-neutral-950 px-6 py-3 font-medium hover:bg-neutral-100 transition-colors duration-200> Get Started /a> /div> div classbg-neutral-800 border border-neutral-700 p-8> div classmb-8> h3 classtext-xl font-semibold text-white mb-4>Enterprise IT Consultation/h3> div classflex items-baseline> span classtext-sm text-neutral-400>Tshs./span> span classtext-4xl font-bold text-white>750,000/span> span classtext-neutral-400 ml-2>/month/span> /div> /div> ul classspace-y-3 mb-8> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Complete IT Management /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Equipment Procurement /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> Dedicated Team /li> li classflex items-center text-neutral-300> svg classw-5 h-5 text-green-500 mr-3 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> 24/7 Support /li> /ul> a href#contact classblock w-full text-center border border-neutral-600 text-neutral-300 px-6 py-3 font-medium hover:border-neutral-500 hover:text-white transition-colors duration-200> Get Started /a> /div> /div> /div>/section> section idcontact classrelative py-24 overflow-hidden> !-- Background Effects --> div classabsolute inset-0 bg-gradient-to-t from-neutral-900 via-neutral-950 to-neutral-950>/div> div classabsolute inset-0 pattern-grid opacity-30>/div> div classabsolute top-0 left-1/2 -translate-x-1/2 w-1/2 h-1/2 bg-blue-500/10 blur-3xl rounded-full>/div> div classmax-w-7xl mx-auto px-6 lg:px-8 relative z-10> div classmax-w-3xl mx-auto text-center mb-16 scroll-reveal> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight> Get in Touch /h2> p classtext-xl text-neutral-300 leading-relaxed> Have a question or want to work together? Leave us a message! /p> /div> div classmax-w-2xl mx-auto scroll-reveal styleanimation-delay: 0.2s;> !-- Status Messages --> div idform-messages classmb-8> /div> form idcontact-form actionhttps://friontech.net/contact methodPOST classrelative space-y-6 bg-neutral-800/30 backdrop-blur-sm border border-neutral-700/50 p-8 rounded-lg> input typehidden name_token value817fmrbYpSxI5NKRUCAxLHszECxFTJg7tzccYUGn autocompleteoff> !-- Honeypot field - hidden from users, bots will fill it --> input typetext namehoneypot styledisplay: none !important; tabindex-1 autocompleteoff> !-- Form timing for bot detection --> input typehidden nameform_start_time value1767913886> div classgrid grid-cols-1 md:grid-cols-2 gap-6> div> label forname classblock text-sm font-medium text-neutral-300 mb-2>Your Name */label> input typetext idname namename value required classw-full bg-neutral-900/50 border border-neutral-700 text-white px-4 py-3 rounded focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 transition-all duration-200 > /div> div> label foremail classblock text-sm font-medium text-neutral-300 mb-2>Your Email */label> input typeemail idemail nameemail value required classw-full bg-neutral-900/50 border border-neutral-700 text-white px-4 py-3 rounded focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 transition-all duration-200 > /div> /div> div> label formessage classblock text-sm font-medium text-neutral-300 mb-2>Your Message */label> textarea idmessage namemessage rows6 required classw-full bg-neutral-900/50 border border-neutral-700 text-white px-4 py-3 rounded focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 transition-all duration-200 resize-none >/textarea> /div> div> button typesubmit idsubmit-btn classw-full bg-white text-neutral-950 px-8 py-4 text-lg font-semibold rounded transition-all duration-300 flex items-center justify-center space-x-2 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-neutral-100> span idbtn-text>Send Message/span> svg idbtn-icon classw-5 h-5 fillcurrentColor viewBox0 0 20 20> path dM10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z> /path> /svg> !-- Loading spinner (hidden by default) --> svg idloading-spinner classw-5 h-5 animate-spin hidden fillnone viewBox0 0 24 24> circle classopacity-25 cx12 cy12 r10 strokecurrentColor stroke-width4>/circle> path classopacity-75 fillcurrentColor dM4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z> /path> /svg> /button> /div> /form> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { const form document.getElementById(contact-form); const submitBtn document.getElementById(submit-btn); const btnText document.getElementById(btn-text); const btnIcon document.getElementById(btn-icon); const loadingSpinner document.getElementById(loading-spinner); // Auto-scroll to messages if they exist form.addEventListener(submit, function(e) { // Show loading state submitBtn.disabled true; btnText.textContent Sending...; btnIcon.classList.add(hidden); loadingSpinner.classList.remove(hidden); // Add visual feedback to form form.style.opacity 0.7; form.style.pointerEvents none; // Show a temporary status message showTempMessage(Sending your message..., info); }); function showTempMessage(message, type) { const messagesDiv document.getElementById(form-messages); const existingTemp messagesDiv.querySelector(.temp-message); if (existingTemp) existingTemp.remove(); const colors { info: bg-blue-900 border-blue-700 text-blue-100, success: bg-green-900 border-green-700 text-green-100, error: bg-red-900 border-red-700 text-red-100 }; const icons { info: `svg classw-6 h-6 text-blue-400 flex-shrink-0 animate-spin fillnone viewBox0 0 24 24> circle classopacity-25 cx12 cy12 r10 strokecurrentColor stroke-width4>/circle> path classopacity-75 fillcurrentColor dM4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z>/path> /svg>`, success: `svg classw-6 h-6 text-green-400 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z clip-ruleevenodd>/path> /svg>`, error: `svg classw-6 h-6 text-red-400 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z clip-ruleevenodd>/path> /svg>` }; const tempMessage document.createElement(div); tempMessage.className `temp-message ${colorstype} px-6 py-4 rounded-lg flex items-center space-x-3 mb-4`; tempMessage.innerHTML `${iconstype}span>${message}/span>`; messagesDiv.appendChild(tempMessage); // Scroll to the message tempMessage.scrollIntoView({ behavior: smooth, block: center }); } // Reset form state if theres an error (form will reload) window.addEventListener(pageshow, function(event) { if (event.persisted) { // Reset form state if coming back from cache submitBtn.disabled false; btnText.textContent Send Message; btnIcon.classList.remove(hidden); loadingSpinner.classList.add(hidden); form.style.opacity 1; form.style.pointerEvents auto; } }); });/script> /main> footer classbg-neutral-900 border-t border-neutral-800 py-16> div classmax-w-7xl mx-auto px-6 lg:px-8> div classgrid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16> !-- Contact Info --> div> h2 classtext-2xl font-bold text-white mb-6>Ready to Start?/h2> p classtext-neutral-300 mb-8 text-lg leading-relaxed> Lets discuss how we can help you. We respond to all inquiries within 24 hours. /p> div classspace-y-4> div classflex items-center space-x-3> div classw-5 h-5 text-neutral-400> svg fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z clip-ruleevenodd>/path> /svg> /div> span classtext-neutral-300>Dar es Salaam, Tanzania/span> /div> /div> /div> !-- Logo --> div classflex items-center justify-center> div classtext-center> h1 classtext-6xl font-bold text-white> FRIONTECH /h1> p classtext-neutral-400 text-lg mt-2> Technology Solutions /p> /div> /div> /div> !-- Bottom --> div classborder-t border-neutral-800 mt-12 pt-8 flex flex-col sm:flex-row justify-between items-center> p classtext-neutral-400 text-sm> © 2026 FRIONTECH. All rights reserved. /p> div classflex space-x-6 mt-4 sm:mt-0> a hrefhttps://friontech.net/privacy-policy classtext-neutral-400 hover:text-white text-sm transition-colors duration-200>Privacy Policy/a> a hrefhttps://friontech.net/terms-of-service classtext-neutral-400 hover:text-white text-sm transition-colors duration-200>Terms of Service/a> /div> /div> /div>/footer> !-- WhatsApp Chat Widget - Disabled --> script src//unpkg.com/alpinejs defer>/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]