1import{j as e}from"./index-BHKWHNqP.js";import{b as l,L as d}from"./vendor-react-DTF1y61S.js";import"./vendor-icons-Bx5hBfGb.js";function g(){const n=l.useRef(null),i=[{link:"/services/mobile-development",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/mobileapp.png",title:"Mobile App Development",details:["IOS App Development","Mobile App Marketing","App Design","Cross-Platform Development","Android App Development"],hoverDetails:["High-quality apps for iOS","Boost app visibility","User-focused app design","Apps for any platform","Efficient Android solutions"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/1.png"},{link:"/services/web-development",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/webapp.png",title:"Web App Development",details:["Custom Website Development","CMS Development","E-Commerce Development","Web Application Development","Android App Development"],hoverDetails:["Tailored websites for you","Easy content management","Powerful online stores","Scalable web apps","Mobile app solutions"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/2.png"},{link:"/services/ui-ux-design",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/uxui.png",title:"UI/UX Design",details:["User Research","Wireframing and Prototyping","Visual Design","Interaction Design","Design System Development"],hoverDetails:["Understand user needs","Blueprints for apps","Compelling designs","Smooth user interactions","Consistent design systems"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/3.png"},{link:"/services/devops-cloud",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/devOps.png",title:"DevOps and Cloud",details:["Kubernetes and Docker","Cloud Migration","Continuous Integration and Deployment","Cloud Infrastructure Setup","Monitoring and Automation"],hoverDetails:["Efficient containerization","Smooth cloud transitions","Streamlined delivery","Scalable cloud architecture","Real-time tracking"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/4.png"},{link:"/services/blockchain-dev",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/blockchain.png",title:"Blockchain Development",details:["Smart Contract Development","DApps Development","Private Blockchain Solutions","Blockchain Consulting","Cryptocurrency Wallets"],hoverDetails:["Automated contracts","Decentralized apps","Secure blockchain setups","Strategic blockchain advice","Secure wallet solutions"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/5.png"},{link:"/services/AI",icon:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/AI.png",title:"Artificial Intelligence",details:["Machine Learning Models","AI-Powered Chatbots","Predictive Analytics","Natural Language Processing","Computer Vision"],hoverDetails:["Custom AI models","Smart chatbots","Data-driven insights","Language understanding","AI for visual data"],hoverImg:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_170,c_limit/assets/HoverCart/6.png"}],[r,c]=l.useState(0),u=t=>{const s=n.current;if(!s)return;const a=s.scrollWidth/i.length;s.scrollTo({left:t*a,behavior:"smooth"}),c(t)};l.useEffect(()=>{const t=n.current;if(!t)return;const s=()=>{const a=t.scrollWidth/i.length,o=Math.round(t.scrollLeft/a);o!==r&&o>=0&&o<i.length&&c(o)};return t.addEventListener("scroll",s,{passive:!0}),()=>t.removeEventListener("scroll",s)},[r,i.length]);const p=(t,s)=>e.jsx(d,{to:t.link,className:"flex-shrink-0 min-w-[280px] max-w-[360px] lg:max-w-none w-full",style:{scrollSnapAlign:"start"},children:e.jsxs("div",{className:"group relative cursor-pointer h-[264px] w-full max-w-[360px] lg:max-w-none min-w-[280px] py-7 px-4 md:px-8 border rounded-3xl overflow-hidden transition-all duration-300 hover:border-[#008DF3]",children:[e.jsx("div",{className:"transition-opacity duration-300 group-hover:opacity-0",children:e.jsxs("div",{className:"w-full h-[200px] min-w-0",children:[e.jsxs("div",{className:"flex items-center space-x-3 w-full h-[46px] min-w-0",children:[e.jsx("img",{className:"w-[46px] h-[46px]",src:t.icon,alt:t.title,loading:"lazy"}),e.jsx("h1",{className:"font-outfit font-[500] text-[18px] leading-5 truncate",children:t.title})]}),e.jsx("div",{className:"w-full h-[125px] my-7 min-w-0",children:t.details.map((a,o)=>e.jsxs("div",{className:"flex space-x-2 my-2",style:{width:"max-content"},children:[e.jsx("img",{src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/ulicon.png",className:"w-[14px] h-[14px]",alt:"list icon",loading:"lazy"}),e.jsx("h3",{className:"font-proxima font-[500] w-max text-[15px] leading-[20px] text-[#1E1D28] truncate",children:a})]},o))})]})}),e.jsxs("div",{className:"absolute inset-0 py-8 px-4 md:px-8 transition-opacity duration-300 opacity-0 group-hover:opacity-100 bg-[#008DF30D]",children:[e.jsx("img",{src:t.hoverImg,className:"absolute top-8 r
1ight-4 w-[75px] h-[75px] md:w-[85px] md:h-[85px] object-contain",alt:"hover preview",loading:"lazy"}),e.jsx("div",{className:"pr-[70px] md:pr-[90px]",children:t.hoverDetails.map((a,o)=>e.jsxs("div",{className:"flex space-x-1 items-center my-2",children:[e.jsx("img",{src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/uliconhover.png",className:"w-[14px] h-[14px] flex-shrink-0",alt:"hover icon",loading:"lazy"}),e.jsx("h3",{className:"font-proxima font-[500] text-[15px] leading-[20px] text-[#1E1D28]",children:a})]},o))})]})]})},s);return e.jsx("div",{className:"w-full h-auto flex flex-col items-center justify-center border-t-[1.5px] py-12",children:e.jsxs("div",{className:"w-full max-w-[1440px] mx-auto px-4 sm:px-8 md:px-12 lg:px-[95px] h-auto flex flex-col justify-center items-center gap-10",children:[e.jsxs("div",{className:"w-full",children:[e.jsxs("div",{className:"flex mobile:flex-col items-center justify-between text-center gap-2",children:[e.jsxs("h1",{className:"leading-[60px] tracking-[-2%] font-outfit font-[600] md:text-5xl text-3xl text-[#1E1D28]",children:["Services We ",e.jsx("span",{className:"text-[#008DF3]",children:"Provide"})]}),e.jsxs("button",{onClick:()=>{var s;const t=document.getElementById("request_pricing");if(t){const a=((s=document.querySelector(".navbar"))==null?void 0:s.offsetHeight)||80,o=t.getBoundingClientRect().top+window.scrollY-a;window.scrollTo({top:o,behavior:"smooth"})}},className:"bg-[#008DF3] h-12 w-[11.5rem] font-outfit font-[600] text-white py-3 px-6 rounded-lg flex gap-2 items-center",children:[e.jsx("img",{src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/btn-component.svg",className:"w-[14px] h-[14px] animate-pulse-on-off",alt:"btn icon",loading:"lazy"}),"Request Pricing"]})]}),e.jsx("p",{className:"font-proxima text-[#1D2939] font-[500] text-[16px] mobile:text-center leading-6 mt-8 ml-1",children:"We at TeraBit IT provide you with a team of experts who will help you integrate unmatched software solutions for your business."})]}),e.jsxs("div",{className:"relative left-4 w-full block lg:hidden",children:[e.jsx("div",{ref:n,className:"flex gap-10 overflow-x-auto scroll-smooth px-8 py-4 scrollbar-hide",style:{scrollSnapType:"x mandatory"},children:i.map((t,s)=>e.jsx(l.Fragment,{children:p(t,s)},s))}),e.jsx("div",{className:"flex justify-center items-center gap-2 mt-4",children:i.map((t,s)=>e.jsx("button",{onClick:()=>u(s),className:`transition-all duration-300 rounded-full ${r===s?"w-6 h-2 bg-[#008DF3]":"w-2 h-2 bg-gray-300"}`},s))})]}),e.jsx("div",{className:"hidden lg:grid lg:grid-cols-3 gap-6 py-4 w-full",children:i.map((t,s)=>p(t,s))})]})})}export{g as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.