https://terabitit.com/assets/UiUxPage-Chnp8-ab.js

1import{j as e,N as m,R as u,F as h}from"./index-BHKWHNqP.js";import{b as r,u as f,c as g}from"./vendor-react-DTF1y61S.js";import{G as w,W as j}from"./WorkWith-CguwZ-UX.js";import N from"./Success_Stories-Jux_2dYO.js";import v from"./Industries-Bb1D5Xqb.js";import y from"./AboutUs-Dk3Vtb1E.js";import b from"./ProjectDiaries-CrB0b7nO.js";import{F as z,R as _}from"./ResponsiveFAQS-CPulXLoN.js";import"./vendor-icons-Bx5hBfGb.js";import"./successStoriesData-CndL6JTf.js";import"./YouTube.esm-CkLHxa9Y.js";function D(){const s=[{src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Slider/1.webp",alt:"1"},{src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Slider/2.png",alt:"2"},{src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Slider/3.webp",alt:"3"}],c=28,[i,n]=r.useState(0);return r.useEffect(()=>{const a=setInterval(()=>{n(l=>(l+1)%s.length)},3e3);return()=>clearInterval(a)},[s.length]),e.jsx(e.Fragment,{children:e.jsxs("div",{className:"max-w-xs mx-auto h-[590px] flex flex-col gap-2  items-center justify-center",children:[e.jsx("div",{className:"w-[276px] h-[558px] relative overflow-hidden",children:e.jsx("div",{className:"flex transition-transform duration-500",style:{transform:`translateX(-${i*276}px)`},children:s.map((a,l)=>e.jsx("img",{className:"w-[276px] h-[558px] flex-shrink-0 object-cover",src:a.src,alt:a.alt},l))})}),e.jsxs("div",{className:"w-[80px] h-[10px] relative flex items-center justify-center",children:[e.jsx("div",{className:"flex flex-row gap-5  ",children:s.map((a,l)=>e.jsx("img",{className:"w-[10px] h-[20px]  object-contain",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/icons/circle.png",alt:"inactive indicator"},l))}),e.jsx("img",{className:"absolute top-0 left-0 w-[30px] h-[10px] z-10  transition-transform duration-500",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/icons/rectangle.png",alt:"active indicator",style:{transform:`translateX(${i*c}px)`}})]})]})})}const E=()=>{const s=[e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"01"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"Discovery & Research"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-max h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Understand user needs and business goals"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Conduct competitor analysis"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Create user personas and journey maps"]})]}),e.jsx("div",{className:"absolute top-[17rem]  left-14 w-[150rem] h-[166px]",children:e.jsx("img",{className:"w-[75rem] h-[166px]",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/dev_process/line.png",alt:"line"})})]}),e.jsx("div",{className:"w-[305px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/1.webp",alt:"1"})})]},"1"),e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"02"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"Wireframing & Prototyping"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Build wireframes for structure"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Develop interactive prototypes"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Validate designs with stakeholders"]})]})]}),e.jsx("div",{className:"w-[249px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/2.webp",alt:"2"})})]},"2"),e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"03"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"UI Design"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Design high-fidelity user interfaces"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Apply brand identity consistently"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Focus on layout, color schemes, and typography"]})]})]}),e.jsx("div",{className:"w-[249px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/3.png",alt:"3"})})]},"3"),e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"04"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"Usability Testing"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Test designs with real users"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Collect feedback on usability"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Make necessary design refinements"]})]})]}),e.jsx("div",{className:"w-[249px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/4.png",alt:"4"})}),e.jsx("div",{className:"absolute top-[15.5rem]  left-12 w-[150rem] h-[166px]",children:e.jsx("img",{className:"w-[78rem] h-[166px]",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/dev_process/line2.webp",alt:"line2"})})]},"4"),e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"05"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"Design Handover"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Prepare design specifications"]}),e.jsxs("li",{className:"w-max h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Share assets with development team"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Ensure design integrity during implementation"]})]})]}),e.jsx("div",{className:"w-[249px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/5.webp",alt:"5"})})]},"5"),e.jsxs("div",{className:"h-[500px] w-[270px] flex flex-col gap-20 items-center relative",children:[e.jsxs("div",{className:"w-[249px] h-[184px]",children:[e.jsx("h3",{className:"w-[249px] h-[31px] font-proxima text-[#1E1D28] font-[400] text-[26px] leading-[32px]",children:"06"}),e.jsx("h1",{className:"w-[249px] h-[24px] font-outfit font-[600] text-[20px] leading-6 text-[#1E1D28]",children:"Post-launch Support"}),e.jsxs("ul",{className:"relative top-[35px] w-[236px] h-[94px] flex flex-col justify-around",children:[e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Monitor user interaction"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Gather feedback for improvements"]}),e.jsxs("li",{className:"w-full h-[17px] font-proxima font-[400] text-[14px] leading-[17px] flex gap-1 items-center text-[#1E1D28]",children:[e.jsx("img",{className:"w-[10px] h-[10px]",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/dev_process/rectangle.svg",alt:"rec"}),"Iterate and refine the design as needed"]})]})]}),e.jsx("div",{className:"w-[249px] h-[184px] z-50",children:e.jsx("img",{className:"w-full h-full",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/DesignProcess/6.png",alt:"6"})})]},"6")],c=[...s,...s],a=s.length*(270+128),[l,o]=r.useState(0),x=r.useRef(),t=()=>{o(d=>{let p=d+1;return p>=a&&(p=0),p}),x.current=requestAnimationFrame(t)};return r.useEffect(()=>(x.current=requestAnimationFrame(t),()=>cancelAnimationFrame(x.current)),[a]),e.jsx("div",{className:"w-full max-w-[1200px] h-[500px] overflow-hidden mx-auto",children:e.jsx("div",{className:"flex flex-row gap-32",style:{transform:`translateX(-${l}px)`},children:c.map((d,p)=>e.jsx("div",{className:"flex-shrink-0",children:d},p))})})};function k(){const s=f(),c=g(),i=()=>{var n;if(c.pathname.startsWith("/services")){const a=document.getElementById("services-request-pricing");if(a){const l=((n=document.querySelector(".navbar"))==null?void 0:n.offsetHeight)||80,o=a.getBoundingClientRect().top+window.scrollY-l;window.scrollTo({top:o,behavior:"smooth"})}}else s("/request_pricing")};return e.jsx("div",{className:"w-full py-8 lg:py-12 flex items-center justify-center bg-[#F9FBFC]",children:e.jsxs("div",{className:"w-full max-w-[1440px] mx-auto px-4 sm:px-8 md:px-12 lg:px-[95px]",children:[e.jsxs("div",{className:"hidden lg:flex flex-row justify-between items-center",children:[e.jsxs("div",{className:"flex flex-col justify-between space-y-6",children:[e.jsxs("div",{className:"flex flex-col space-y-4",children:[e.jsx("h2",{className:"max-w-[450px] font-outfit font-[600] text-[20px] lg:text-[23px] leading-[26px] lg:leading-[29px] text-black",children:"Why Choose TeraBit IT as Your UXUI Design Company"}),e.jsx("p",{className:"max-w-[400px] font-proxima font-[400] text-[14px] leading-[17px] text-black",children:"Enhance your efficiency with productivity tools Achieve more in less t

1ime with smart solutions"})]}),e.jsx("button",{onClick:i,className:"text-white bg-[#008DF3] font-semibold font-outfit py-3 px-[30px] leading-6 text-[16px] rounded-[10px] w-[172px] h-12",children:"Request Pricing"})]}),e.jsxs("div",{className:"flex flex-row gap-6 lg:gap-8",children:[e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",className:" w-12 h-12 ",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/1.png",alt:"1"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] lg:text-[32px] leading-8 lg:leading-10 text-black",children:"25+"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] lg:text-[16px] leading-4 lg:leading-5 text-black",children:"Talented Squad"})]})]}),e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",className:" w-12 h-12 ",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/2.png",alt:"2"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] lg:text-[32px] leading-8 lg:leading-10 text-black",children:"100+"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] lg:text-[16px] leading-4 lg:leading-5 text-black",children:"Projects Delivered"})]})]}),e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",className:" w-12 h-12 ",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/3.png",alt:"3"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] lg:text-[32px] leading-8 lg:leading-10 text-black",children:"100%"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] lg:text-[16px] leading-4 lg:leading-5 text-black",children:"Client Satisfaction"})]})]})]})]}),e.jsxs("div",{className:"lg:hidden flex flex-col items-center text-center space-y-8",children:[e.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[e.jsx("h2",{className:"font-outfit font-[600] text-[18px] sm:text-[20px] leading-[24px] sm:leading-[26px] text-black max-w-[350px]",children:"Why Choose TeraBit IT as Your UXUI Design Company"}),e.jsx("p",{className:"font-proxima font-[400] text-[14px] leading-[17px] text-black max-w-[320px]",children:"Enhance your efficiency with productivity tools Achieve more in less time with smart solutions"})]}),e.jsx("button",{onClick:i,className:"text-white bg-[#008DF3] font-semibold font-outfit py-3 px-[30px] leading-6 text-[16px] rounded-[10px] w-[172px] h-12",children:"Request Pricing"}),e.jsxs("div",{className:"flex flex-col items-center space-y-6",children:[e.jsxs("div",{className:"flex flex-row gap-8 justify-center",children:[e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/1.png",alt:"1",className:"w-[68px] h-[68px]"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] leading-8 text-black",children:"25+"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] leading-4 text-black",children:"Talented Squad"})]})]}),e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/2.png",alt:"2",className:"w-[68px] h-[68px]"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] leading-8 text-black",children:"100+"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] leading-4 text-black",children:"Projects Delivered"})]})]})]}),e.jsx("div",{className:"flex justify-center",children:e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/MobScreens/WhyChoose/3.png",alt:"3",className:"w-[68px] h-[68px]"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h5",{className:"font-outfit font-[600] text-[28px] leading-8 text-black",children:"100%"}),e.jsx("h6",{className:"font-outfit font-[400] text-[14px] leading-4 text-black",children:"Client Satisfaction"})]})]})})]})]})]})})}function U(){const[s,c]=r.useState(0),i=new Array(3).fill("#1D2939"),n=r.useRef(null),a=x=>

1{if(n.current){const t=n.current.clientWidth;n.current.scrollTo({left:x*t,behavior:"smooth"})}},l=x=>{c(x),a(x)},o=()=>{switch(s){case 0:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Design/4.svg",alt:"figma",className:"w-20 h-20 p-1 "})}),e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Design/5.svg",alt:"adobe xd",className:"w-20 h-20 p-1 "})}),e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Design/6.svg",alt:"sketch",className:"w-20 h-20 p-1 "})})]});case 1:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Prototype/1.svg",alt:"invision",className:"w-20 h-20 p-1 "})}),e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Prototype/2.svg",alt:"axure",className:"w-20 h-20 p-1 "})})]});case 2:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Testing/3.svg",alt:"hotjar",className:"w-20 h-20 p-1 "})}),e.jsx("div",{className:"w-[80px] h-[80px] sm:w-[90px] sm:h-[90px] lg:w-[108px] lg:h-[107px] rounded-xl opacity-[70%] border border-[#E0E0E0] flex items-center justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/raw/upload/assets/CoreTech/Testing/4.svg",alt:"maze",className:"w-20 h-20 p-1 "})})]});default:return e.jsx("div",{children:"No Content Available"})}};return e.jsx("div",{className:"w-full py-8 lg: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] flex flex-col items-center gap-6 lg:gap-8",children:[e.jsx("div",{className:"w-full flex justify-center",children:e.jsxs("div",{className:"max-w-2xl text-center",children:[e.jsx("h1",{className:"font-outfit font-[700] text-[#1D2939] text-[28px] sm:text-[32px] lg:text-[42px] leading-[32px] sm:leading-[40px] lg:leading-[52px] tracking-[-2%] mb-4",children:"Our Core Technologies"}),e.jsx("p",{className:"font-proxima font-[400] text-[#1D2939] text-[14px] sm:text-[16px] leading-5 sm:leading-6 max-w-lg mx-auto",children:"Terabit IT works under various modern technologies for effective, scalable, and future-proof custom software development"})]})}),e.jsxs("div",{className:"w-full flex flex-col items-center gap-6 lg:gap-10",children:[e.jsxs("div",{className:"w-full max-w-xl",children:[e.jsx("div",{className:"flex lg:hidden overflow-x-auto bg-white shadow-[0px_0px_33px_0px_#0000000F] rounded-[90px] h-[50px] px-2",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e.jsx("div",{className:"flex items-center gap-1 min-w-max mx-auto",children:["Design Tools","Prototyping Tools","User Testing Tools"].map((x,t)=>e.jsx("button",{onClick:()=>l(t),className:`px-3 py-2 text-center transition font-outfit text-[12px] sm:text-[14px] font-[400] whitespace-nowrap rounded-full min-w-fit
2                        ${s===t?"text-[#008DF3]":"text-[#1D2939]"}`,children:x},t))})}),e.jsx("div",{className:"hidden lg:flex w-full max-w-3xl h-[58px] bg-white shadow-[0px_0px_33px_0px_#0000000F] rounded-[90px]",children:e.jsx("div",{className:"flex items-center justify-center gap-10 w-full",children:["Design Tools","Prototyping Tools","User Testing Tools"].map((x,t)=>e.jsx("button",{onClick:()=>l(t),className:`text-center transition font-outfit text-[16px] font-[400] 
3                        ${t>

3=1&&t<=3?"border-l-[0.75px] pl-10 border-[#EAECF0]":""}`,style:{color:s===t?"#008DF3":i[t]},children:x},t))})})]}),e.jsx("div",{ref:n,className:"w-full max-w-md sm:max-w-lg lg:max-w-xl h-[80px] sm:h-[90px] lg:h-[107px] flex items-center justify-center flex-row gap-3 sm:gap-4 lg:gap-6",children:o()})]})]})})}function M(){const s="https://calendly.com/muhammad-haseeb-shaukat/30min",c=()=>{var i;(i=window.fbq)==null||i.call(window,"track","CompleteRegistration",{content_name:"Free Consultation Booking"}),window.open(s,"_blank","noopener,noreferrer")};return e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsxs("div",{className:"w-full max-w-[100rem] mx-auto",children:[e.jsxs("div",{className:"w-full lg:min-h-[500px] flex flex-col lg:flex-row items-center justify-center bg-[linear-gradient(91.63deg,_#013A63_1.38%,_#008DF3_152.84%)] shadow-md relative overflow-hidden",children:[e.jsxs("div",{className:"hidden lg:flex lg:flex-row w-full h-full max-w-[1440px] mx-auto px-[95px] items-center justify-between relative z-20",children:[e.jsxs("div",{className:"flex flex-col justify-center",children:[e.jsxs("div",{className:"w-[641px] flex flex-col gap-2",children:[e.jsxs("h1",{className:"font-outfit font-[600] text-[42px] leading-[52px] tracking-[-2%] text-white",children:["UI/UX",e.jsx("br",{}),"Design Services"]}),e.jsx("p",{className:"font-outfit font-[400] text-[16px] leading-[24px] text-white w-[352px]",children:"We craft intuitive and user-centric digital experiences, covering everything from research and wireframing to interactive design and usability testing"})]}),e.jsxs("div",{onClick:c,className:"w-[145px] h-[45px] flex flex-row space-x-2 items-center justify-center bg-[#008DF3] rounded-lg mt-8 cursor-pointer hover:bg-[#007cd6] transition-colors",children:[e.jsx("button",{className:"text-white font-[500] font-proxima text-[14px] leading-5 py-[11.25px]",children:"Talk to Us"}),e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/arrow-bn.png",className:"w-[14px] h-[14px]"})]})]}),e.jsx("div",{className:"relative top-14 -ml-60",children:e.jsx("div",{className:"max-w-2xl mx-auto h-[415px] relative z-20",children:e.jsx("img",{loading:"eager",fetchPriority:"high",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_900,c_limit/assets/Service_pages/UI.webp",className:"w-full h-full"})})})]}),e.jsxs("div",{className:"lg:hidden flex flex-col items-center justify-start w-full px-4 pt-20 pb-4 relative z-20",children:[e.jsxs("div",{className:"flex flex-col items-center text-center space-y-2",children:[e.jsx("h1",{className:"font-outfit font-[600] text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] tracking-[-2%] text-white max-w-[300px] sm:max-w-[350px]",children:"UI/UX Design Services"}),e.jsx("p",{className:"font-outfit font-[400] text-[14px] sm:text-[16px] leading-[20px] sm:leading-[24px] text-white max-w-[320px] sm:max-w-[320px]",children:"We craft intuitive and user-centric digital experiences, covering everything from research and wireframing to interactive design and usability testing"})]}),e.jsx("div",{className:"w-[85%] max-w-[380px] h-[280px] sm:h-[400px] relative z-10 -mt-2 mb-[-120px]",children:e.jsx("img",{loading:"eager",fetchPriority:"high",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best,w_400,c_limit/assets/Service_pages/UI.webp",className:"w-full h-full object-contain"})})]}),e.jsxs("div",{className:"absolute right-0 md:top-1/3 lg:top-1/2 transform -translate-y-1/2 w-[608px] h-[363px] flex flex-col z-10",children:[e.jsx("img",{loading:"lazy",className:"absolute bottom-28",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/lines/1.png",alt:"1"}),e.jsx("img",{loading:"lazy",className:"absolute bottom-24",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/lines/2.webp",alt:"2"}),e.jsx("img",{loading:"lazy",className:"absolute bottom-20",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/lines/3.webp",alt:"3"})]}),e.jsx("div",{className:"absolute bottom-0 left-1/2 lg:left-[65%] transform -translate-x-1/2 w-[100%] sm:w-[400px] md:w-[600px] lg:w-[932px] h-[210px] sm:h-[200px] md:h-[200px] lg:h-[350px] z-30 flex items-end justify-center",children:e.jsx("img",{loading:"lazy",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/TeamBanner.webp",className:"w-full h-auto object-contain"})})]}),e.jsxs("div",{className:"w-full flex flex-col items-center justify-center min-h-[1200px] lg:min-h-[850px] py-8 lg:py-12 border-b-[1.5px]",children:[e.jsx("div",{className:"w-full max-w-[1440px] mx-auto px-4 sm:px-8 md:px-12 lg:px-[95px]",children:e.jsxs("div",{className:"text-center lg:text-left ",children:[e.jsxs("h1",{className:"max-w-[500px] mx-auto lg:mx-0 font-[600] font-outfit text-[28px] sm:text-[32px] lg:text-[40px] leading-[32px] sm:leading-[36px] lg:leading-[42px] tracking-[-2%] text-[#1E1D28] mb-4",children:["Our Custom UI/UX Design",e.jsx("span",{className:"text-[#008DF3]",children:" Services"})]}),e.jsx("p",{className:"font-proxima text-[#1D2939] font-[400] leading-6 text-[14px] sm:text-[16

3px] mb-4 max-w-[60rem] mx-auto lg:mx-0",children:"We craft intuitive and user-centric digital experiences, covering everything from research and wireframing to interactive design and usability testing"}),e.jsx("h3",{className:"font-proxima text-[#1D2939] font-[700] leading-6 text-[14px] sm:text-[16px] max-w-[600px] mx-auto lg:mx-0",children:"Our Design Process services include:"})]})}),e.jsxs("div",{className:"w-full max-w-[1440px] mx-auto px-4 sm:px-8 md:px-12 lg:px-[95px] flex flex-col lg:flex-row justify-center items-center gap-8 lg:gap-80 mt-10 lg:mt-0",children:[e.jsxs("div",{className:"max-w-xl mx-auto flex flex-col space-y-6 lg:space-y-8",children:[e.jsxs("div",{className:"flex flex-row gap-4 sm:gap-6 lg:gap-8 items-center",children:[e.jsx("img",{loading:"lazy",className:"w-[70px] h-[70px] sm:w-[78px] sm:h-[78px] flex-shrink-0",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Custom/1.png",alt:"1"}),e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsx("h3",{className:"font-outfit text-black font-[500] text-[18px] sm:text-[21px] leading-6 sm:leading-7",children:"UI/UX Design"}),e.jsx("p",{className:"font-outfit text-[#000000E5] font-[400] text-[15px] sm:text-[17px] leading-5",children:"Create seamless and engaging digital experiences tailored to user behavior and business goals"})]})]}),e.jsxs("div",{className:"flex flex-row gap-4 sm:gap-6 lg:gap-8 items-center",children:[e.jsx("img",{loading:"lazy",className:"w-[70px] h-[70px] sm:w-[78px] sm:h-[78px] flex-shrink-0",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Custom/2.png",alt:"2"}),e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsx("h3",{className:"font-outfit text-black font-[500] text-[18px] sm:text-[21px] leading-6 sm:leading-7",children:"Wireframing and Prototyping"}),e.jsx("p",{className:"font-outfit text-[#000000E5] font-[400] text-[15px] sm:text-[17px] leading-5",children:"Develop interactive blueprints and prototypes to refine user flows before final implementation"})]})]}),e.jsxs("div",{className:"flex flex-row gap-4 sm:gap-6 lg:gap-8 items-center",children:[e.jsx("img",{loading:"lazy",className:"w-[70px] h-[70px] sm:w-[78px] sm:h-[78px] flex-shrink-0",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Custom/3.png",alt:"3"}),e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsx("h3",{className:"font-outfit text-black font-[500] text-[18px] sm:text-[21px] leading-6 sm:leading-7",children:"Visual Design"}),e.jsx("p",{className:"font-outfit text-[#000000E5] font-[400] text-[15px] sm:text-[17px] leading-5",children:"Enhance user interaction with aesthetically appealing and brand-consistent design elements"})]})]}),e.jsxs("div",{className:"flex flex-row gap-4 sm:gap-6 lg:gap-8 items-center",children:[e.jsx("img",{loading:"lazy",className:"w-[70px] h-[70px] sm:w-[78px] sm:h-[78px] flex-shrink-0",src:"https://res.cloudinary.com/du3t23uzz/image/upload/f_auto,q_auto:best/assets/UXUIPage/Custom/4.webp",alt:"4"}),e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsx("h3",{className:"font-outfit text-black font-[500] text-[18px] sm:text-[21px] leading-6 sm:leading-7",children:"Design System Development"}),e.jsx("p",{className:"font-outfit text-[#000000E5] font-[400] text-[15px] sm:text-[17px] leading-5",children:"Establish a unified framework of design components for consistency and scalability across digital products"})]})]})]}),e.jsx("div",{className:"w-full max-w-[333px] mx-auto h-[620px]  lg:h-[590px] mt-8 lg:mt-0",children:e.jsx(D,{})})]})]}),e.jsxs("div",{className:"w-full flex flex-col items-center py-8  gap-6 lg:gap-8",children:[e.jsx("div",{className:"w-full max-w-[1440px] mx-auto px-4 sm:px-8 md:px-12 lg:px-[95px]",children:e.jsxs("h1",{className:"text-center lg:text-left  max-w-[720px] mb-5 mx-auto lg:mx-0 font-[600] font-outfit text-[32px] sm:text-[40px] lg:text-[48px] leading-[36px] sm:leading-[48px] lg:leading-[60px] tracking-[-2%] text-[#1E1D28]",children:["Our Design ",e.jsx("span",{className:"text-[#008DF3]",children:"Process"})]})}),e.jsx(E,{})]}),e.jsx(k,{}),e.jsx(U,{}),e.jsx(w,{}),e.jsx(j,{}),e.jsx(N,{}),e.jsx(v,{}),e.jsx(y,{}),e.jsx(b,{}),e.jsx("div",{className:"hidden lg:block",children:e.jsx(z,{})}),e.jsx("div",{className:"block lg:hidden",children:e.jsx(_,{})}),e.jsx("div",{id:"services-request-pricing",children:e.jsx(u,{})})]}),e.jsx(h,{})]})}

3export{M as default};