Help
RSS
API
Feed
Maltego
Contact
Domain > bytelogist.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-12-09
104.21.63.145
(
ClassC
)
2025-12-10
172.67.146.219
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Wed, 10 Dec 2025 04:55:28 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveCache-Control: s-maxage31536000ETag: gqo032d4z93cxwVary: RSC, Next-Router-State-Tree, Next-Router-Prefetch, Next-Router-Segment-Prefetch, accept-encodingx-nextjs-cache: MISSx-nextjs-prerender: 1x-nextjs-stale-time: 4294967294x-opennext: 1x-powered-by: Next.jsReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sRh2y04sbYs1JXyKJ9BlDcmgHz%2FpZVFVtqFIXH7jYP%2F8GUtso6Ia%2F2p%2Bb5FXshCnVC3v%2Fhkur2B3gibP%2B2EUyRHQVA3iBn%2FqRKZ8KuA%3D%3D}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflareCF-RAY: 9aba266c7ff1efb4-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/028c0d39d2e8f589-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/5b01f339abf2f1a5.p.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/black-logo.png/>link relpreload asimage href./sniply.png/>link relpreload asimage hrefhttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg/>link relpreload asimage hrefhttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512/>link relpreload asimage href./inchworm.png/>link relpreload asimage hrefhttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png/>link relpreload asimage hrefhttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg/>link relpreload asimage href/portfolio-1.webp/>link relpreload asimage href/portfolio-2.webp/>link relpreload asimage href/portfolio-3.webp/>link relstylesheet href/_next/static/css/6d9a6cb5695c357f.css data-precedencenext/>link relstylesheet href/_next/static/css/6ad9841b43ad2bc9.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-81e98ac2c671f8bc.js/>script src/_next/static/chunks/4bd1b696-9954d8c2b0b5f18f.js async>/script>script src/_next/static/chunks/684-8975472fe8dfff43.js async>/script>script src/_next/static/chunks/main-app-f894613ccd46b52a.js async>/script>script src/_next/static/chunks/540-7f9299c325e11f6c.js async>/script>script src/_next/static/chunks/487-5f4acf30dc27a574.js async>/script>script src/_next/static/chunks/app/layout-b238b401bb79729e.js async>/script>script src/_next/static/chunks/375-74edf45fc77c3127.js async>/script>script src/_next/static/chunks/64-0fff7c6e7cc2ef68.js async>/script>script src/_next/static/chunks/app/page-a9d456f912003c61.js async>/script>link relpreload asimage href/portfolio-4.webp/>link relpreload asimage href/portfolio-5.webp/>link relpreload asimage href/portfolio-6.webp/>link relpreload asimage href/portfolio-7.webp/>link relpreload asimage href/portfolio-8.webp/>link relpreload asimage href/portfolio-9.webp/>link relpreload asimage href/portfolio-10.webp/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original-wordmark.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/chrome/chrome-original.svg/>link relpreload asimage href/placeholder.svg?height60&width60&textSJ/>link relpreload asimage href/placeholder.svg?height60&width60&textMC/>link relpreload asimage href/placeholder.svg?height60&width60&textER/>link relpreload asimage href/placeholder.svg?height60&width60&textDT/>link relpreload asimage href/placeholder.svg?height60&width60&textLW/>link relpreload asimage href/placeholder.svg?height60&width60&textJM/>link relpreload hrefhttps://www.googletagmanager.com/gtag/js?idG-VWBHQVP7JM asscript/>meta namenext-size-adjust content/>title>Bytelogist/title>meta namedescription contentBytelogist is a software development house that provides custom software solutions to clients./>link relicon href/favicon.png/>style>html { font-family: GeistSans, GeistSans Fallback; --font-sans: __variable_fb8f2c; --font-mono: __variable_f910ec;} /style>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body>script>((e2, t8, r2, n2, o2, a2, i2, l2) > { let s2 document.documentElement, u2 light, dark; function c2(t9) { var r3; (Array.isArray(e2) ? e2 : e2).forEach((e3) > { let r4 e3 class, n3 r4 && a2 ? o2.map((e4) > a2e4 || e4) : o2; r4 ? (s2.classList.remove(...n3), s2.classList.add(a2 && a2t9 ? a2t9 : t9)) : s2.setAttribute(e3, t9); }), r3 t9, l2 && u2.includes(r3) && (s2.style.colorScheme r3); } __name(c2, c2); if (n2) c2(n2); else try { let e3 localStorage.getItem(t8) || r2, n3 i2 && e3 system ? window.matchMedia((prefers-color-scheme: dark)).matches ? dark : light : e3; c2(n3); } catch { } })(class,bytelogist-theme,system,null,light,dark,null,true,true)/script>div classjsx-2980842582 min-h-screen bg-gradient-to-br from-gray-50 via-white to-gray-100 dark:from-slate-950 dark:via-gray-900 dark:to-slate-950 text-gray-900 dark:text-white overflow-hidden relative transition-colors duration-500 cursor-default>div classjsx-2980842582 fixed inset-0 bg-radial-gradient(ellipse_at_center,rgba(79,70,229,0.05),rgba(255,255,255,0)) dark:bg-radial-gradient(ellipse_at_center,rgba(120,119,198,0.15),rgba(0,0,0,0))>/div>div classjsx-2980842582 fixed top-0 left-0 w-full h-full>div classjsx-2980842582 absolute top-10% left-5% w-32 md:w-64 h-32 md:h-64 rounded-full bg-gradient-to-r from-blue-500/5 to-cyan-500/5 dark:from-blue-500/10 dark:to-cyan-500/10 blur-3xl subtle-breathe>/div>div styleanimation-delay:1s classjsx-2980842582 absolute top-40% right-10% w-40 md:w-80 h-40 md:h-80 rounded-full bg-gradient-to-r from-indigo-500/5 to-blue-500/5 dark:from-indigo-500/10 dark:to-blue-500/10 blur-3xl subtle-breathe>/div>div styleanimation-delay:2s classjsx-2980842582 absolute bottom-15% left-15% w-36 md:w-72 h-36 md:h-72 rounded-full bg-gradient-to-r from-green-500/5 to-cyan-500/5 dark:from-green-500/10 dark:to-cyan-500/10 blur-3xl subtle-breathe>/div>/div>main classjsx-2980842582 relative z-10>nav classfixed top-4 md:top-8 left-4 md:left-8 right-4 md:right-8 z-50 flex justify-between items-center rounded-full transition-all duration-300 rolenavigation aria-labelMain navigation>a classflex items-center gap-3 aria-labelGo to home href/>img src/black-logo.png altBytelogist classw-14 h-14 md:w-14 md:h-14/>span classtext-lg md:text-xl font-bold bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Bytelogist/span>/a>div classflex items-center gap-3 md:gap-6>button classinline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4 rounded-full group aria-labelToggle between light and dark theme>div classgroup-hover:rotate-180 transition-transform duration-500>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-moon h-5 w-5>path dM12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z>/path>/svg>/div>/button>button classitems-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 hidden md:inline-flex text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4>Portfolio/button>button classitems-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 hidden md:inline-flex text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4>Process/button>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-gray-900 dark:bg-white text-white dark:text-black hover:bg-gray-800 dark:hover:bg-white/90 px-3 md:px-6 py-1.5 md:py-2 text-sm md:text-base hover:scale-105 transition-all duration-300 hover:shadow-lg>Book a Call/button>/div>/nav>section classmin-h-screen flex items-center justify-center px-8 md:px-12 lg:px-16 relative>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-400px md:w-600px lg:w-800px h-400px md:h-600px lg:h-800px border border-gray-200 dark:border-white/5 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-300px md:w-450px lg:w-600px h-300px md:h-450px lg:h-600px border border-gray-200 dark:border-white/10 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-200px md:w-300px lg:w-400px h-200px md:h-300px lg:h-400px border border-gray-300 dark:border-white/20 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classmax-w-6xl mx-auto text-center relative>div classrounded-full border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hidden md:inline-flex mb-8 md:mb-12 text-xs md:text-sm font-light border-gray-300 dark:border-white/20 text-gray-600 dark:text-white/80 px-3 md:px-4 py-1.5 md:py-2 items-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-3 h-3 mr-2>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>Trusted by 100+ Companies/div>h1 classtext-4rem md:text-8rem lg:text-10rem font-bold leading-none tracking-tighter mb-8 md:mb-12 group cursor-default>span classblock text-gray-900 dark:text-white group-hover:tracking-wide transition-all duration-500>Bytelogist/span>span classblock bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-400 dark:via-indigo-400 dark:to-cyan-400 bg-clip-text text-transparent group-hover:tracking-wide transition-all duration-500>Systems/span>/h1>p classtext-lg md:text-2xl lg:text-3xl text-gray-700 dark:text-white/80 mb-12 md:mb-16 max-w-4xl mx-auto leading-relaxed font-light>Transforming complex challenges into elegant solutions. We build software that scales, performs, and delivers results./p>div classflex flex-col sm:flex-row items-center gap-4 justify-center>div classinline-flex items-center gap-2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-500 dark:via-indigo-500 dark:to-cyan-500 p-1px rounded-full group hover:scale-105 transition-all duration-300 hover:shadow-xl>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-white dark:bg-black text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-black/90 px-6 md:px-8 py-4 md:py-6 text-lg md:text-xl group>Get Free Consultationsvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right ml-2 h-4 w-4 md:h-5 md:w-5 group-hover:translate-x-1 transition-transform duration-300>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/button>/div>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 hover:bg-accent h-10 rounded-full border-2 border-gray-300 dark:border-white/20 text-gray-700 dark:text-white hover:border-blue-400 dark:hover:border-blue-400 hover:text-blue-600 dark:hover:text-blue-400 px-6 md:px-8 py-4 md:py-6 text-lg md:text-xl transition-all duration-300 group>View Our Worksvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-target ml-2 h-4 w-4 md:h-5 md:w-5 group-hover:rotate-90 transition-transform duration-300>circle cx12 cy12 r10>/circle>circle cx12 cy12 r6>/circle>circle cx12 cy12 r2>/circle>/svg>/button>/div>/div>/section>section classpy-16 md:py-24 relative overflow-hidden aria-labelledbycompanies-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-12 md:mb-16>h2 idcompanies-heading classtext-lg md:text-xl text-gray-600 dark:text-white/60 font-light mb-8 styleopacity:0;transform:translateY(20px)>Trusted technology partners of leading brands/h2>div classrelative>div classabsolute left-0 top-0 w-20 h-full bg-gradient-to-r from-white dark:from-gray-900 to-transparent z-10>/div>div classabsolute right-0 top-0 w-20 h-full bg-gradient-to-l from-white dark:from-gray-900 to-transparent z-10>/div>div classflex overflow-hidden>div classflex items-center gap-16 md:gap-20 lg:gap-24>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./sniply.png altSniply logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg altFiverr logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512 altFormula Bot logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./inchworm.png altInchworm logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png altInstitute of Project Management logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg altUpwork logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./sniply.png altSniply logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg altFiverr logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512 altFormula Bot logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./inchworm.png altInchworm logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png altInstitute of Project Management logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg altUpwork logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>/div>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyservices-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classgrid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16>div classlg:col-span-5 flex flex-col justify-start lg:pr-16 mb-16 lg:mb-0>h2 idservices-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Build like!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>experts/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 mb-8 md:mb-12 leading-relaxed>We specialize in cutting-edge technologies and modern development practices to deliver scalable, secure, and performant solutions./p>div classflex items-center gap-6 md:gap-8>div classw-16 md:w-20 h-2px bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400>/div>p classtext-sm md:text-base text-gray-500 dark:text-white/50>Full-stack development & consulting/p>/div>/div>div classlg:col-span-7 relative>div classabsolute -top-10 md:-top-20 -left-10 md:-left-20 w-20 md:w-40 h-20 md:h-40 rounded-full bg-gradient-to-r from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 blur-3xl>/div>div classabsolute -bottom-10 md:-bottom-20 -right-10 md:-right-20 w-20 md:w-40 h-20 md:h-40 rounded-full bg-gradient-to-r from-cyan-500/10 to-blue-500/10 dark:from-cyan-500/20 dark:to-blue-500/20 blur-3xl>/div>div classgrid grid-cols-4 grid-rows-4 gap-3 md:gap-4 h-400px md:h-500px lg:h-600px relative>div classcol-span-2 row-span-2 rounded-2xl md:rounded-3xl bg-gradient-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/15 dark:to-indigo-500/15 backdrop-blur-sm border-2 border-blue-300/50 dark:border-blue-400/30 p-4 md:p-6 transition-all duration-500 flex flex-col justify-between shadow-lg group hover:scale-1.02 hover:shadow-xl hover:border-blue-400/70 dark:hover:border-blue-400/50 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classabsolute top-3 right-3 w-2 h-2 rounded-full bg-blue-500 animate-pulse>/div>div classflex items-center gap-2 mb-2>div classw-6 h-6 rounded-lg bg-gradient-to-r from-blue-500 to-indigo-500 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe w-3 h-3 text-white>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>/div>span classtext-xs font-medium text-blue-600 dark:text-blue-400>FEATURED/span>/div>h3 classtext-xl md:text-3xl font-bold text-gray-900 dark:text-white relative z-10>Web Apps/h3>/div>div classcol-span-2 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-3 md:p-6 transition-all duration-500 flex items-center justify-between shadow-sm group hover:scale-1.02 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-blue-300 dark:hover:border-blue-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-cyan-500/5 dark:from-blue-500/10 dark:to-cyan-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>h3 classtext-lg md:text-2xl font-medium text-gray-900 dark:text-white relative z-10>Mobile Apps/h3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-smartphone w-6 h-6 text-blue-500 relative z-10>rect width14 height20 x5 y2 rx2 ry2>/rect>path dM12 18h.01>/path>/svg>/div>div classcol-span-1 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-green-300 dark:hover:border-green-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-green-500/5 to-emerald-500/5 dark:from-green-500/10 dark:to-emerald-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-database w-6 h-6 text-green-500 mb-2 relative z-10>ellipse cx12 cy5 rx9 ry3>/ellipse>path dM3 5V19A9 3 0 0 0 21 19V5>/path>path dM3 12A9 3 0 0 0 21 12>/path>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>APIs/h3>/div>div classcol-span-1 row-span-2 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-orange-300 dark:hover:border-orange-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-orange-500/5 to-red-500/5 dark:from-orange-500/10 dark:to-red-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code w-6 h-6 text-orange-500 mb-2 relative z-10>polyline points16 18 22 12 16 6>/polyline>polyline points8 6 2 12 8 18>/polyline>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>Custom Solutions/h3>/div>div classcol-span-2 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-3 md:p-6 transition-all duration-500 flex items-center justify-between shadow-sm group hover:scale-1.02 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-cyan-300 dark:hover:border-cyan-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-cyan-500/5 to-blue-500/5 dark:from-cyan-500/10 dark:to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>h3 classtext-lg md:text-2xl font-medium text-gray-900 dark:text-white relative z-10>Cloud & DevOps/h3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap w-6 h-6 text-cyan-500 relative z-10>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>div classcol-span-1 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-blue-300 dark:hover:border-blue-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-users w-6 h-6 text-blue-500 mb-2 relative z-10>path dM16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2>/path>circle cx9 cy7 r4>/circle>path dM22 21v-2a4 4 0 0 0-3-3.87>/path>path dM16 3.13a4 4 0 0 1 0 7.75>/path>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>Consulting/h3>/div>/div>/div>/div>/div>/section>section idportfolio classpy-24 md:py-32 relative overflow-hidden aria-labelledbyportfolio-heading>div classmax-w-7xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-16 md:mb-20 styleopacity:0;transform:translateY(30px)>h2 idportfolio-heading classtext-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight>Our Work!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Speaks for Itself/span>/h2>p classtext-lg md:text-xl text-gray-600 dark:text-white/60 max-w-4xl mx-auto leading-relaxed>From AI-native platforms to custom browsers and full-stack SaaS —br classhidden md:block/>here's what we've shipped./p>/div>div classrelative overflow-hidden>div classflex gap-6 md:gap-8 animate-scroll-horizontal>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-1.webp altMeetMind.ai - Meeting Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Productivity Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>MeetMind.ai - Meeting Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>AI-powered meeting management platform with scheduling, collaboration tools, and productivity tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>TypeScript/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-2.webp altBusiness Analytics Dashboard classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Dashboard/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Business Analytics Dashboard/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive dashboard with real-time data visualization and user management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Material-UI/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-3.webp altCognix - AI Learning Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>AI/ML/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Cognix - AI Learning Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>VR-enhanced learning platform with AI-powered reasoning and perception training/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Three.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebXR/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-4.webp altVeowoHub - Integration Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>SaaS Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>VeowoHub - Integration Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Messenger integration service with seamless workflow automation and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebSocket/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-5.webp altTrendex - HR Management System classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Enterprise Software/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Trendex - HR Management System/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Employee management platform with attendance tracking and performance analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-6.webp altGrowth Marketing Agency classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Marketing Website/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Growth Marketing Agency/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Performance marketing agency website with team collaboration and growth metrics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Tailwind CSS/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Framer Motion/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-7.webp altKlepar - Project Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Project Management/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Klepar - Project Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive project management dashboard with team collaboration and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-8.webp altCrypto Wallet Interface classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Fintech/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Crypto Wallet Interface/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Secure cryptocurrency wallet with real-time trading and portfolio management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Web3.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Redux/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-9.webp altSecury - Asset Protection classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Security Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Secury - Asset Protection/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Cybersecurity platform for crypto asset monitoring and protection services/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Blockchain API/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-10.webp altFertility Care Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Healthcare/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Fertility Care Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Healthcare platform for fertility services with doctor consultations and care tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-1.webp altMeetMind.ai - Meeting Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Productivity Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>MeetMind.ai - Meeting Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>AI-powered meeting management platform with scheduling, collaboration tools, and productivity tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>TypeScript/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-2.webp altBusiness Analytics Dashboard classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Dashboard/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Business Analytics Dashboard/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive dashboard with real-time data visualization and user management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Material-UI/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-3.webp altCognix - AI Learning Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>AI/ML/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Cognix - AI Learning Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>VR-enhanced learning platform with AI-powered reasoning and perception training/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Three.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebXR/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-4.webp altVeowoHub - Integration Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>SaaS Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>VeowoHub - Integration Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Messenger integration service with seamless workflow automation and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebSocket/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-5.webp altTrendex - HR Management System classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Enterprise Software/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Trendex - HR Management System/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Employee management platform with attendance tracking and performance analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-6.webp altGrowth Marketing Agency classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Marketing Website/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Growth Marketing Agency/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Performance marketing agency website with team collaboration and growth metrics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Tailwind CSS/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Framer Motion/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-7.webp altKlepar - Project Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Project Management/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Klepar - Project Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive project management dashboard with team collaboration and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-8.webp altCrypto Wallet Interface classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Fintech/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Crypto Wallet Interface/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Secure cryptocurrency wallet with real-time trading and portfolio management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Web3.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Redux/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-9.webp altSecury - Asset Protection classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Security Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Secury - Asset Protection/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Cybersecurity platform for crypto asset monitoring and protection services/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Blockchain API/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-10.webp altFertility Care Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Healthcare/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Fertility Care Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Healthcare platform for fertility services with doctor consultations and care tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>/div>div classabsolute top-0 left-0 w-20 h-full bg-gradient-to-r from-gray-50 via-gray-50/80 to-transparent dark:from-slate-950 dark:via-slate-950/80 dark:to-transparent pointer-events-none z-10>/div>div classabsolute top-0 right-0 w-20 h-full bg-gradient-to-l from-gray-50 via-gray-50/80 to-transparent dark:from-slate-950 dark:via-slate-950/80 dark:to-transparent pointer-events-none z-10>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyskills-heading>div classmax-w-7xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-16 md:mb-20 styleopacity:0;transform:translateY(30px)>h2 idskills-heading classtext-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight>Our!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Expertise/span>/h2>p classtext-lg md:text-xl text-gray-600 dark:text-white/60 max-w-4xl mx-auto leading-relaxed>We master the latest technologies and frameworks to deliver cutting-edge solutionsbr classhidden md:block/>that drive your business forward./p>/div>div classgrid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4 md:gap-6>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg altReact logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>React/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg altNext.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Next.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg altTypeScript logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>TypeScript/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg altNode.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Node.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg altPython logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Python/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original-wordmark.svg altAWS logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>AWS/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg altDocker logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Docker/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg altPostgreSQL logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>PostgreSQL/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg altMongoDB logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>MongoDB/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg altGraphQL logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>GraphQL/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg altVue.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Vue.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/chrome/chrome-original.svg altChrome Extensions logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Chrome Extensions/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>/div>div classtext-center mt-16 md:mt-20 styleopacity:0;transform:translateY(30px)>p classtext-gray-600 dark:text-white/60 mb-6>Ready to leverage our expertise for your next project?/p>button classinline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 bg-primary hover:bg-primary/90 h-10 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white px-8 py-3 rounded-full hover:scale-105 transition-all duration-300 hover:shadow-lg>Let's Build Together/button>/div>/div>/section>section idprocess classpy-24 md:py-32 relative aria-labelledbyprocess-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center>h2 idprocess-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Our!-- --> span classbg-gradient-to-r from-green-600 to-emerald-600 dark:from-green-400 dark:to-emerald-400 bg-clip-text text-transparent>Process/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>We follow a proven methodology to ensure your project is delivered on time, within budget, and exceeds expectations./p>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-indigo-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-target w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>circle cx12 cy12 r10>/circle>circle cx12 cy12 r6>/circle>circle cx12 cy12 r2>/circle>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>1/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Discovery/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>We dive deep into your business goals, target audience, and technical requirements./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-cyan-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>2/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Planning/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Detailed project roadmap, timeline, and technical architecture planning./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-emerald-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>polyline points16 18 22 12 16 6>/polyline>polyline points8 6 2 12 8 18>/polyline>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>3/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Development/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Agile development with regular updates and feedback sessions./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-purple-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-rocket w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>path dM4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z>/path>path dm12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z>/path>path dM9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0>/path>path dM12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5>/path>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>4/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Launch/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Thorough testing, deployment, and ongoing support to ensure success./p>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbystats-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-20 md:mb-28 styleopacity:0;transform:translateY(30px)>h2 idstats-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>span classbg-gradient-to-r from-emerald-600 to-teal-600 dark:from-emerald-400 dark:to-teal-400 bg-clip-text text-transparent>Numbers/span> !-- -->that speak/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>Our track record of success speaks for itself. Here's what we've achieved together with our clients./p>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-indigo-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-indigo-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-award w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>path dm15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526>/path>circle cx12 cy8 r6>/circle>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-indigo-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->+/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Projects Delivered/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Successfully completed projects across 15+ industries/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-purple-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->+/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Clients Worldwide/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Trusted by companies across the globe/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-emerald-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-emerald-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-trending-up w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>polyline points22 7 13.5 15.5 8.5 10.5 2 17>/polyline>polyline points16 7 22 7 22 13>/polyline>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-emerald-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0.0!-- -->x/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-emerald-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Average ROI/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Return on investment our clients achieve within 12 months/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-cyan-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-cyan-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->★/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Top Rated/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Consistently rated 5 stars by clients on Upwork platform/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbytestimonials-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center styleopacity:0;transform:translateY(30px)>h2 idtestimonials-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Client!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Love/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>Don't just take our word for it. Here's what our clients say about working with us./p>/div>div classgrid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist transformed our legacy system into a modern, scalable platform. The team's expertise in cloud architecture and their attention to detail resulted in a 40% increase in our conversion rate and significantly improved user experience.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textSJ altSarah Johnson classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Sarah Johnson/div>div classtext-sm text-gray-600 dark:text-white/60>CTO at TechCorp/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->Working with ByteLogist was a game-changer for our startup. They delivered a full-stack solution that perfectly aligned with our vision. Their agile approach and regular communication made the entire development process smooth and transparent.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textMC altMichael Chen classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Michael Chen/div>div classtext-sm text-gray-600 dark:text-white/60>Founder at InnovateLab/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->The mobile app ByteLogist developed exceeded all our expectations. Their React Native expertise delivered a cross-platform solution that performs flawlessly on both iOS and Android. The project was completed on time and within budget.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textER altEmily Rodriguez classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Emily Rodriguez/div>div classtext-sm text-gray-600 dark:text-white/60>Product Manager at DataFlow/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist built our entire fintech platform from scratch. Their knowledge of security best practices and compliance requirements was exceptional. The platform handles thousands of transactions daily without any issues.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textDT altDavid Thompson classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>David Thompson/div>div classtext-sm text-gray-600 dark:text-white/60>CEO at FinanceFlow/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->The team at ByteLogist seamlessly integrated with our existing development workflow. Their DevOps expertise helped us achieve 99.9% uptime and reduced our deployment time by 70%. Truly professional and reliable partners.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textLW altLisa Wang classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Lisa Wang/div>div classtext-sm text-gray-600 dark:text-white/60>VP of Engineering at CloudSync/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist developed our e-learning platform with incredible attention to user experience. The platform now serves over 10,000 students daily. Their ongoing support and maintenance have been outstanding.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textJM altJames Martinez classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>James Martinez/div>div classtext-sm text-gray-600 dark:text-white/60>Founder at EduTech Solutions/div>/div>/div>/div>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyfaq-heading>div classmax-w-4xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center>h2 idfaq-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>span classbg-gradient-to-r from-blue-600 to-cyan-600 dark:from-blue-400 dark:to-cyan-400 bg-clip-text text-transparent>FAQ/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed>Got questions? We've got answers./p>/div>div classspace-y-4>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>What technologies do you specialize in?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>How long does a typical project take?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>Do you provide ongoing support and maintenance?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>What is your development process?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>Can you work with our existing team?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>/div>/div>/section>section idbook-call classmin-h-screen flex items-center justify-center relative py-24 md:py-32 aria-labelledbycta-heading>div classabsolute inset-0 flex items-center justify-center -z-10>div classw-300px md:w-500px lg:w-600px h-300px md:h-500px lg:h-600px rounded-full border border-gray-200 dark:border-white/10 subtle-breathe>/div>div classw-400px md:w-650px lg:w-800px h-400px md:h-650px lg:h-800px rounded-full border border-gray-100 dark:border-white/5 absolute subtle-breathe styleanimation-delay:1s>/div>div classw-500px md:w-800px lg:w-1000px h-500px md:h-800px lg:h-1000px rounded-full border border-gray-300 dark:border-white/3 absolute subtle-breathe styleanimation-delay:2s>/div>/div>div classmax-w-4xl mx-auto text-center px-8 md:px-12 lg:px-16 relative z-10>h2 idcta-heading classtext-5xl md:text-7xl lg:text-8xl font-bold mb-12 md:mb-16 leading-tight text-gray-900 dark:text-white>Ready to!-- --> span classbg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-400 dark:via-indigo-400 dark:to-cyan-400 bg-clip-text text-transparent>Build/span>?/h2>p classtext-xl md:text-2xl lg:text-3xl text-gray-700 dark:text-white/70 mb-16 md:mb-20 leading-relaxed>Let's discuss your project and turn your vision into reality. Book a free consultation call today./p>div classflex flex-col sm:flex-row gap-6 justify-center items-center>div classinline-flex items-center gap-2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-500 dark:via-indigo-500 dark:to-cyan-500 p-1px rounded-full group hover:scale-105 transition-all duration-300 hover:shadow-xl>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-white dark:bg-black text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-black/90 px-8 md:px-12 py-6 md:py-8 text-lg md:text-2xl group>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar mr-2 md:mr-3 h-5 w-5 md:h-6 md:w-6>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>Book Free Consultationsvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right ml-2 md:ml-3 h-5 w-5 md:h-6 md:w-6 group-hover:translate-x-1 transition-transform duration-300>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/button>/div>button classinline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 hover:bg-accent h-10 text-lg md:text-xl text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white px-6 py-3 group>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-message-square mr-2 h-5 w-5 group-hover:scale-110 transition-transform duration-300>path dM21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z>/path>/svg>Send Message/button>/div>div classmt-12 md:mt-16 flex items-center justify-center gap-8 md:gap-12 text-sm md:text-base text-gray-600 dark:text-white/60>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>Free consultation/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>No commitment/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>Expert advice/div>/div>/div>/section>/main>button data-cal-namespace30min data-cal-linkhassanrazakhan/30min data-cal-config{"layout":"month_view"} styledisplay:none classjsx-2980842582>Cal.com Trigger/button>footer classrelative>div classrelative z-10 max-w-6xl mx-auto px-8 md:px-12 lg:px-16 py-8 md:py-12>div classborder-t border-gray-200/30 dark:border-white/10 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center gap-4>p classtext-gray-600 dark:text-white/70 text-sm>© 2024 Bytelogist. All rights reserved./p>div classflex items-center gap-6 text-sm>a href/privacy classtext-gray-700 dark:text-white/80 hover:text-gray-900 dark:hover:text-white transition-colors>Privacy Policy/a>span classhidden md:inline text-gray-400>•/span>a href/terms classtext-gray-700 dark:text-white/80 hover:text-gray-900 dark:hover:text-white transition-colors>Terms of Service/a>a hrefhttps://twitter.com/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-blue-50 dark:hover:bg-blue-500/20 hover:border-blue-300/50 dark:hover:border-blue-400/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-blue-500 fillcurrentColor viewBox0 0 24 24>path dM18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z>/path>/svg>/a>a hrefhttps://linkedin.com/company/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-blue-50 dark:hover:bg-blue-500/20 hover:border-blue-300/50 dark:hover:border-blue-400/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-blue-500 fillcurrentColor viewBox0 0 24 24>path dM20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z>/path>/svg>/a>a hrefhttps://github.com/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-gray-50 dark:hover:bg-white/20 hover:border-gray-300/50 dark:hover:border-white/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-gray-900 dark:group-hover:text-white fillcurrentColor viewBox0 0 24 24>path dM12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z>/path>/svg>/a>/div>/div>/div>/footer>/div>div roleregion aria-labelNotifications (F8) tabindex-1 stylepointer-events:none>ol tabindex-1 classfixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-420px>/ol>/div>script src/_next/static/chunks/webpack-81e98ac2c671f8bc.js async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I7353,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\default\\n3:I7555,,\\\n4:I1295,,\\\n5:I5038,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\Toaster\\n6:I6259,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\GoogleAnalytics\\n7:I894,,\ClientPageRoot\\n8:I2711,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\375\,\static/chunks/375-74edf45fc77c3127.js\,\64\,\static/chunks/64-0fff7c6e7cc2ef68.js\,\974\,\static/chunks/app/page-a9d456f912003c61.js\,\default\\nb:I9665,,\OutletBoundary\\ne:I9665,,\ViewportBoundary\\n10:I9665,,\MetadataBoundary\\n12:I6614,,\\\n:HL\/_next/static/media/028c0d39d2e8f589-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/5b01f339abf2f1a5.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/css/6d9a6cb5695c357f.css\,\style\\n:HL\/_next/static/css/6ad9841b43ad2bc9.css\,\style\\n)/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\7HINiPQ2OHcQQtvJ5K9Ln\,\p\:\\,\c\:\\,\\,\i\:false,\f\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\\,\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/6d9a6cb5695c357f.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\1\,{\rel\:\stylesheet\,\href\:\/_next/static/css/6ad9841b43ad2bc9.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\children\:\$\,\head\,null,{\children\:\$\,\style\,null,{\children\:\\\nhtml {\\n font-family: GeistSans, GeistSans Fallback;\\n --font-sans: __variable_fb8f2c;\\n --font-mono: __variable_f910ec;\\n}\\n \}},\$\,\body\,null,{\children\:\$\,\$L2\,null,{\children\:\$\,\$L3\,null,{\parallelRouterKey\:\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\},\$\,\$L5\,null,{},\$\,\$L6\,null,{\gaId\:\G-VWBHQVP7JM\}}}}},{\children\:\__PAGE__\,\$\,\$1\,\c\,{\children\:\$\,\$L7\,null,{\Component\:\$8\,\searchParams\:{},\params\:{},\promises\:\$@9\,\$@a\},\$undefined\,null,\$\,\$Lb\,null,{\children\:\$Lc\,\$Ld\,null}},{},null,false},null,false,\$\,\$1\,\h\,{\children\:null,\$\,\$1\,\qh1WCSiiLH3WAJEVsRjOd\,{\children\:\$\,\$Le\,null,{\children\:\$Lf\},\$\,\meta\,null,{\name\:\next-size-adjust\,\content\:\\}},\$\,\$L10\,null,{\children\:\$L11\}},false,\m\:\$undefined\,\G\:\$12\,\$undefined\,\s\:false,\S\:true}\n9:{}\na:{}\n)/script>script>self.__next_f.push(1,f:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\nc:null\n)/script>script>self.__next_f.push(1,d:null\n11:\$\,\title\,\0\,{\children\:\Bytelogist\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Bytelogist is a software development house that provides custom software solutions to clients.\},\$\,\link\,\2\,{\rel\:\icon\,\href\:\/favicon.png\}\n)/script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Wed, 10 Dec 2025 04:55:28 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveCache-Control: s-maxage31536000ETag: a1cb5z9wnz3cxwVary: RSC, Next-Router-State-Tree, Next-Router-Prefetch, Next-Router-Segment-Prefetch, accept-encodingx-nextjs-cache: MISSx-nextjs-prerender: 1x-nextjs-stale-time: 4294967294x-opennext: 1x-powered-by: Next.jsReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sBGM88F%2B2JJoicrJoLHqgUdbCO6yv2qusw9yl4lqi2trx8II2eWRae04elnp7Ttkn5ahnKot90Tbx8sB4cJ4GOReK8gjVErZ1tMAuApQU}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflareCF-RAY: 9aba2670dd1b12b1-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/028c0d39d2e8f589-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/5b01f339abf2f1a5.p.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/black-logo.png/>link relpreload asimage href./sniply.png/>link relpreload asimage hrefhttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg/>link relpreload asimage hrefhttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512/>link relpreload asimage href./inchworm.png/>link relpreload asimage hrefhttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png/>link relpreload asimage hrefhttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg/>link relpreload asimage href/portfolio-1.webp/>link relpreload asimage href/portfolio-2.webp/>link relpreload asimage href/portfolio-3.webp/>link relstylesheet href/_next/static/css/6d9a6cb5695c357f.css data-precedencenext/>link relstylesheet href/_next/static/css/6ad9841b43ad2bc9.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-81e98ac2c671f8bc.js/>script src/_next/static/chunks/4bd1b696-9954d8c2b0b5f18f.js async>/script>script src/_next/static/chunks/684-8975472fe8dfff43.js async>/script>script src/_next/static/chunks/main-app-f894613ccd46b52a.js async>/script>script src/_next/static/chunks/540-7f9299c325e11f6c.js async>/script>script src/_next/static/chunks/487-5f4acf30dc27a574.js async>/script>script src/_next/static/chunks/app/layout-b238b401bb79729e.js async>/script>script src/_next/static/chunks/375-74edf45fc77c3127.js async>/script>script src/_next/static/chunks/64-0fff7c6e7cc2ef68.js async>/script>script src/_next/static/chunks/app/page-a9d456f912003c61.js async>/script>link relpreload asimage href/portfolio-4.webp/>link relpreload asimage href/portfolio-5.webp/>link relpreload asimage href/portfolio-6.webp/>link relpreload asimage href/portfolio-7.webp/>link relpreload asimage href/portfolio-8.webp/>link relpreload asimage href/portfolio-9.webp/>link relpreload asimage href/portfolio-10.webp/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original-wordmark.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg/>link relpreload asimage hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/chrome/chrome-original.svg/>link relpreload asimage href/placeholder.svg?height60&width60&textSJ/>link relpreload asimage href/placeholder.svg?height60&width60&textMC/>link relpreload asimage href/placeholder.svg?height60&width60&textER/>link relpreload asimage href/placeholder.svg?height60&width60&textDT/>link relpreload asimage href/placeholder.svg?height60&width60&textLW/>link relpreload asimage href/placeholder.svg?height60&width60&textJM/>link relpreload hrefhttps://www.googletagmanager.com/gtag/js?idG-VWBHQVP7JM asscript/>meta namenext-size-adjust content/>title>Bytelogist/title>meta namedescription contentBytelogist is a software development house that provides custom software solutions to clients./>link relicon href/favicon.png/>style>html { font-family: GeistSans, GeistSans Fallback; --font-sans: __variable_fb8f2c; --font-mono: __variable_f910ec;} /style>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body>script>((e2, t8, r2, n2, o2, a2, i2, l2) > { let s2 document.documentElement, u2 light, dark; function c2(t9) { var r3; (Array.isArray(e2) ? e2 : e2).forEach((e3) > { let r4 e3 class, n3 r4 && a2 ? o2.map((e4) > a2e4 || e4) : o2; r4 ? (s2.classList.remove(...n3), s2.classList.add(a2 && a2t9 ? a2t9 : t9)) : s2.setAttribute(e3, t9); }), r3 t9, l2 && u2.includes(r3) && (s2.style.colorScheme r3); } __name(c2, c2); if (n2) c2(n2); else try { let e3 localStorage.getItem(t8) || r2, n3 i2 && e3 system ? window.matchMedia((prefers-color-scheme: dark)).matches ? dark : light : e3; c2(n3); } catch { } })(class,bytelogist-theme,system,null,light,dark,null,true,true)/script>div classjsx-2980842582 min-h-screen bg-gradient-to-br from-gray-50 via-white to-gray-100 dark:from-slate-950 dark:via-gray-900 dark:to-slate-950 text-gray-900 dark:text-white overflow-hidden relative transition-colors duration-500 cursor-default>div classjsx-2980842582 fixed inset-0 bg-radial-gradient(ellipse_at_center,rgba(79,70,229,0.05),rgba(255,255,255,0)) dark:bg-radial-gradient(ellipse_at_center,rgba(120,119,198,0.15),rgba(0,0,0,0))>/div>div classjsx-2980842582 fixed top-0 left-0 w-full h-full>div classjsx-2980842582 absolute top-10% left-5% w-32 md:w-64 h-32 md:h-64 rounded-full bg-gradient-to-r from-blue-500/5 to-cyan-500/5 dark:from-blue-500/10 dark:to-cyan-500/10 blur-3xl subtle-breathe>/div>div styleanimation-delay:1s classjsx-2980842582 absolute top-40% right-10% w-40 md:w-80 h-40 md:h-80 rounded-full bg-gradient-to-r from-indigo-500/5 to-blue-500/5 dark:from-indigo-500/10 dark:to-blue-500/10 blur-3xl subtle-breathe>/div>div styleanimation-delay:2s classjsx-2980842582 absolute bottom-15% left-15% w-36 md:w-72 h-36 md:h-72 rounded-full bg-gradient-to-r from-green-500/5 to-cyan-500/5 dark:from-green-500/10 dark:to-cyan-500/10 blur-3xl subtle-breathe>/div>/div>main classjsx-2980842582 relative z-10>nav classfixed top-4 md:top-8 left-4 md:left-8 right-4 md:right-8 z-50 flex justify-between items-center rounded-full transition-all duration-300 rolenavigation aria-labelMain navigation>a classflex items-center gap-3 aria-labelGo to home href/>img src/black-logo.png altBytelogist classw-14 h-14 md:w-14 md:h-14/>span classtext-lg md:text-xl font-bold bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Bytelogist/span>/a>div classflex items-center gap-3 md:gap-6>button classinline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4 rounded-full group aria-labelToggle between light and dark theme>div classgroup-hover:rotate-180 transition-transform duration-500>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-moon h-5 w-5>path dM12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z>/path>/svg>/div>/button>button classitems-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 hidden md:inline-flex text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4>Portfolio/button>button classitems-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 py-2 hidden md:inline-flex text-sm md:text-lg font-light text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100/50 dark:hover:bg-white/5 transition-all duration-300 px-2 md:px-4>Process/button>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-gray-900 dark:bg-white text-white dark:text-black hover:bg-gray-800 dark:hover:bg-white/90 px-3 md:px-6 py-1.5 md:py-2 text-sm md:text-base hover:scale-105 transition-all duration-300 hover:shadow-lg>Book a Call/button>/div>/nav>section classmin-h-screen flex items-center justify-center px-8 md:px-12 lg:px-16 relative>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-400px md:w-600px lg:w-800px h-400px md:h-600px lg:h-800px border border-gray-200 dark:border-white/5 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-300px md:w-450px lg:w-600px h-300px md:h-450px lg:h-600px border border-gray-200 dark:border-white/10 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classabsolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-200px md:w-300px lg:w-400px h-200px md:h-300px lg:h-400px border border-gray-300 dark:border-white/20 transition-all duration-500 ease-out hw-accelerate styleborder-radius:50%;transform:translate(-50%, -50%) rotate(0deg)>/div>div classmax-w-6xl mx-auto text-center relative>div classrounded-full border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hidden md:inline-flex mb-8 md:mb-12 text-xs md:text-sm font-light border-gray-300 dark:border-white/20 text-gray-600 dark:text-white/80 px-3 md:px-4 py-1.5 md:py-2 items-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-3 h-3 mr-2>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>Trusted by 100+ Companies/div>h1 classtext-4rem md:text-8rem lg:text-10rem font-bold leading-none tracking-tighter mb-8 md:mb-12 group cursor-default>span classblock text-gray-900 dark:text-white group-hover:tracking-wide transition-all duration-500>Bytelogist/span>span classblock bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-400 dark:via-indigo-400 dark:to-cyan-400 bg-clip-text text-transparent group-hover:tracking-wide transition-all duration-500>Systems/span>/h1>p classtext-lg md:text-2xl lg:text-3xl text-gray-700 dark:text-white/80 mb-12 md:mb-16 max-w-4xl mx-auto leading-relaxed font-light>Transforming complex challenges into elegant solutions. We build software that scales, performs, and delivers results./p>div classflex flex-col sm:flex-row items-center gap-4 justify-center>div classinline-flex items-center gap-2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-500 dark:via-indigo-500 dark:to-cyan-500 p-1px rounded-full group hover:scale-105 transition-all duration-300 hover:shadow-xl>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-white dark:bg-black text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-black/90 px-6 md:px-8 py-4 md:py-6 text-lg md:text-xl group>Get Free Consultationsvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right ml-2 h-4 w-4 md:h-5 md:w-5 group-hover:translate-x-1 transition-transform duration-300>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/button>/div>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 hover:bg-accent h-10 rounded-full border-2 border-gray-300 dark:border-white/20 text-gray-700 dark:text-white hover:border-blue-400 dark:hover:border-blue-400 hover:text-blue-600 dark:hover:text-blue-400 px-6 md:px-8 py-4 md:py-6 text-lg md:text-xl transition-all duration-300 group>View Our Worksvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-target ml-2 h-4 w-4 md:h-5 md:w-5 group-hover:rotate-90 transition-transform duration-300>circle cx12 cy12 r10>/circle>circle cx12 cy12 r6>/circle>circle cx12 cy12 r2>/circle>/svg>/button>/div>/div>/section>section classpy-16 md:py-24 relative overflow-hidden aria-labelledbycompanies-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-12 md:mb-16>h2 idcompanies-heading classtext-lg md:text-xl text-gray-600 dark:text-white/60 font-light mb-8 styleopacity:0;transform:translateY(20px)>Trusted technology partners of leading brands/h2>div classrelative>div classabsolute left-0 top-0 w-20 h-full bg-gradient-to-r from-white dark:from-gray-900 to-transparent z-10>/div>div classabsolute right-0 top-0 w-20 h-full bg-gradient-to-l from-white dark:from-gray-900 to-transparent z-10>/div>div classflex overflow-hidden>div classflex items-center gap-16 md:gap-20 lg:gap-24>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./sniply.png altSniply logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg altFiverr logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512 altFormula Bot logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./inchworm.png altInchworm logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png altInstitute of Project Management logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg altUpwork logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./sniply.png altSniply logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/1/18/Fiverr_Logo_09.2020.svg altFiverr logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://framerusercontent.com/images/Y6VsIha5hJBQ7gXu7UAkGIBrAg.webp?scale-down-to512 altFormula Bot logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img src./inchworm.png altInchworm logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://instituteprojectmanagement.com/wp-content/themes/projectmanagement-dist-main/src/img/logo.png altInstitute of Project Management logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>div classflex items-center justify-center opacity-60 hover:opacity-100 transition-opacity duration-300 group flex-shrink-0>img srchttps://upload.wikimedia.org/wikipedia/commons/f/f4/Upwork_Logo.svg altUpwork logo classh-8 md:h-12 w-auto filter grayscale group-hover:grayscale-0 transition-all duration-300/>/div>/div>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyservices-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classgrid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16>div classlg:col-span-5 flex flex-col justify-start lg:pr-16 mb-16 lg:mb-0>h2 idservices-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Build like!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>experts/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 mb-8 md:mb-12 leading-relaxed>We specialize in cutting-edge technologies and modern development practices to deliver scalable, secure, and performant solutions./p>div classflex items-center gap-6 md:gap-8>div classw-16 md:w-20 h-2px bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400>/div>p classtext-sm md:text-base text-gray-500 dark:text-white/50>Full-stack development & consulting/p>/div>/div>div classlg:col-span-7 relative>div classabsolute -top-10 md:-top-20 -left-10 md:-left-20 w-20 md:w-40 h-20 md:h-40 rounded-full bg-gradient-to-r from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 blur-3xl>/div>div classabsolute -bottom-10 md:-bottom-20 -right-10 md:-right-20 w-20 md:w-40 h-20 md:h-40 rounded-full bg-gradient-to-r from-cyan-500/10 to-blue-500/10 dark:from-cyan-500/20 dark:to-blue-500/20 blur-3xl>/div>div classgrid grid-cols-4 grid-rows-4 gap-3 md:gap-4 h-400px md:h-500px lg:h-600px relative>div classcol-span-2 row-span-2 rounded-2xl md:rounded-3xl bg-gradient-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/15 dark:to-indigo-500/15 backdrop-blur-sm border-2 border-blue-300/50 dark:border-blue-400/30 p-4 md:p-6 transition-all duration-500 flex flex-col justify-between shadow-lg group hover:scale-1.02 hover:shadow-xl hover:border-blue-400/70 dark:hover:border-blue-400/50 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classabsolute top-3 right-3 w-2 h-2 rounded-full bg-blue-500 animate-pulse>/div>div classflex items-center gap-2 mb-2>div classw-6 h-6 rounded-lg bg-gradient-to-r from-blue-500 to-indigo-500 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe w-3 h-3 text-white>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>/div>span classtext-xs font-medium text-blue-600 dark:text-blue-400>FEATURED/span>/div>h3 classtext-xl md:text-3xl font-bold text-gray-900 dark:text-white relative z-10>Web Apps/h3>/div>div classcol-span-2 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-3 md:p-6 transition-all duration-500 flex items-center justify-between shadow-sm group hover:scale-1.02 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-blue-300 dark:hover:border-blue-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-cyan-500/5 dark:from-blue-500/10 dark:to-cyan-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>h3 classtext-lg md:text-2xl font-medium text-gray-900 dark:text-white relative z-10>Mobile Apps/h3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-smartphone w-6 h-6 text-blue-500 relative z-10>rect width14 height20 x5 y2 rx2 ry2>/rect>path dM12 18h.01>/path>/svg>/div>div classcol-span-1 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-green-300 dark:hover:border-green-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-green-500/5 to-emerald-500/5 dark:from-green-500/10 dark:to-emerald-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-database w-6 h-6 text-green-500 mb-2 relative z-10>ellipse cx12 cy5 rx9 ry3>/ellipse>path dM3 5V19A9 3 0 0 0 21 19V5>/path>path dM3 12A9 3 0 0 0 21 12>/path>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>APIs/h3>/div>div classcol-span-1 row-span-2 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-orange-300 dark:hover:border-orange-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-orange-500/5 to-red-500/5 dark:from-orange-500/10 dark:to-red-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code w-6 h-6 text-orange-500 mb-2 relative z-10>polyline points16 18 22 12 16 6>/polyline>polyline points8 6 2 12 8 18>/polyline>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>Custom Solutions/h3>/div>div classcol-span-2 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-3 md:p-6 transition-all duration-500 flex items-center justify-between shadow-sm group hover:scale-1.02 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-cyan-300 dark:hover:border-cyan-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-cyan-500/5 to-blue-500/5 dark:from-cyan-500/10 dark:to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>h3 classtext-lg md:text-2xl font-medium text-gray-900 dark:text-white relative z-10>Cloud & DevOps/h3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap w-6 h-6 text-cyan-500 relative z-10>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>div classcol-span-1 row-span-1 rounded-2xl md:rounded-3xl bg-white/80 dark:bg-white/5 backdrop-blur-sm border border-gray-200 dark:border-white/10 p-2 md:p-6 transition-all duration-500 flex flex-col items-center justify-center shadow-sm group hover:scale-1.05 hover:shadow-lg hover:bg-white/90 dark:hover:bg-white/10 hover:border-blue-300 dark:hover:border-blue-400/30 relative overflow-hidden>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-users w-6 h-6 text-blue-500 mb-2 relative z-10>path dM16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2>/path>circle cx9 cy7 r4>/circle>path dM22 21v-2a4 4 0 0 0-3-3.87>/path>path dM16 3.13a4 4 0 0 1 0 7.75>/path>/svg>h3 classtext-sm md:text-xl font-medium text-gray-900 dark:text-white relative z-10 text-center>Consulting/h3>/div>/div>/div>/div>/div>/section>section idportfolio classpy-24 md:py-32 relative overflow-hidden aria-labelledbyportfolio-heading>div classmax-w-7xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-16 md:mb-20 styleopacity:0;transform:translateY(30px)>h2 idportfolio-heading classtext-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight>Our Work!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Speaks for Itself/span>/h2>p classtext-lg md:text-xl text-gray-600 dark:text-white/60 max-w-4xl mx-auto leading-relaxed>From AI-native platforms to custom browsers and full-stack SaaS —br classhidden md:block/>here's what we've shipped./p>/div>div classrelative overflow-hidden>div classflex gap-6 md:gap-8 animate-scroll-horizontal>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-1.webp altMeetMind.ai - Meeting Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Productivity Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>MeetMind.ai - Meeting Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>AI-powered meeting management platform with scheduling, collaboration tools, and productivity tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>TypeScript/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-2.webp altBusiness Analytics Dashboard classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Dashboard/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Business Analytics Dashboard/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive dashboard with real-time data visualization and user management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Material-UI/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-3.webp altCognix - AI Learning Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>AI/ML/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Cognix - AI Learning Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>VR-enhanced learning platform with AI-powered reasoning and perception training/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Three.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebXR/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-4.webp altVeowoHub - Integration Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>SaaS Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>VeowoHub - Integration Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Messenger integration service with seamless workflow automation and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebSocket/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-5.webp altTrendex - HR Management System classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Enterprise Software/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Trendex - HR Management System/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Employee management platform with attendance tracking and performance analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-6.webp altGrowth Marketing Agency classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Marketing Website/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Growth Marketing Agency/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Performance marketing agency website with team collaboration and growth metrics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Tailwind CSS/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Framer Motion/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-7.webp altKlepar - Project Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Project Management/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Klepar - Project Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive project management dashboard with team collaboration and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-8.webp altCrypto Wallet Interface classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Fintech/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Crypto Wallet Interface/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Secure cryptocurrency wallet with real-time trading and portfolio management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Web3.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Redux/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-9.webp altSecury - Asset Protection classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Security Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Secury - Asset Protection/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Cybersecurity platform for crypto asset monitoring and protection services/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Blockchain API/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-10.webp altFertility Care Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Healthcare/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Fertility Care Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Healthcare platform for fertility services with doctor consultations and care tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-1.webp altMeetMind.ai - Meeting Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Productivity Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>MeetMind.ai - Meeting Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>AI-powered meeting management platform with scheduling, collaboration tools, and productivity tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>TypeScript/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-2.webp altBusiness Analytics Dashboard classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Dashboard/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Business Analytics Dashboard/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive dashboard with real-time data visualization and user management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Material-UI/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-3.webp altCognix - AI Learning Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>AI/ML/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Cognix - AI Learning Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>VR-enhanced learning platform with AI-powered reasoning and perception training/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Three.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebXR/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-4.webp altVeowoHub - Integration Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>SaaS Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>VeowoHub - Integration Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Messenger integration service with seamless workflow automation and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>WebSocket/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-5.webp altTrendex - HR Management System classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Enterprise Software/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Trendex - HR Management System/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Employee management platform with attendance tracking and performance analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-6.webp altGrowth Marketing Agency classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Marketing Website/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Growth Marketing Agency/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Performance marketing agency website with team collaboration and growth metrics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Tailwind CSS/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Framer Motion/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-7.webp altKlepar - Project Management classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Project Management/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Klepar - Project Management/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Comprehensive project management dashboard with team collaboration and analytics/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Chart.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-8.webp altCrypto Wallet Interface classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Fintech/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Crypto Wallet Interface/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Secure cryptocurrency wallet with real-time trading and portfolio management/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Web3.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Redux/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-9.webp altSecury - Asset Protection classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Security Platform/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Secury - Asset Protection/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Cybersecurity platform for crypto asset monitoring and protection services/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Vue.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Node.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Blockchain API/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 w-80 md:w-96 styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group overflow-hidden border-0 bg-white/90 dark:bg-white/5 backdrop-blur-sm hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-1.02 hover:shadow-2xl h-full relative>div classrelative overflow-hidden h-full>img src/portfolio-10.webp altFertility Care Platform classw-full h-full object-cover group-hover:scale-105 transition-transform duration-700/>div classabsolute top-4 right-4 z-20>div classinline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 bg-gradient-to-r from-blue-500/90 to-indigo-500/90 text-white border-0 backdrop-blur-sm>Healthcare/div>/div>div classabsolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/20 opacity-0 group-hover:opacity-100 transition-all duration-500 flex flex-col justify-end p-6 md:p-8 z-10>div classtransform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 delay-100>h3 classtext-xl md:text-2xl font-bold mb-3 text-white>Fertility Care Platform/h3>p classtext-white/90 mb-4 leading-relaxed text-sm md:text-base line-clamp-3>Healthcare platform for fertility services with doctor consultations and care tracking/p>div classflex flex-wrap gap-2>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>React/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>Express.js/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>PostgreSQL/div>div classinline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs border-white/30 text-white/80 bg-white/10 backdrop-blur-sm>+!-- -->1/div>/div>/div>/div>/div>/div>/div>/div>div classabsolute top-0 left-0 w-20 h-full bg-gradient-to-r from-gray-50 via-gray-50/80 to-transparent dark:from-slate-950 dark:via-slate-950/80 dark:to-transparent pointer-events-none z-10>/div>div classabsolute top-0 right-0 w-20 h-full bg-gradient-to-l from-gray-50 via-gray-50/80 to-transparent dark:from-slate-950 dark:via-slate-950/80 dark:to-transparent pointer-events-none z-10>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyskills-heading>div classmax-w-7xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-16 md:mb-20 styleopacity:0;transform:translateY(30px)>h2 idskills-heading classtext-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight>Our!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Expertise/span>/h2>p classtext-lg md:text-xl text-gray-600 dark:text-white/60 max-w-4xl mx-auto leading-relaxed>We master the latest technologies and frameworks to deliver cutting-edge solutionsbr classhidden md:block/>that drive your business forward./p>/div>div classgrid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4 md:gap-6>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg altReact logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>React/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg altNext.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Next.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg altTypeScript logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>TypeScript/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg altNode.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Node.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg altPython logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Python/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original-wordmark.svg altAWS logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>AWS/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg altDocker logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Docker/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg altPostgreSQL logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>PostgreSQL/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg altMongoDB logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>MongoDB/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg altGraphQL logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>GraphQL/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg altVue.js logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Vue.js/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>div classgroup styleopacity:0;transform:translateY(50px)>div classrelative overflow-hidden rounded-2xl bg-white/90 dark:bg-white/5 backdrop-blur-sm border-0 p-6 hover:bg-white dark:hover:bg-white/10 transition-all duration-500 hover:scale-105 hover:shadow-xl group h-32 md:h-36 flex flex-col justify-center>div classw-10 h-10 md:w-12 md:h-12 mx-auto mb-2 group-hover:scale-110 transition-transform duration-300>img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/chrome/chrome-original.svg altChrome Extensions logo classw-full h-full object-contain/>/div>h3 classtext-xs md:text-sm font-bold text-center text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors duration-300>Chrome Extensions/h3>div classabsolute inset-0 bg-gradient-to-br from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl>/div>/div>/div>/div>div classtext-center mt-16 md:mt-20 styleopacity:0;transform:translateY(30px)>p classtext-gray-600 dark:text-white/60 mb-6>Ready to leverage our expertise for your next project?/p>button classinline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 bg-primary hover:bg-primary/90 h-10 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white px-8 py-3 rounded-full hover:scale-105 transition-all duration-300 hover:shadow-lg>Let's Build Together/button>/div>/div>/section>section idprocess classpy-24 md:py-32 relative aria-labelledbyprocess-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center>h2 idprocess-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Our!-- --> span classbg-gradient-to-r from-green-600 to-emerald-600 dark:from-green-400 dark:to-emerald-400 bg-clip-text text-transparent>Process/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>We follow a proven methodology to ensure your project is delivered on time, within budget, and exceeds expectations./p>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-indigo-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-target w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>circle cx12 cy12 r10>/circle>circle cx12 cy12 r6>/circle>circle cx12 cy12 r2>/circle>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>1/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Discovery/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>We dive deep into your business goals, target audience, and technical requirements./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-cyan-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>2/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Planning/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Detailed project roadmap, timeline, and technical architecture planning./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-emerald-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>polyline points16 18 22 12 16 6>/polyline>polyline points8 6 2 12 8 18>/polyline>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>3/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Development/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Agile development with regular updates and feedback sessions./p>/div>div classhidden lg:block absolute top-12 -right-6 w-12 h-3px bg-gradient-to-r from-blue-400 via-blue-300 to-transparent dark:from-blue-500 dark:via-blue-400 dark:to-transparent rounded-full>/div>/div>div classrelative group styleopacity:0;transform:translateY(50px)>div classtext-center relative>div classrelative mb-8>div classw-24 h-24 mx-auto rounded-3xl bg-gradient-to-r from-blue-500 to-purple-500 bg-opacity-10 dark:bg-opacity-20 backdrop-blur-sm border border-white/20 dark:border-white/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 shadow-lg group-hover:shadow-xl>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-rocket w-12 h-12 text-white group-hover:scale-110 transition-transform duration-300>path dM4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z>/path>path dm12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z>/path>path dM9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0>/path>path dM12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5>/path>/svg>/div>div classabsolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-full flex items-center justify-center text-white text-sm font-bold shadow-lg>4/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white>Launch/h3>p classtext-gray-700 dark:text-white/70 leading-relaxed>Thorough testing, deployment, and ongoing support to ensure success./p>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbystats-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classtext-center mb-20 md:mb-28 styleopacity:0;transform:translateY(30px)>h2 idstats-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>span classbg-gradient-to-r from-emerald-600 to-teal-600 dark:from-emerald-400 dark:to-teal-400 bg-clip-text text-transparent>Numbers/span> !-- -->that speak/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>Our track record of success speaks for itself. Here's what we've achieved together with our clients./p>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-indigo-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-indigo-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-award w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>path dm15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526>/path>circle cx12 cy8 r6>/circle>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-indigo-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->+/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Projects Delivered/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Successfully completed projects across 15+ industries/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-purple-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->+/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Clients Worldwide/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Trusted by companies across the globe/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-emerald-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-emerald-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-trending-up w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>polyline points22 7 13.5 15.5 8.5 10.5 2 17>/polyline>polyline points16 7 22 7 22 13>/polyline>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-emerald-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0.0!-- -->x/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-emerald-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Average ROI/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Return on investment our clients achieve within 12 months/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classtext-center group relative styleopacity:0;transform:translateY(50px)>div classabsolute inset-0 rounded-3xl bg-gradient-to-r from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-5 dark:group-hover:opacity-10 transition-opacity duration-700 blur-xl>/div>div classrelative mb-8>div classrelative>div classw-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-cyan-500 p-0.5 group-hover:scale-110 transition-all duration-500>div classw-full h-full rounded-full bg-white dark:bg-gray-900 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-14 h-14 text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>/div>div classabsolute inset-0 w-28 h-28 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-cyan-500 opacity-20 animate-ping styleanimation-duration:3s>/div>/div>/div>div classmb-6>div classtext-5xl md:text-6xl lg:text-7xl font-black mb-2>span classbg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 dark:from-blue-400 dark:via-indigo-400 dark:to-purple-400 bg-clip-text text-transparent>0!-- -->★/span>/div>div classh-1 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full mx-auto stylewidth:0px>/div>/div>h3 classtext-xl md:text-2xl font-bold mb-4 text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300>Top Rated/h3>p classtext-gray-600 dark:text-gray-300 leading-relaxed text-sm md:text-base>Consistently rated 5 stars by clients on Upwork platform/p>div classabsolute top-4 right-4 w-2 h-2 bg-blue-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>div classabsolute bottom-4 left-4 w-2 h-2 bg-indigo-400 rounded-full opacity-50 group-hover:opacity-100 transition-opacity duration-300>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbytestimonials-heading>div classmax-w-6xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center styleopacity:0;transform:translateY(30px)>h2 idtestimonials-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>Client!-- --> span classbg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 bg-clip-text text-transparent>Love/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed max-w-3xl mx-auto>Don't just take our word for it. Here's what our clients say about working with us./p>/div>div classgrid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist transformed our legacy system into a modern, scalable platform. The team's expertise in cloud architecture and their attention to detail resulted in a 40% increase in our conversion rate and significantly improved user experience.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textSJ altSarah Johnson classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Sarah Johnson/div>div classtext-sm text-gray-600 dark:text-white/60>CTO at TechCorp/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->Working with ByteLogist was a game-changer for our startup. They delivered a full-stack solution that perfectly aligned with our vision. Their agile approach and regular communication made the entire development process smooth and transparent.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textMC altMichael Chen classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Michael Chen/div>div classtext-sm text-gray-600 dark:text-white/60>Founder at InnovateLab/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->The mobile app ByteLogist developed exceeded all our expectations. Their React Native expertise delivered a cross-platform solution that performs flawlessly on both iOS and Android. The project was completed on time and within budget.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textER altEmily Rodriguez classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Emily Rodriguez/div>div classtext-sm text-gray-600 dark:text-white/60>Product Manager at DataFlow/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist built our entire fintech platform from scratch. Their knowledge of security best practices and compliance requirements was exceptional. The platform handles thousands of transactions daily without any issues.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textDT altDavid Thompson classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>David Thompson/div>div classtext-sm text-gray-600 dark:text-white/60>CEO at FinanceFlow/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->The team at ByteLogist seamlessly integrated with our existing development workflow. Their DevOps expertise helped us achieve 99.9% uptime and reduced our deployment time by 70%. Truly professional and reliable partners.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textLW altLisa Wang classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>Lisa Wang/div>div classtext-sm text-gray-600 dark:text-white/60>VP of Engineering at CloudSync/div>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(50px)>div classrounded-lg text-card-foreground shadow-sm group border-0 bg-white/80 dark:bg-white/5 backdrop-blur-sm hover:bg-white/90 dark:hover:bg-white/10 transition-all duration-500 hover:shadow-xl h-full>div classp-6 md:p-8 h-full flex flex-col>div classflex items-center gap-1 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-4 h-4 fill-yellow-400 text-yellow-400>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>/div>p classtext-gray-700 dark:text-white/70 mb-6 leading-relaxed italic flex-1>"!-- -->ByteLogist developed our e-learning platform with incredible attention to user experience. The platform now serves over 10,000 students daily. Their ongoing support and maintenance have been outstanding.!-- -->"/p>div classflex items-center gap-4 mt-auto>img src/placeholder.svg?height60&width60&textJM altJames Martinez classw-12 h-12 rounded-full/>div>div classfont-semibold text-gray-900 dark:text-white>James Martinez/div>div classtext-sm text-gray-600 dark:text-white/60>Founder at EduTech Solutions/div>/div>/div>/div>/div>/div>/div>/div>/section>section classpy-24 md:py-32 relative aria-labelledbyfaq-heading>div classmax-w-4xl mx-auto px-8 md:px-12 lg:px-16>div classmb-20 md:mb-28 text-center>h2 idfaq-heading classtext-4xl md:text-6xl lg:text-7xl font-bold mb-8 md:mb-12 leading-tight>span classbg-gradient-to-r from-blue-600 to-cyan-600 dark:from-blue-400 dark:to-cyan-400 bg-clip-text text-transparent>FAQ/span>/h2>p classtext-lg md:text-xl lg:text-2xl text-gray-700 dark:text-white/70 leading-relaxed>Got questions? We've got answers./p>/div>div classspace-y-4>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>What technologies do you specialize in?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>How long does a typical project take?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>Do you provide ongoing support and maintenance?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>What is your development process?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>div classborder border-gray-200 dark:border-white/10 rounded-2xl bg-white/80 dark:bg-white/5 backdrop-blur-sm overflow-hidden styleopacity:0;transform:translateY(20px)>button classw-full px-6 md:px-8 py-6 md:py-8 text-left flex items-center justify-between hover:bg-gray-50 dark:hover:bg-white/5 transition-colors duration-300>span classtext-lg md:text-xl font-semibold text-gray-900 dark:text-white pr-4>Can you work with our existing team?/span>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-5 h-5 text-gray-600 dark:text-white/60 flex-shrink-0>path dM5 12h14>/path>path dM12 5v14>/path>/svg>/div>/button>/div>/div>/div>/section>section idbook-call classmin-h-screen flex items-center justify-center relative py-24 md:py-32 aria-labelledbycta-heading>div classabsolute inset-0 flex items-center justify-center -z-10>div classw-300px md:w-500px lg:w-600px h-300px md:h-500px lg:h-600px rounded-full border border-gray-200 dark:border-white/10 subtle-breathe>/div>div classw-400px md:w-650px lg:w-800px h-400px md:h-650px lg:h-800px rounded-full border border-gray-100 dark:border-white/5 absolute subtle-breathe styleanimation-delay:1s>/div>div classw-500px md:w-800px lg:w-1000px h-500px md:h-800px lg:h-1000px rounded-full border border-gray-300 dark:border-white/3 absolute subtle-breathe styleanimation-delay:2s>/div>/div>div classmax-w-4xl mx-auto text-center px-8 md:px-12 lg:px-16 relative z-10>h2 idcta-heading classtext-5xl md:text-7xl lg:text-8xl font-bold mb-12 md:mb-16 leading-tight text-gray-900 dark:text-white>Ready to!-- --> span classbg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-400 dark:via-indigo-400 dark:to-cyan-400 bg-clip-text text-transparent>Build/span>?/h2>p classtext-xl md:text-2xl lg:text-3xl text-gray-700 dark:text-white/70 mb-16 md:mb-20 leading-relaxed>Let's discuss your project and turn your vision into reality. Book a free consultation call today./p>div classflex flex-col sm:flex-row gap-6 justify-center items-center>div classinline-flex items-center gap-2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 dark:from-blue-500 dark:via-indigo-500 dark:to-cyan-500 p-1px rounded-full group hover:scale-105 transition-all duration-300 hover:shadow-xl>button classinline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 h-10 rounded-full bg-white dark:bg-black text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-black/90 px-8 md:px-12 py-6 md:py-8 text-lg md:text-2xl group>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar mr-2 md:mr-3 h-5 w-5 md:h-6 md:w-6>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>Book Free Consultationsvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right ml-2 md:ml-3 h-5 w-5 md:h-6 md:w-6 group-hover:translate-x-1 transition-transform duration-300>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/button>/div>button classinline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 hover:bg-accent h-10 text-lg md:text-xl text-gray-600 dark:text-white/70 hover:text-gray-900 dark:hover:text-white px-6 py-3 group>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-message-square mr-2 h-5 w-5 group-hover:scale-110 transition-transform duration-300>path dM21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z>/path>/svg>Send Message/button>/div>div classmt-12 md:mt-16 flex items-center justify-center gap-8 md:gap-12 text-sm md:text-base text-gray-600 dark:text-white/60>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>Free consultation/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>No commitment/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-circle-check-big w-4 h-4 text-green-500>path dM21.801 10A10 10 0 1 1 17 3.335>/path>path dm9 11 3 3L22 4>/path>/svg>Expert advice/div>/div>/div>/section>/main>button data-cal-namespace30min data-cal-linkhassanrazakhan/30min data-cal-config{"layout":"month_view"} styledisplay:none classjsx-2980842582>Cal.com Trigger/button>footer classrelative>div classrelative z-10 max-w-6xl mx-auto px-8 md:px-12 lg:px-16 py-8 md:py-12>div classborder-t border-gray-200/30 dark:border-white/10 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center gap-4>p classtext-gray-600 dark:text-white/70 text-sm>© 2024 Bytelogist. All rights reserved./p>div classflex items-center gap-6 text-sm>a href/privacy classtext-gray-700 dark:text-white/80 hover:text-gray-900 dark:hover:text-white transition-colors>Privacy Policy/a>span classhidden md:inline text-gray-400>•/span>a href/terms classtext-gray-700 dark:text-white/80 hover:text-gray-900 dark:hover:text-white transition-colors>Terms of Service/a>a hrefhttps://twitter.com/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-blue-50 dark:hover:bg-blue-500/20 hover:border-blue-300/50 dark:hover:border-blue-400/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-blue-500 fillcurrentColor viewBox0 0 24 24>path dM18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z>/path>/svg>/a>a hrefhttps://linkedin.com/company/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-blue-50 dark:hover:bg-blue-500/20 hover:border-blue-300/50 dark:hover:border-blue-400/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-blue-500 fillcurrentColor viewBox0 0 24 24>path dM20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z>/path>/svg>/a>a hrefhttps://github.com/bytelogist target_blank relnoopener noreferrer classw-12 h-12 rounded-xl bg-white/50 dark:bg-white/10 backdrop-blur-sm border border-gray-200/50 dark:border-white/20 hover:bg-gray-50 dark:hover:bg-white/20 hover:border-gray-300/50 dark:hover:border-white/30 flex items-center justify-center transition-all duration-300 group hover:scale-110 hover:shadow-lg>svg classw-5 h-5 text-gray-600 dark:text-white/70 group-hover:text-gray-900 dark:group-hover:text-white fillcurrentColor viewBox0 0 24 24>path dM12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z>/path>/svg>/a>/div>/div>/div>/footer>/div>div roleregion aria-labelNotifications (F8) tabindex-1 stylepointer-events:none>ol tabindex-1 classfixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-420px>/ol>/div>script src/_next/static/chunks/webpack-81e98ac2c671f8bc.js async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I7353,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\default\\n3:I7555,,\\\n4:I1295,,\\\n5:I5038,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\Toaster\\n6:I6259,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\487\,\static/chunks/487-5f4acf30dc27a574.js\,\177\,\static/chunks/app/layout-b238b401bb79729e.js\,\GoogleAnalytics\\n7:I894,,\ClientPageRoot\\n8:I2711,\540\,\static/chunks/540-7f9299c325e11f6c.js\,\375\,\static/chunks/375-74edf45fc77c3127.js\,\64\,\static/chunks/64-0fff7c6e7cc2ef68.js\,\974\,\static/chunks/app/page-a9d456f912003c61.js\,\default\\nb:I9665,,\OutletBoundary\\ne:I9665,,\ViewportBoundary\\n10:I9665,,\MetadataBoundary\\n12:I6614,,\\\n:HL\/_next/static/media/028c0d39d2e8f589-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/5b01f339abf2f1a5.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/css/6d9a6cb5695c357f.css\,\style\\n:HL\/_next/static/css/6ad9841b43ad2bc9.css\,\style\\n)/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\7HINiPQ2OHcQQtvJ5K9Ln\,\p\:\\,\c\:\\,\\,\i\:false,\f\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\\,\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/6d9a6cb5695c357f.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\1\,{\rel\:\stylesheet\,\href\:\/_next/static/css/6ad9841b43ad2bc9.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\children\:\$\,\head\,null,{\children\:\$\,\style\,null,{\children\:\\\nhtml {\\n font-family: GeistSans, GeistSans Fallback;\\n --font-sans: __variable_fb8f2c;\\n --font-mono: __variable_f910ec;\\n}\\n \}},\$\,\body\,null,{\children\:\$\,\$L2\,null,{\children\:\$\,\$L3\,null,{\parallelRouterKey\:\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\},\$\,\$L5\,null,{},\$\,\$L6\,null,{\gaId\:\G-VWBHQVP7JM\}}}}},{\children\:\__PAGE__\,\$\,\$1\,\c\,{\children\:\$\,\$L7\,null,{\Component\:\$8\,\searchParams\:{},\params\:{},\promises\:\$@9\,\$@a\},\$undefined\,null,\$\,\$Lb\,null,{\children\:\$Lc\,\$Ld\,null}},{},null,false},null,false,\$\,\$1\,\h\,{\children\:null,\$\,\$1\,\86ah7aF8cSKctpcZk4hFQ\,{\children\:\$\,\$Le\,null,{\children\:\$Lf\},\$\,\meta\,null,{\name\:\next-size-adjust\,\content\:\\}},\$\,\$L10\,null,{\children\:\$L11\}},false,\m\:\$undefined\,\G\:\$12\,\$undefined\,\s\:false,\S\:true}\n9:{}\na:{}\n)/script>script>self.__next_f.push(1,f:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\nc:null\n)/script>script>self.__next_f.push(1,d:null\n11:\$\,\title\,\0\,{\children\:\Bytelogist\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Bytelogist is a software development house that provides custom software solutions to clients.\},\$\,\link\,\2\,{\rel\:\icon\,\href\:\/favicon.png\}\n)/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
]