File: /home/hnhtennm/public_html/index.html
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/ac64170b6139ec8d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/3a24c022f69a36a9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-8b77fbb9c2331815.js"/><script src="/_next/static/chunks/4bd1b696-e7e90c65d9c6b944.js" async=""></script><script src="/_next/static/chunks/517-c684b2f1c6d1db92.js" async=""></script><script src="/_next/static/chunks/main-app-02a2843f10701efb.js" async=""></script><script src="/_next/static/chunks/182-f02c1471a47ec9e0.js" async=""></script><script src="/_next/static/chunks/15-b93a83cdd8bdfd6e.js" async=""></script><script src="/_next/static/chunks/app/layout-cc388475887e768b.js" async=""></script><script src="/_next/static/chunks/8e1d74a4-beb239c753c0d48e.js" async=""></script><script src="/_next/static/chunks/9c4e2130-4286b660d59927a4.js" async=""></script><script src="/_next/static/chunks/479ba886-8ce2a7a4225571d5.js" async=""></script><script src="/_next/static/chunks/3d47b92a-585a493791402051.js" async=""></script><script src="/_next/static/chunks/605-1c31f64f052002d7.js" async=""></script><script src="/_next/static/chunks/269-a13ba9c84b0a094e.js" async=""></script><script src="/_next/static/chunks/667-c0b9903909088b52.js" async=""></script><script src="/_next/static/chunks/722-1a723871a528e168.js" async=""></script><script src="/_next/static/chunks/app/page-f3e11907dfefcf2b.js" async=""></script><title>HNH Tech Solutions</title><meta name="description" content="HNH Tech Solutions"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="bg-[#070a29] text-white font-conthrax"><div class="overflow-hidden relative"><nav class="fixed w-full z-50 transition-all duration-300 bg-transparent py-4" style="transform:translateY(-100px)"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between"><div class="flex items-center" style="opacity:0"><a href="/"><img alt="Logo" loading="lazy" width="290" height="54" decoding="async" data-nimg="1" class="w-[180px] md:w-[220px] lg:w-[290px]" style="color:transparent" src="/assets/images/logo.png"/></a></div><div class="hidden lg:flex items-center space-x-8" style="opacity:0"><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/">Home</a></div><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/about">About</a></div><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/service">Service</a></div><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/portfolio">Portfolio</a></div><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/blog">Blog</a></div><div style="opacity:0;transform:translateY(-20px)"><a class="text-white font-semibold text-sm hover:text-[#5C27FE] transition-colors duration-300" href="/contact">Contact</a></div></div><div class="flex items-center space-x-6" style="opacity:0;transform:translateY(-20px)"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-white cursor-pointer text-xl hover:text-[#5C27FE] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-miterlimit="10" stroke-width="32" d="M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64z"></path><path fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29 448 448"></path></svg><div class="hidden md:block"><button class="relative group overflow-hidden rounded-lg" tabindex="0"><div class="absolute inset-0 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] group-hover:from-[#DEC7FF] group-hover:to-[#5C27FE] transition-all duration-500"></div><span class="relative block px-6 py-3 text-white font-semibold text-sm">Contact Us</span></button></div><button class="lg:hidden text-white"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg></button></div></div></div></nav><main style="opacity:0;transform:translateY(50px)"><div class="pt-20 text-white"><div class="max-w-7xl mx-auto px-4 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><div class="space-y-6" style="opacity:0;transform:translateX(-100px)"><div class="w-[120px]"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Welcome</span></div></div><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold space-y-2"><span class="block" style="opacity:0;transform:translateY(20px)">Empower Your</span><span class="block bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] text-transparent bg-clip-text" style="opacity:0;transform:translateY(20px)">Digital Transformation</span></h1><p class="text-gray-300 text-lg max-w-xl" style="opacity:0;transform:translateY(20px)">Unlock business success with cutting-edge IT services tailored to your needs. From strategy to execution, we deliver excellence.</p><div style="opacity:0;transform:translateY(20px)"><a href="/contact"><button class="relative group overflow-hidden rounded-lg" tabindex="0"><div class="absolute inset-0 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] group-hover:from-[#DEC7FF] group-hover:to-[#5C27FE] transition-all duration-500"></div><span class="relative block px-6 py-3 text-white font-semibold text-sm">Contact Us</span></button></a></div></div><div class="relative h-[500px]" style="opacity:0;transform:scale(0.8)"><img alt="Home Hero" loading="lazy" decoding="async" data-nimg="fill" class="object-cover rounded-2xl" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/home-hero.jpeg"/><div class="absolute inset-0 bg-gradient-to-r from-[#070A29]/50 to-transparent rounded-2xl"></div></div></div></div><div class="col-span-12 whitespace-nowrap overflow-hidden md:my-20"><div class="flex"><div class="pr-4"><img alt="Logo 1" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo1.png"/></div><div class="pr-4"><img alt="Logo 2" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo2.png"/></div><div class="pr-4"><img alt="Logo 3" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo3.png"/></div><div class="pr-4"><img alt="Logo 4" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo4.png"/></div><div class="pr-4"><img alt="Logo 5" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo5.png"/></div><div class="pr-4"><img alt="Logo 6" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo6.png"/></div><div class="pr-4"><img alt="Logo 7" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo7.png"/></div><div class="pr-4"><img alt="Logo 8" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo8.png"/></div><div class="pr-4"><img alt="Logo 9" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo9.png"/></div><div class="pr-4"><img alt="Logo 10" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo10.png"/></div><div class="pr-4"><img alt="Logo 11" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo11.png"/></div><div class="pr-4"><img alt="Logo 12" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo12.png"/></div><div class="pr-4"><img alt="Logo 13" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo13.png"/></div><div class="pr-4"><img alt="Logo 14" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo14.png"/></div><div class="pr-4"><img alt="Logo 15" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo15.png"/></div><div class="pr-4"><img alt="Logo 16" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="marquee-item" style="color:transparent" src="/assets/images/homeLogo16.png"/></div></div></div><div class="md:space-y-8 space-y-0 flex-col text-white flex justify-center items-center" style="opacity:0;filter:blur(10px);transform:translateZ(-200px)"><div class="w-[288px] h-[40px] heading"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Our Awesome Services</span></div></div><div class="flex flex-col justify-center items-center heading" style="opacity:0;filter:blur(10px);transform:translateZ(-200px)"><div class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]">We Are Dedicated To</div><div class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]">Serve You All Time.</div></div><div class="font-readex font-[300px] text-[9px] md:text-[14px] leading-[19.6px] heading">IT Technology services built specifically for your business.</div><div class="w-fit m-auto pt-12 flex-wrap justify-center items-center flex" style="opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="card h-[300px] mx-3 mb-14 lg:mb-0 items-center relative flex flex-col w-[223px] rounded-[15px] p-5" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 255) 252%);opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="rounded-[50%] p-[12px] absolute -top-7 w-[33%] flex justify-center items-center" style="background:linear-gradient(to top, #DEC7FF, #5C27FE)"><img alt="Loading..." loading="lazy" width="70" height="71" decoding="async" data-nimg="1" style="color:transparent" src="/assets/images/leaf.png"/></div><h1 class="text-center text-[20px] pt-10 leading-[24px] font-[600px]">UI/UX Designing</h1><p class="text-center font-readex font-[300] text-[15px] leading-[19.6px] pt-3">HNH Tech Solutions understands the needs of enhancing growth your business ideas by delivering the most amazing web designing services.</p><h1 class="text-[50px] text-center absolute -bottom-2 opacity-[0.20] leading-[60px] font-[600px]">01</h1></div><div class="card h-[300px] mx-3 mb-14 lg:mb-0 items-center relative flex flex-col w-[223px] rounded-[15px] p-5" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 255) 252%);opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="rounded-[50%] p-[12px] absolute -top-7 w-[33%] flex justify-center items-center" style="background:linear-gradient(to top, #DEC7FF, #5C27FE)"><img alt="Loading..." loading="lazy" width="70" height="71" decoding="async" data-nimg="1" style="color:transparent" src="/assets/images/leaf.png"/></div><h1 class="text-center text-[20px] pt-10 leading-[24px] font-[600px]">Website Development</h1><p class="text-center font-readex font-[300] text-[15px] leading-[19.6px] pt-3">Web Improvement Is The Work Engaged With Building Up A Site For The Internet (World Wide Web) Or An Intranet (A Private Network).</p><h1 class="text-[50px] text-center absolute -bottom-2 opacity-[0.20] leading-[60px] font-[600px]">02</h1></div><div class="card h-[300px] mx-3 mb-14 lg:mb-0 items-center relative flex flex-col w-[223px] rounded-[15px] p-5" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 255) 252%);opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="rounded-[50%] p-[12px] absolute -top-7 w-[33%] flex justify-center items-center" style="background:linear-gradient(to top, #DEC7FF, #5C27FE)"><img alt="Loading..." loading="lazy" width="70" height="71" decoding="async" data-nimg="1" style="color:transparent" src="/assets/images/leaf.png"/></div><h1 class="text-center text-[20px] pt-10 leading-[24px] font-[600px]">App Design & Development</h1><p class="text-center font-readex font-[300] text-[15px] leading-[19.6px] pt-3">For clients that want custom mobile app development solution, HNH Tech Solutions offers unique, compatible solutions.</p><h1 class="text-[50px] text-center absolute -bottom-2 opacity-[0.20] leading-[60px] font-[600px]">03</h1></div><div class="card h-[300px] mx-3 mb-14 lg:mb-0 items-center relative flex flex-col w-[223px] rounded-[15px] p-5" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 255) 252%);opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="rounded-[50%] p-[12px] absolute -top-7 w-[33%] flex justify-center items-center" style="background:linear-gradient(to top, #DEC7FF, #5C27FE)"><img alt="Loading..." loading="lazy" width="70" height="71" decoding="async" data-nimg="1" style="color:transparent" src="/assets/images/leaf.png"/></div><h1 class="text-center text-[20px] pt-10 leading-[24px] font-[600px]">Machine Learning</h1><p class="text-center font-readex font-[300] text-[15px] leading-[19.6px] pt-3">Machine learning (ML) is a field of inquiry devoted to understanding and building methods that learn from data and improve performance.</p><h1 class="text-[50px] text-center absolute -bottom-2 opacity-[0.20] leading-[60px] font-[600px]">05</h1></div><div class="card h-[300px] mx-3 mb-14 lg:mb-0 items-center relative flex flex-col w-[223px] rounded-[15px] p-5" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 255) 252%);opacity:0;filter:blur(10px);transform:translateY(50px) translateZ(-200px)"><div class="rounded-[50%] p-[12px] absolute -top-7 w-[33%] flex justify-center items-center" style="background:linear-gradient(to top, #DEC7FF, #5C27FE)"><img alt="Loading..." loading="lazy" width="70" height="71" decoding="async" data-nimg="1" style="color:transparent" src="/assets/images/leaf.png"/></div><h1 class="text-center text-[20px] pt-10 leading-[24px] font-[600px]">Digital Marketing</h1><p class="text-center font-readex font-[300] text-[15px] leading-[19.6px] pt-3">Leverage the skills of our company’s digital marketing services capable of delivering outstanding marketing strategies.</p><h1 class="text-[50px] text-center absolute -bottom-2 opacity-[0.20] leading-[60px] font-[600px]">06</h1></div></div></div><div class="pt-20 text-white"><div class="grid grid-cols-12 md:w-[85%] w-[90%] m-auto"><div class="lg:col-span-6 col-span-12" style="opacity:0;transform:translateX(-100px) scale(0.85)"><div class="flex justify-center items-center md:w-[450px] w-[320px] h-[450px]"><img alt="loading..." loading="lazy" width="320" height="400" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/mainabout.png"/></div></div><div class="lg:col-span-6 col-span-12 md:pl-14 space-y-6 max-w-[900px] flex flex-col justify-center" style="opacity:0;transform:translateY(30px)"><div class="w-[160px] h-[30px]"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">About Our Company</span></div></div><div><div class="md:text-[35px] lg:text-[40px] text-[30px] text-center lg:text-start leading-[50px] lg:leading-[60px] font-[500px]">Choose The Best IT</div><div class="md:text-[35px] lg:text-[40px] text-[30px] text-center lg:text-start leading-[50px] lg:leading-[60px] font-[500px]">Service Company</div></div><div class="space-y-4"><p class="font-readex font-[300px] text-[16px] leading=[19.6px]">I have been working with HNH Tech Solutions for several years now, and they have consistently exceeded my expectations. Their attention to detail and commitment to excellence are evident in everything they do. Whether its software development, IT support, or any other service they offer, HNH Tech Solutions is the best in the business.</p></div><div class="h-[49px] w-[197.63px]" style="opacity:0;transform:scale(0.8)"><a href="/contact"><button class="relative group overflow-hidden rounded-lg" tabindex="0"><div class="absolute inset-0 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] group-hover:from-[#DEC7FF] group-hover:to-[#5C27FE] transition-all duration-500"></div><span class="relative block px-6 py-3 text-white font-semibold text-sm">Contact Us</span></button></a></div></div></div></div><div class="pt-14 text-white"><div class="flex flex-col justify-center items-center"><div class="h-[34px] w-[300px] my-7 "><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Our Awsome Service</span></div></div><div class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]" style="opacity:0;filter:blur(10px)">We Are Dedicated To</div><div class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]" style="opacity:0;filter:blur(10px)">Serve You All Time.</div></div><div class="grid grid-cols-12 w-[95%] m-auto mt-7"><div class="md:col-span-6 col-span-12 lg:space-y-20 space-y-10 flex flex-col items-end"><div class="rounded-xl w-[100%] lg:w-[80%] pt-9 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;visibility:hidden;transform:translateX(-200px)"><div class="w-[76.17px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Step 1</span></div></div><div class="flex"><div class="w-[15%] flex justify-center items-center"><div class="w-[40%]"><img alt="Loading" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/service2Icon1.png"/></div></div><div class="w-[100%] pr-2 pl-4 pt-2 space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[20px] leading-[24px]">Marketing Strategy</h1><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Effective campaigns, SEO, and targeting strategies to reach and retain the right audience.</p></div></div></div><div class="rounded-xl w-[100%] lg:w-[80%] pt-9 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;visibility:hidden;transform:translateX(-200px)"><div class="w-[76.17px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Step 2</span></div></div><div class="flex"><div class="w-[15%] flex justify-center items-center"><div class="w-[40%]"><img alt="Loading" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/service2Icon2.png"/></div></div><div class="w-[100%] pr-2 pl-4 pt-2 space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[20px] leading-[24px]">Business Strategy</h1><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Align your goals with scalable digital strategies that drive results.</p></div></div></div><div class="rounded-xl w-[100%] lg:w-[80%] pt-9 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;visibility:hidden;transform:translateX(-200px)"><div class="w-[76.17px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Step 3</span></div></div><div class="flex"><div class="w-[15%] flex justify-center items-center"><div class="w-[40%]"><img alt="Loading" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/service2Icon3.png"/></div></div><div class="w-[100%] pr-2 pl-4 pt-2 space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[20px] leading-[24px]">Search Optimization</h1><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Boost online visibility and discoverability through smart search engine strategies.</p></div></div></div><div class="rounded-xl w-[100%] lg:w-[80%] pt-9 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;visibility:hidden;transform:translateX(-200px)"><div class="w-[76.17px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Step 4</span></div></div><div class="flex"><div class="w-[15%] flex justify-center items-center"><div class="w-[40%]"><img alt="Loading" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/service2Icon4.png"/></div></div><div class="w-[100%] pr-2 pl-4 pt-2 space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[20px] leading-[24px]">Cross-Platform App Dev</h1><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Engage users on iOS, Android, and web with seamless cross-platform applications.</p></div></div></div></div><div class="md:col-span-6 col-span-12 flex justify-center mt-12 md:mt-0 md:justify-end lg:justify-start items-center" style="opacity:0;transform:translateX(200px)"><div class="w-[84%]"><img alt="loading..." loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/assets/images/service2Image.png"/></div></div></div></div><div class="text-white py-10" style="opacity:0;transform:translateY(100px)"><div class="flex flex-col justify-center items-center mb-10"><div class="h-[34px] w-[220px] my-7" style="opacity:0;transform:scale(0.8)"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Recent Portfolio</span></div></div><h1 class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]" style="opacity:0">Portfolio</h1></div><div class="slider-container mx-auto w-[95%]"><div class="slick-slider slick-initialized" dir="ltr"><button type="button" data-role="none" class="slick-arrow slick-prev" style="display:block"> <!-- -->Previous</button><div class="slick-list"><div class="slick-track" style="width:380%;left:-100%"><div data-index="-5" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="E-Book" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage3.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">E-Book</span></div></div></div></div><div data-index="-4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="Competence" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage4.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">Competence</span></div></div></div></div><div data-index="-3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage5.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="East West" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage6.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">East West</span></div></div></div></div><div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage1.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage1.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="1" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="Kanfani" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage2.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">Kanfani</span></div></div></div></div><div data-index="2" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="E-Book" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage3.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">E-Book</span></div></div></div></div><div data-index="3" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="Competence" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage4.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">Competence</span></div></div></div></div><div data-index="4" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage5.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="5" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="East West" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage6.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">East West</span></div></div></div></div><div data-index="6" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage1.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="7" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage1.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="8" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="Kanfani" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage2.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">Kanfani</span></div></div></div></div><div data-index="9" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="E-Book" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage3.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">E-Book</span></div></div></div></div><div data-index="10" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="Competence" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage4.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">Competence</span></div></div></div></div><div data-index="11" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage5.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div><div data-index="12" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="East West" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage6.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">East West</span></div></div></div></div><div data-index="13" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:5.2631578947368425%"><div><div class="relative pr-4" tabindex="-1" style="width:100%;display:inline-block;opacity:0;transform:scale(0.9)"><div class="w-full h-[246px] md:h-[220px] sm:h-[200px] border-[#9ca3af30] border-[13px] rounded-2xl overflow-hidden"><img alt="ATeam" loading="lazy" width="500" height="246" decoding="async" data-nimg="1" class="rounded-xl object-cover h-full w-full" style="color:transparent" src="/assets/images/swiperImage1.png"/></div><div class="bg-[#FFFFFF1A] w-[82%] left-[6%] backdrop-blur-sm rounded-md py-[11px] px-[3px] absolute bottom-7 flex justify-center"><span class="text-[20px] text-center text-[#7E7E7E] leading-[24px] font-[600] md:text-[16px] sm:text-[14px]">ATeam</span></div></div></div></div></div></div><button type="button" data-role="none" class="slick-arrow slick-next" style="display:block"> <!-- -->Next</button><ul style="display:block" class="slick-dots"><li class="slick-active"><button>1</button></li><li class=""><button>2</button></li><li class=""><button>3</button></li><li class=""><button>4</button></li><li class=""><button>5</button></li><li class=""><button>6</button></li><li class=""><button>7</button></li></ul></div><div class="flex w-[231px] my-[20px] mx-auto justify-between gap-[11%] mt-5" style="opacity:0"><button class="p-4 bg-[#703FFE] text-white rounded-[50%] hover:bg-[#5a2fd9] transition-all flex justify-center items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[16px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg></button><button class="p-4 bg-[#703FFE] text-white rounded-[50%] hover:bg-[#5a2fd9] transition-all flex justify-center items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[16px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></button></div></div></div><div class="space-y-10 flex flex-col justify-center items-center text-white"><div class="flex flex-col justify-center items-center"><h1 class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]">The Journey of</h1><h1 class="md:text-[35px] lg:text-[43px] text-[30px] text-center leading-[50px] lg:leading-[60px] font-[500px]">HNH Tech Solutions</h1></div><div class="grid grid-cols-12 w-[92%] md:w-full lg:w-[80%] mx-auto"><div class="col-span-12 md:col-span-6 border-r-gray-800 border-b border-r border-b-gray-800 md:border-b-0 md:border-r-0 rounded-r-md flex flex-col items-center justify-center mt-16"><div class="rounded-xl w-[90%] min-h-[180px] mb-14 border border-gray-700 pt-5 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;transform:translateX(-50px)"><div class="w-[174.34px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">February 01, 2024</span></div></div><div class="flex flex-col"><div class="w-[100%] pr-2 pl-4 pt-2 space-y-2 lg:space-y-4 flex flex-col justify-center"><h1 class="font-[600px] text-[15px] md:text-[20px] leading-[24px]">Idea Generation</h1><span class="w-[15%] h-1 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF]"></span><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">The vision behind HNH Tech Solutions began with a simple but powerful idea — to build smart, scalable, and customer-focused software solutions. Our mission was clear: solve real-world business problems through technology.</p></div></div><div class="absolute -right-[6.7%] z-20 top-[50%] flex justify-center items-center"><div class="w-6 h-[1px] border border-gray-700"></div><img alt="Loading" loading="lazy" width="10" height="10" decoding="async" data-nimg="1" class="" style="color:transparent" src="/assets/images/bullits.png"/></div></div><div class="rounded-xl w-[90%] min-h-[180px] mb-14 border border-gray-700 pt-5 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;transform:translateX(-50px)"><div class="w-[174.34px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">February 01, 2024</span></div></div><div class="flex flex-col"><div class="w-[100%] pr-2 pl-4 pt-2 space-y-2 lg:space-y-4 flex flex-col justify-center"><h1 class="font-[600px] text-[15px] md:text-[20px] leading-[24px]">Initial Release</h1><span class="w-[15%] h-1 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF]"></span><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Our first launch marked a significant milestone. We delivered our initial product with precision, passion, and performance, establishing the core values of quality, innovation, and reliability that define HNH Tech Solutions today.</p></div></div><div class="absolute -right-[6.7%] z-20 top-[50%] flex justify-center items-center"><div class="w-6 h-[1px] border border-gray-700"></div><img alt="Loading" loading="lazy" width="10" height="10" decoding="async" data-nimg="1" class="" style="color:transparent" src="/assets/images/bullits.png"/></div></div><div class="rounded-xl w-[90%] min-h-[180px] mb-14 border border-gray-700 pt-5 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;transform:translateX(-50px)"><div class="w-[174.34px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">February 01, 2024</span></div></div><div class="flex flex-col"><div class="w-[100%] pr-2 pl-4 pt-2 space-y-2 lg:space-y-4 flex flex-col justify-center"><h1 class="font-[600px] text-[15px] md:text-[20px] leading-[24px]">Design & Development</h1><span class="w-[15%] h-1 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF]"></span><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">With a talented in-house team, we moved into full-scale design and development. From creating seamless UI/UX experiences to architecting robust backend systems, our focus was on building digital products that deliver results.</p></div></div><div class="absolute -right-[6.7%] z-20 top-[50%] flex justify-center items-center"><div class="w-6 h-[1px] border border-gray-700"></div><img alt="Loading" loading="lazy" width="10" height="10" decoding="async" data-nimg="1" class="" style="color:transparent" src="/assets/images/bullits.png"/></div></div></div><div class="col-span-12 md:col-span-6 border-l pt-16 border-l-gray-700 rounded-md relative flex-col items-center flex justify-center"><div class="rounded-xl w-[90%] min-h-[170px] mb-14 border border-gray-700 pt-5 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;transform:translateX(-50px)"><div class="w-[174.34px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">February 01, 2024</span></div></div><div class="flex flex-col"><div class="w-[100%] pr-2 pl-4 pt-2 space-y-2 lg:space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[15px] md:text-[20px] leading-[24px]">Testing & Feedback</h1><span class="w-[15%] h-1 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF]"></span><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">Every product went through thorough testing phases where client feedback was prioritized. Our iterative approach helped us improve performance, optimize user experience, and meet the highest industry standards.</p></div></div><div class="absolute -left-[6.7%] flex-row-reverse z-20 top-[50%] flex justify-center items-center"><div class="w-6 h-[1px] border border-gray-700"></div><img alt="Loading" loading="lazy" width="10" height="10" decoding="async" data-nimg="1" class="" style="color:transparent" src="/assets/images/bullits.png"/></div></div><div class="rounded-xl w-[90%] min-h-[170px] mb-14 border border-gray-700 pt-5 relative" style="background:linear-gradient(to top, rgba(255, 255, 255, 0) 13%, rgb(255, 255, 255) 783%);opacity:0;transform:translateX(-50px)"><div class="w-[174.34px] h-[28.8px] absolute left-5 -top-5"><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">February 01, 2024</span></div></div><div class="flex flex-col"><div class="w-[100%] pr-2 pl-4 pt-2 space-y-2 lg:space-y-4 border-l border-l-gray-800 flex flex-col justify-center"><h1 class="font-[600px] text-[15px] md:text-[20px] leading-[24px]">Result & Final Report</h1><span class="w-[15%] h-1 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF]"></span><p class="font-readex font-[300px] text-[14px] leading-[19.6px]">With each successful delivery, we grew in confidence and capability. Final reports reflected our commitment to transparency and excellence, while client satisfaction and business impact spoke volumes about the value we provided.</p></div></div><div class="absolute -left-[6.7%] flex-row-reverse z-20 top-[50%] flex justify-center items-center"><div class="w-6 h-[1px] border border-gray-700"></div><img alt="Loading" loading="lazy" width="10" height="10" decoding="async" data-nimg="1" class="" style="color:transparent" src="/assets/images/bullits.png"/></div></div></div></div><div class="h-[49px] w-[238.66px]"><button class="relative group overflow-hidden rounded-lg" tabindex="0"><div class="absolute inset-0 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] group-hover:from-[#DEC7FF] group-hover:to-[#5C27FE] transition-all duration-500"></div><span class="relative block px-6 py-3 text-white font-semibold text-sm">View Full Roadmap</span></button></div></div><section class="body-font my-20"><div class="container px-5 py-[1rem] md:py-[3rem] rounded-xl mx-auto space-y-4 bg-[#ffffff0f] w-[90%]"><div class="relative" style="opacity:0"><div class="flex flex-col justify-center items-center"><div class="h-[34px] w-[194.4px] "><div class="rounded-[100px] h-full flex justify-center items-center border-[#717171] border w-full bg-[#dfdede17]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] font-[600] md:text-[10px] text-[12px] leading-[18px]">Testimonials</span></div></div><h1 class="md:text-4xl my-2 font-[600px] text-center text-white" style="opacity:0;transform:translateY(20px)">What People Say</h1></div><div class="relative h-[400px] md:h-[300px] overflow-hidden"><div class="absolute w-full" style="z-index:1;opacity:1;transform:none"><div class="flex flex-col items-center text-white"><div class="w-24 h-24 relative rounded-full overflow-hidden"><img alt="Emma Johnson" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/testimonial/avatar-one.jpeg"/></div><p class="text-center text-md max-w-3xl mx-auto px-4 my-2">"<!-- -->We've been working with HNH Tech Solutions for over 3 years now, and their commitment to delivering high-quality software solutions is unmatched. Their team is professional, responsive, and always goes the extra mile.<!-- -->"</p><h3 class="text-xl font-semibold">Emma Johnson</h3><p class="text-[#5C27FE] my-2">Operations Manager</p><p class="text-gray-400">RetailNet</p></div></div></div><div class="absolute top-1/2 z-50 -translate-y-1/2 w-full flex justify-between px-4"><button class="p-2 rounded-full cursor-pointer bg-white/10 backdrop-blur-sm text-white hover:bg-white/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"></path></svg></button><button class="p-2 rounded-full cursor-pointer bg-white/10 backdrop-blur-sm text-white hover:bg-white/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path></svg></button></div></div></div></section></main><footer><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Get Newsletter</h2><p class="text-gray-400 mb-8">Stay updated with our latest news and updates</p><div class="max-w-lg mx-auto"><div class="flex flex-col sm:flex-row gap-4"><input type="email" placeholder="Enter your email" class="flex-1 px-6 py-3 rounded-lg bg-white/10 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#5C27FE]"/><button class="relative group overflow-hidden rounded-lg" tabindex="0"><div class="absolute inset-0 bg-gradient-to-r from-[#5C27FE] to-[#DEC7FF] group-hover:from-[#DEC7FF] group-hover:to-[#5C27FE] transition-all duration-500"></div><span class="relative block px-6 py-3 text-white font-semibold text-sm">Subscribe</span></button></div></div></div><div class="grid grid-cols-1 md:grid-cols-12 gap-12 text-white py-6"><div class="space-y-6 md:col-span-3" style="opacity:0;transform:translateY(20px)"><img alt="Logo" loading="lazy" width="260" height="80" decoding="async" data-nimg="1" class="mx-auto md:mx-0" style="color:transparent" src="/assets/images/logo.png"/><p class="text-gray-400 text-sm">We work with a passion of taking challenges and creating new ones in advertising sector.</p><div class="flex space-x-4 mt-6"><a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-[#5C27FE] transition-colors duration-300"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 320 512" class="text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a><a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-[#5C27FE] transition-colors duration-300"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-[#5C27FE] transition-colors duration-300"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div></div><div class="space-y-4 md:col-span-2" style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Quick Links</h3><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/">Home</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/about">About</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/service">Service</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/portfolio">Portfolio</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/contact">Contact</a></div><div class="space-y-4 md:col-span-3" style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Services</h3><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/service">Web Development</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/service">App Development</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/service">UI/UX Design</a><a class="block text-gray-400 hover:text-[#5C27FE] transition-colors duration-300" href="/service">Digital Marketing</a></div><div class="space-y-4 md:col-span-4" style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Contact Information</h3><h2 class="text-2xl font-bold mb-4"></h2><div class="space-y-3"><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path></svg><a href="tel:+19727774163" class="text-sm hover:underline" rel="noopener noreferrer"><strong>US:</strong> +1 972 777-4163</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path></svg><a href="tel:+442045155008" class="text-sm hover:underline" rel="noopener noreferrer"><strong>UK:</strong> +44 2045 155008</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M414.73 97.1A222.14 222.14 0 0 0 256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0 0 29.78 111L32 480l118.25-30.87a223.63 223.63 0 0 0 106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 0 0 414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 0 1-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0 1 71.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 0 1 185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 0 0-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0 0 31.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z"></path></svg><a href="https://wa.me/447506100310" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline"><strong>UK:</strong> +44 7506 100310</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M414.73 97.1A222.14 222.14 0 0 0 256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0 0 29.78 111L32 480l118.25-30.87a223.63 223.63 0 0 0 106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 0 0 414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 0 1-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0 1 71.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 0 1 185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 0 0-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0 0 31.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z"></path></svg><a href="https://wa.me/447440451891" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline"><strong>UK:</strong> +44 7440 451891</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M414.73 97.1A222.14 222.14 0 0 0 256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0 0 29.78 111L32 480l118.25-30.87a223.63 223.63 0 0 0 106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 0 0 414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 0 1-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0 1 71.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 0 1 185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 0 0-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0 0 31.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z"></path></svg><a href="https://wa.me/4915216652405" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline"><strong>DE:</strong> +49 152 1665 2405</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg><a href="mailto:info@hnhtechsolutions.com" class="text-sm hover:underline" rel="noopener noreferrer"><strong>Email:</strong> info@hnhtechsolutions.com</a></div><div class="flex items-center space-x-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-[#5C27FE]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg><a href="https://www.google.com/maps/search/?api=1&query=Blackthorn%20Road%2C%20Ilford%2C%20IG1%202PZ" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline"><strong>Address:</strong> Blackthorn Road, Ilford, IG1 2PZ</a></div></div></div></div><hr/><div class="text-center text-gray-400 text-sm py-6" style="opacity:0;transform:translateY(20px)"><p>© 2025 HNH Tech Solutions. All rights reserved.</p></div></div></footer></div><script src="/_next/static/chunks/webpack-8b77fbb9c2331815.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[74709,[\"182\",\"static/chunks/182-f02c1471a47ec9e0.js\",\"15\",\"static/chunks/15-b93a83cdd8bdfd6e.js\",\"177\",\"static/chunks/app/layout-cc388475887e768b.js\"],\"ApolloWrapper\"]\n3:I[15244,[],\"\"]\n4:I[43866,[],\"\"]\n5:I[39667,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\n6:I[93993,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\n7:I[33565,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\n8:I[46680,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e119"])</script><script>self.__next_f.push([1,"07dfefcf2b.js\"],\"default\"]\n9:I[9682,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\na:I[49633,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\nb:I[58001,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\nc:I[34537,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"static/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\nd:I[26616,[\"711\",\"static/chunks/8e1d74a4-beb239c753c0d48e.js\",\"512\",\"static/chunks/9c4e2130-4286b660d59927a4.js\",\"380\",\"static/chunks/479ba886-8ce2a7a4225571d5.js\",\"873\",\"sta"])</script><script>self.__next_f.push([1,"tic/chunks/3d47b92a-585a493791402051.js\",\"605\",\"static/chunks/605-1c31f64f052002d7.js\",\"269\",\"static/chunks/269-a13ba9c84b0a094e.js\",\"667\",\"static/chunks/667-c0b9903909088b52.js\",\"722\",\"static/chunks/722-1a723871a528e168.js\",\"974\",\"static/chunks/app/page-f3e11907dfefcf2b.js\"],\"default\"]\ne:I[86213,[],\"OutletBoundary\"]\n10:I[86213,[],\"MetadataBoundary\"]\n12:I[86213,[],\"ViewportBoundary\"]\n14:I[34835,[],\"\"]\n:HL[\"/_next/static/css/ac64170b6139ec8d.css\",\"style\"]\n:HL[\"/_next/static/css/3a24c022f69a36a9.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"nHjsEtx_40riEHLYTnQWI\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac64170b6139ec8d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-[#070a29] text-white font-conthrax\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden relative\",\"children\":[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/3a24c022f69a36a9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"CWArMexwLsi8sZVKrXHig\",{\"children\":[[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],null]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"HNH Tech Solutions\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"HNH Tech Solutions\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}]]\n"])</script><script>self.__next_f.push([1,"f:null\n"])</script></body></html>