1import{r as c,j as e,L as ue,R as H}from"./vendor-react-DYoWL6sw.js";import{a as ge,f as we}from"./index-CstwlD2E.js";import{G as je}from"./GlobalFooterSections-BzIeKfTb.js";import{u as ve,a as y,m as a}from"./vendor-motion-I3UJi1CE.js";import{S as _,m as o,x as Ne,ab as ye,J as m,aj as d,ak as X,al as u,A as Y,am as ke,a9 as k,an as Ae,ao as D,ap as B,E as Ue,G as Ce,a3 as T,L as $,a5 as Ie,d as ze,aq as g,s as A,o as J,ar as Se,as as Fe,at as Ee,au as K,av as Q,aw as w,ax as F,ay as V,az as Me}from"./vendor-ui-D475ctvQ.js";import"./vendor-three-MMxXx-sN.js";import"./GlobalBlogSection-CX_TBY9l.js";import"./imported_blogs-CxwYYMmv.js";function Le(){const{openContactModal:h}=ge(),Z=c.useRef(null),E=c.useRef(null),[O,M]=c.useState("before");c.useEffect(()=>{let t=!1,s=null;const l=()=>{t||(s=window.requestAnimationFrame(()=>{const r=E.current;if(r){const n=r.getBoundingClientRect(),x=window.innerHeight;n.top>0?M("before"):n.bottom<=x?M("after"):M("pinned")}t=!1}),t=!0)};return l(),window.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l),()=>{window.removeEventListener("scroll",l),window.removeEventListener("resize",l),s!==null&&window.cancelAnimationFrame(s)}},[]);const{scrollYProgress:j}=ve({target:E,offset:["start start","end end"]}),ee=y(j,[0,.35],["600vh","0px"]),te=y(j,[0,.35],["500vh","0px"]),se=y(j,[0,.35],["500vh","0px"]),ae=y(j,[0,2],["0%","-35%"]),ie=y(j,[0,2],["-10%","35%"]),[le,q]=c.useState(!1),[i,p]=c.useState({name:"",phone:"",businessEmail:"",companyName:"",projectType:"",email:"",message:"",service:"UI/UX Strategy"}),re=t=>{t.preventDefault(),!(!i.name||!i.email&&!i.businessEmail)&&(q(!0),setTimeout(()=>{q(!1),p({name:"",phone:"",businessEmail:"",companyName:"",projectType:"",email:"",message:"",service:"UI/UX Strategy"})},4e3))},U=[{type:"icon",title:"Phone off",sub:"by 10:30",icon:u,color:"bg-cyan-500",iconColor:"text-white"},{type:"image",img:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=400&q=80",title:"Tablet User"},{type:"icon",title:"Morning walk",sub:"25 min",icon:d,color:"bg-amber-500",iconColor:"text-white"},{type:"icon",title:"Focus session",sub:"45 min",icon:ke,color:"bg-emerald-500",iconColor:"text-white"},{type:"image",img:"https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&w=400&q=80",title:"Journal Book"},{type:"icon",title:"Stretch for",sub:"5 minutes",icon:k,color:"bg-indigo-500",iconColor:"text-white"}],ne=[...U,...U,...U,...U],C=[{type:"icon",title:"Clean",sub:"workspace",icon:Ae,color:"bg-rose-400",iconColor:"text-white"},{type:"image",img:"https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=400&q=80",title:"Workspace Desk"},{type:"icon",title:"Meditate",sub:"15 min",icon:D,color:"bg-purple-600",iconColor:"text-white"},{type:"image",img:"https://images.unsplash.com/photo-1602143407151-7111542de6e8?auto=format&fit=crop&w=400&q=80",title:"Water Bottle"},{type:"icon",title:"Write journal",sub:"Evening",icon:B,color:"bg-pink-500",iconColor:"text-white"},{type:"image",img:"https://images.unsplash.com/photo-1485965120184-e220f721d03e?auto=format&fit=crop&w=400&q=80",title:"Keyboard Typing"}],oe=[...C,...C,...C,...C],I=[{step:"01",title:"We Start With What's Broken, Not What Looks Good",desc:"Most agencies jump straight to UI screens. We start by identifying where users drop, hesitate, or don't convert, running a UX audit and funnel analysis before designing anything. Design decisions are based on real problems, not assumptions.",img:"https://images.unsplash.com/photo-1485965120184-e220f721d03e?auto=format&fit=crop&w=800&q=80"},{step:"02",title:"We Design Alongside Your Business Goals",desc:"We don't treat UI UX as a design task, we treat it as a business problem. Every design decision is mapped to lead generation, conversion rate, user retention, and product adoption. If a screen doesn't contribute to one of these, we don't keep it.",img:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80"},{step:"03",title:"We Work With Real Usage Scenarios, Not Ideal Users",desc:"Most UX fail
1s because it's designed for 'perfect users.' We design for distracted users, first-time visitors, low-attention decision making, and mobile-first behavior - so our designs perform better in real-world conditions.",img:"https://images.unsplash.com/photo-1543269865-cbf427effbad?auto=format&fit=crop&w=800&q=80"},{step:"04",title:"We Reduce Rework Before Development Starts",desc:"A lot of project cost comes from fixing UX after development. We prevent that by validating flows through wireframes, testing prototypes before build, and getting stakeholder alignment early - resulting in less rework and faster development cycles.",img:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=800&q=80"},{step:"05",title:"We Don't Overdesign, We Remove Friction",desc:"Instead of adding more UI, we focus on fewer steps to complete actions, clearer navigation, and faster decision-making. Better UX is not more design - it's less confusion.",img:"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=800&q=80"},{step:"06",title:"We Plug Directly Into Your Existing Team",desc:"We collaborate with developers, marketing teams, and product managers, so what we design is actually feasible, buildable, and aligned with your growth efforts.",img:"https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=800&q=80"},{step:"07",title:"We Focus on What Improves After Launch",desc:"Most agencies stop at delivery. We stay focused on what users actually do after launch, where performance drops, and what needs iteration - because UX is a continuous improvement system, not a one-time task.",img:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=800&q=80"},{step:"08",title:"Clear Communication, No Design Jargon",desc:"You won't get vague terms like 'intuitive' or 'clean UI.' You'll get clear reasoning behind every decision, simple explanations, and direct feedback.",img:"https://images.unsplash.com/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=800&q=80"}],ce=[...I,...I,...I,...I];return typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,e.jsxs("div",{className:"min-h-screen bg-[#FAFAFA] text-[#111111] selection:bg-[#FF8A00]/20 selection:text-[#FF8A00] font-sans overflow-x-hidden antialiased",children:[e.jsx(we,{title:"AI Powered UI UX Design Services | Merida Tech Minds",description:"AI powered UI UX design services that combine behavioral data and conversion psychology. Leading UI UX design company for mobile apps, websites & SaaS products.",canonical:"/ai-powered-ui-ux-design-services",schema:{"@context":"https://schema.org","@type":"Service",name:"UI UX Design Services",provider:{"@type":"Organization",name:"Merida Tech Minds",url:"https://meridatechminds.com"},areaServed:"Bangalore, India",serviceType:"UI UX Design & Product Design",description:"UI UX design agency in Bangalore offering mobile app UI UX design, website UI UX design, product design services, UX research, wireframing & prototyping."}}),e.jsxs("section",{id:"hero",className:"relative bg-[#0e0906] text-white pt-14 md:pt-20 pb-28 px-6 md:px-12 flex flex-col items-center text-center overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0 z-0 overflow-hidden pointer-events-none",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1600&q=80",alt:"Hero Portrait Backdrop",className:"w-full h-full object-cover object-top opacity-50 mix-blend-luminosity scale-105"}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(circle at 50% 38%, rgba(220, 80, 20, 0.65) 0%, rgba(120, 30, 0, 0.45) 40%, rgba(14, 9, 6, 0.95) 80%)"}}),e.jsx("div",{className:"absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] h-[400px] bg-orange-500/30 blur-[140px] rounded-full"})]}),e.jsxs("div",{className:"relative z-10 max-w-5xl mx-auto flex flex-col items-center",children:[e.jsxs(a.div,{initial:{opacity:0,y:-15},animate:{opacity:1,y:0},transition:{duration:.5},className:"inline-flex items-center gap-2 px-4 py-1.5 bg-white/10 border border-white/15 backdrop-blur-md text-amber-200 text-xs font-semibold tracking-wide mb-6",style:{borderRadius:"9999px"},children:[e.jsx(_,{className:"w-3.5 h-3.5 text-[#FF8A00]",strokeWidth:1.75}),e.jsx("span",{children:"AI-Powered UI / UX Design Studio â Bangalore"})]}),e.jsx(a.h1,{initial:{opacity:0,y:20}
1,animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},className:"text-4xl sm:text-6xl md:text-7xl font-black tracking-tight text-white leading-[1.08] mb-6 max-w-4xl",children:"AI-Powered UI UX Design Services Built for Conversions"}),e.jsx(a.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},className:"text-base sm:text-lg text-zinc-300 max-w-2xl mb-6 leading-relaxed font-normal",children:"Poor user experience is quietly costing products potential conversions. We deliver AI powered UI UX design services that combine behavioral data, conversion psychology, and AI-driven insights to create high-performing digital experiences."}),e.jsxs(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.25},className:"flex flex-wrap justify-center gap-4 text-sm font-medium text-white mb-8 max-w-3xl",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"w-4 h-4 text-[#FF8A00]"}),e.jsx("span",{children:"Improve conversion rates"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"w-4 h-4 text-[#FF8A00]"}),e.jsx("span",{children:"Improve user engagement"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"w-4 h-4 text-[#FF8A00]"}),e.jsx("span",{children:"Reduce bounce rates"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"w-4 h-4 text-[#FF8A00]"}),e.jsx("span",{children:"Increase retention"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"w-4 h-4 text-[#FF8A00]"}),e.jsx("span",{children:"Improve usability scores"})]})]}),e.jsxs(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.3},className:"flex flex-wrap items-center justify-center gap-5 mb-10",children:[e.jsx("button",{onClick:()=>h("UI/UX Design","Get Free UX Audit","dark","purple"),className:"px-9 py-4 bg-white text-black font-bold text-sm tracking-wide hover:bg-[#FF8A00] hover:text-white transition-all shadow-xl cursor-pointer",style:{borderRadius:"9999px"},children:"Get Free UX Audit"}),e.jsxs("button",{onClick:()=>h("UI/UX Design","See Conversion Case Studies","dark","purple"),className:"px-9 py-4 bg-white/10 hover:bg-white/20 text-white font-medium text-sm border border-white/15 backdrop-blur-md transition-all flex items-center gap-2.5 cursor-pointer",style:{borderRadius:"9999px"},children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-white text-black flex items-center justify-center text-[9px] font-bold",children:e.jsx(Ne,{className:"w-2.5 h-2.5 fill-black text-black",strokeWidth:1.75})}),e.jsx("span",{children:"See Conversion Case Studies"})]})]}),e.jsxs(a.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.8,delay:.4},className:"relative z-10 w-full max-w-5xl flex items-center justify-center gap-6 sm:gap-8 pb-6",children:[e.jsxs("div",{className:"hidden sm:flex flex-col items-center justify-center p-6 bg-[#1a1410]/80 border border-white/20 backdrop-blur-xl text-center shadow-2xl relative overflow-hidden flex-shrink-0",style:{width:"228px",height:"199px",borderRadius:"36px"},children:[e.jsx("div",{className:"w-14 h-14 rounded-full bg-gradient-to-tr from-[#FF8A00] to-amber-400 flex items-center justify-center shadow-[0_0_25px_rgba(255,138,0,0.6)] mb-3",children:e.jsx(ye,{className:"w-7 h-7 text-white",strokeWidth:2})}),e.jsx("div",{className:"text-sm font-bold text-white max-w-[150px] leading-snug",children:"7-day streak unlocked"})]}),e.jsxs("div",{className:"bg-[#221c18]/95 border-4 border-zinc-700/60 shadow-2xl p-4 flex flex-col justify-between overflow-hidden text-left relative z-10 backdrop-blur-md flex-shrink-0",style:{width:"348px",height:"580px",borderRadius:"56px"},children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-zinc-300 font-mono mb-4 px-1",children:[e.jsx("span",{children:"Mon, 07:32"}),e.jsxs("div",{className:"w-20 h-5 bg-black rounded-full border border-zinc-800 flex items-center justify-between px-2 shadow-inner",children:[e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-zinc-900 border border-zinc-700"}),e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-blue-900/60"})]}),e.jsxs("div",{className:"flex items-center gap-1.5 text-zinc-300",children:[e.jsx("span",{className:"text-[10px]",children:"ð¶"}),e.jsx("span",{className:"text-[10px]",children:"ð"})]})]}),e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{children:[e.jsx("span",{className:"block text-base font-bold text-white",children:"Today Task"}),e.jsx("p",{className:"text-[11px] text-zinc-400",children:"3 of 8 habits done"})]}),e.jsxs("div",{className:"px-3 py-1.5 rounded-full bg-black/80 border border-white/10 text-[10px] text-white font-medium flex items-center gap-1.5 shadow-sm",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-white"}),e.jsx("span",{children:"18 day streak"})]})]}),e.jsxs("div",{className:"space-y-3 mb-4",children:[e.jsxs("div",{className:"p-3.5 bg-white/5 border border-white/10 flex items-center justify-between text-xs",style:{borderRadius:"18px"},children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-600/60 border border-zinc-500 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-white text-xs",children:"Morning walk"}),e.jsx("div",{className:"text-[10px] text-zinc-400",children:"At least 15 minutes"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[10px] text-zinc-400",children:"12 / 14 days"}),e.jsx("span",{className:"inline-block px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#FF8A00] text-black mt-0.5",children:"85%"})]})]}),e.jsxs("div",{className:"p-3.5 bg-white/5 border border-white/10 flex items-center justify-between text-xs",style:{borderRadius:"18px"},children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-[#16A34A] flex items-center justify-center text-white flex-shrink-0",children:e.jsx(m,{className:"w-3 h-3 text-white",strokeWidth:2.5})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-white text-xs",children:"Drink 3 glasses of water"}),e.jsx("div",{className:"text-[10px] text-zinc-400",children:"Before 11:00 am"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[10px] text-zinc-400",children:"9 / 9 days"}),e.jsx("span",{className:"inline-block px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#16A34A] text-white mt-0.5",children:"100%"})]})]}),e.jsxs("div",{className:"p-3.5 bg-white/5 border border-white/10 flex items-center justify-between text-xs",style:{borderRadius:"18px"},children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-600/60 border border-zinc-500 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-white text-xs",children:"Read 10 pages"}),e.jsx("div",{className:"text-[10px] text-zinc-400",children:"Evening focus block"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[10px] text-zinc-400",children:"6 / 9 days"}),e.jsx("span",{className:"inline-block px-2 py-0.5 rounded-full text-[10px] font-bold bg-cyan-400 text-black mt-0.5",children:"67%"})]})]})]}),e.jsxs("div",{className:"p-3.5 bg-white/5 border border-white/10 flex items-center justify-between text-xs",style:{borderRadius:"18px"},children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-zinc-400",children:"This week"}),e.jsx("div",{className:"font-bold text-white text-xs",children:"21 check-ins"})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[10px] text-[#16A34A] font-bold",children:"+42% vs last week"}),e.jsxs("div",{className:"flex items-end justify-end gap-1 h-3.5 mt-0.5",children:[e.jsx("div",{className:"w-1 bg-[#16A34A] h-2 rounded-full"}),e.jsx("div",{className:"w-1 bg-[#16A34A] h-3.5 rounded-full"}),e.jsx("div",{className:"w-1 bg-[#16A34A] h-2.5 rounded-full"}),e.jsx("div",{className:"w-1 bg-[#16A34A] h-3 rounded-full"})]})]})]}),e.jsx("div",{className:"w-24 h-1 bg-zinc-600 rounded-full mx-auto mt-4"})]}),e.jsxs("div",{className:"hidden sm:flex flex-col justify-between p-6 bg-[#1a1410]/80 border border-white/20 backdrop-blur-xl text-center shadow-2xl flex-shrink-0",style:{width:"228px",height:"169px",borderRadius:"36px"},children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-bold text-white",children:"Today's goal:"}),e.jsx("div",{className:"text-xs text-zinc-300",children:"Complete 3 habits"})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-3 pt-2",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-white text-black flex items-center justify-center mx-auto mb-1.5 shadow-md",children:e.jsx(d,{className:"w-4 h-4 text-[#111111]",strokeWidth:1.75})}),e.jsx("div",{className:"text-[10px] text-zinc-400 font-mono font-bold",children:"65%"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-white text-black flex items-center justify-center mx-auto mb-1.5 shadow-md",children:e.jsx(X,{className:"w-4 h-4 text-[#111111]",strokeWidth:1.75})}),e.jsx("div",{className:"text-[10px] text-zinc-400 font-mono font-bold",children:"87%"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-white text-black flex items-center justify-center mx-auto mb-1.5 shadow-md",children:e.jsx(u,{className:"w-4 h-4 text-[#111111]",strokeWidth:1.75})}),e.jsx("div",{className:"text-[10px] text-zinc-400 font-mono font-bold",children:"94%"})]})]})]})]})]}
1),e.jsxs("div",{className:"absolute bottom-0 inset-x-0 h-[360px] pointer-events-none z-30 overflow-hidden leading-none",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[#FAFAFA] via-[#FAFAFA]/90 via-35% to-transparent z-10"}),e.jsxs("svg",{className:"relative block w-full h-full text-[#FAFAFA] z-20",viewBox:"0 0 1200 360",preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"oppositeArcGradientFade",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:"#FAFAFA",stopOpacity:"0"}),e.jsx("stop",{offset:"35%",stopColor:"#FAFAFA",stopOpacity:"0.7"}),e.jsx("stop",{offset:"70%",stopColor:"#FAFAFA",stopOpacity:"0.95"}),e.jsx("stop",{offset:"100%",stopColor:"#FAFAFA",stopOpacity:"1"})]})}),e.jsx("path",{d:"M0,0 C350,220 850,220 1200,0 L1200,360 L0,360 Z",fill:"url(#oppositeArcGradientFade)"})]})]})]}),e.jsxs("section",{id:"strategy",ref:Z,className:"relative w-full min-h-[680px] bg-[#0c1015] text-white py-24 px-6 md:px-16 lg:px-24 flex items-center overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0 z-0",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=2000&q=80",alt:"Dark Atmospheric Oceanic Wave Texture Backgroun
1d",className:"w-full h-full object-cover opacity-60 mix-blend-luminosity scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-black/90 via-black/70 to-black/30"}),e.jsx("div",{className:"absolute top-0 inset-x-0 h-32 bg-gradient-to-b from-[#FAFAFA] to-transparent z-10 pointer-events-none"})]}),e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto w-full grid grid-cols-1 lg:grid-cols-12 gap-12 items-center",children:[e.jsxs("div",{className:"lg:col-span-7 space-y-6 text-left",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 text-xs font-mono font-bold text-white tracking-widest uppercase",children:[e.jsx("span",{className:"w-0.5 h-3.5 bg-white inline-block"}),e.jsx("span",{children:"LET'S TALK"})]}),e.jsxs("h1",{className:"text-4xl sm:text-6xl lg:text-7xl font-extrabold text-white tracking-tight leading-[1.04]",children:["Get A High-Converting ",e.jsx("br",{className:"hidden sm:inline"}),"UX Strategy"]}),e.jsx("p",{className:"text-xs font-mono text-zinc-300 tracking-wider uppercase font-semibold pt-4",children:"FREE AUDIT ⢠CUSTOM ROADMAP ⢠RESPONSE WITHIN 24 HOURS"})]}),e.jsx("div",{className:"lg:col-span-5 w-full",children:e.jsx("div",{className:"bg-black/40 backdrop-blur-2xl border border-white/10 p-8 sm:p-10 shadow-2xl w-full",style:{borderRadius:"20px"},children:le?e.jsxs("div",{className:"py-12 text-center space-y-4",children:[e.jsx("div",{className:"w-14 h-14 rounded-full bg-emerald-500/20 text-[#16A34A] mx-auto flex items-center justify-center",children:e.jsx(o,{className:"w-8 h-8",strokeWidth:1.75})}),e.jsx("h3",{className:"text-2xl font-bold text-white",children:"Strategy Request Received!"}),e.jsx("p",{className:"text-sm text-zinc-300",children:"Our lead UI/UX strategist will analyze your product and respond within 24 hours."})]}):e.jsxs("form",{onSubmit:re,className:"space-y-6 text-left",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Full Name*"}),e.jsx("input",{type:"text",required:!0,placeholder:"Enter your name",value:i.name,onChange:t=>p({...i,name:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Phone"}),e.jsx("input",{type:"tel",placeholder:"Enter your phone number",value:i.phone,onChange:t=>p({...i,phone:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Business Email*"}),e.jsx("input",{type:"email",required:!0,placeholder:"Enter your business email",value:i.businessEmail,onChange:t=>p({...i,businessEmail:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Company Name"}),e.jsx("input",{type:"text",placeholder:"Enter your company name",value:i.companyName,onChange:t=>p({...i,companyName:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Project Type"}),e.jsx("input",{type:"text",placeholder:"e.g., Mobile App, Website Redesign, SaaS Product",value:i.projectType,onChange:t=>p({...i,projectType:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-white/90 mb-1",children:"Message"}),e.jsx("textarea",{rows:2,placeholder:"Tell us about your project challenges",value:i.message,onChange:t=>p({...i,message:t.target.value}),className:"w-full px-0 py-3 bg-transparent border-b border-white/20 text-white placeholder-zinc-500 focus:outline-none focus:border-white text-sm resize-none transition-colors"})]}),e.jsxs("div",{className:"flex items-center pt-4",children:[e.jsx("button",{type:"submit",className:"flex-1 py-4 px-6 bg-white text-black font-extrabold text-sm tracking-wide flex items-center justify-between hover:bg-zinc-200 transition-colors cursor-pointer",children:e.jsx("span",{children:"Unlock My UX Strategy â"})}),e.jsx("div",{className:"w-13 h-13 bg-[#111111] border-y border-r border-white/20 flex items-center justify-center text-white flex-shrink-0",children:e.jsx(Y,{className:"w-5 h-5 text-white",strokeWidth:2})})]})]})})})]})]}),e.jsxs("section",{id:"services",className:"py-28 px-4 sm:px-6 md:px-12 max-w-7xl mx-auto text-center relative overflow-hidden",children:[e.jsxs("h2",{className:"text-3xl sm:text-5xl md:text-6xl font-black text-[#111111] tracking-tight max-w-4xl mx-auto leading-[1.15] mb-6 flex flex-wrap items-center justify-center gap-3",children:[e.jsx("span",{children:"AI Powered UI UX Design"}),e.jsx("div",{className:"inline-flex items-center h-10 sm:h-12 px-3 rounded-full bg-amber-500/20 border border-amber-500/30 overflow-hidden shadow-sm",children:e.jsx("img",{src:"https://images.unsplash.com/photo-1517649763962-0c623266010b?auto=format&fit=crop&w=150&q=80",alt:"Biker",className:"w-8 h-8 rounded-full object-cover"})}),e.jsx("span",{children:"Services Built to Turn"}),e.jsx("div",{className:"inline-flex items-center justify-center w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-cyan-100 border border-cyan-200 text-xl shadow-sm",children:"ð¤ï¸"}),e.jsx("span",{children:"Drop-Off Into Growth"})]}),e.jsx("p",{className:"text-[#666666] text-base sm:text-lg max-w-2xl mx-auto mb-6 leading-normal",children:"Most businesses don't have a traffic problem â they have a UX problem. We fix the exact points where users hesitate, drop, or don't convert."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-2 mb-16 text-xs text-[#666666] font-mono",children:[e.jsx("span",{className:"px-4 py-1.5 rounded-full bg-white border border-[#
1ECECEC] shadow-sm",children:"#ui"}),e.jsx("span",{className:"px-4 py-1.5 rounded-full bg-white border border-[#ECECEC] shadow-sm",children:"#ux"}),e.jsx("span",{className:"px-4 py-1.5 rounded-full bg-white border border-[#ECECEC] shadow-sm",children:"#prototyping"}),e.jsx("span",{className:"px-4 py-1.5 rounded-full bg-white border border-[#ECECEC] shadow-sm",children:"#AI"})]}),e.jsxs("div",{className:"relative w-full max-w-6xl mx-auto my-12 min-h-[580px] flex flex-col justify-center items-center overflow-hidden py-12",children:[e.jsx("div",{className:"absolute top-0 bottom-0 left-0 w-28 bg-gradient-to-r from-[#FAFAFA] to-transparent z-20 pointer-events-none"}),e.jsx("div",{className:"absolute top-0 bottom-0 right-0 w-28 bg-gradient-to-l from-[#FAFAFA] to-transparent z-20 pointer-events-none"}),e.jsx("div",{className:"mb-6 overflow-hidden flex whitespace-nowrap w-full",children:e.jsx(a.div,{animate:{x:["0%","-50%"]},transition:{repeat:1/0,duration:55,ease:"linear"},className:"flex items-center gap-6 flex-nowrap w-max",children:ne.map((t,s)=>e.jsx("div",{className:"flex-shrink-0",children:t.type==="icon"?e.jsxs("div",{className:"w-40 h-40 p-5 bg-white border border-[#ECECEC] shadow-md flex flex-col justify-between text-left cursor-pointer hover:shadow-lg transition-shadow",style:{borderRadius:"32px"},children:[e.jsx("div",{className:`w-12 h-12 rounded-full ${t.color} flex items-center justify-center shadow-md`,children:e.jsx(t.icon,{className:`w-6 h-6 ${t.iconColor}`,strokeWidth:2})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-bold text-[#111111]",children:t.title}),e.jsx("div",{className:"text-[11px] text-[#666666]",children:t.sub})]})]}):e.jsx("div",{className:"w-40 h-40 bg-white border border-[#ECECEC] shadow-md overflow-hidden p-2 cursor-pointer hover:shadow-lg transition-shadow",style:{borderRadius:"32px"},children:e.jsx("img",{src:t.img,alt:t.title,className:"w-full h-full object-cover",style:{borderRadius:"24px"}})})},s))})}),e.jsx("div",{className:"overflow-hidden flex whitespace-nowrap w-full",children:e.jsx(a.div,{animate:{x:["-50%","0%"]},transition:{repeat:1/0,duration:55,ease:"linear"},className:"flex items-center gap-6 flex-nowrap w-max",children:oe.map((t,s)=>e.jsx("div",{className:"flex-shrink-0",children:t.type==="icon"?e.jsxs("div",{className:"w-40 h-40 p-5 bg-white border border-[#ECECEC] shadow-md flex flex-col justify-between text-left cursor-pointer hover:shadow-lg transition-shadow",style:{borderRadius:"32px"},children:[e.jsx("div",{className:`w-12 h-12 rounded-full ${t.color} flex items-center justify-center shadow-md`,children:e.jsx(t.icon,{className:`w-6 h-6 ${t.iconColor}`,strokeWidth:2})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-bold text-[#111111]",children:t.title}),e.jsx("div",{className:"text-[11px] text-[#666666]",children:t.sub})]})]}):e.jsx("div",{className:"w-40 h-40 bg-white border border-[#ECECEC] shadow-md overflow-hidden p-2 cursor-pointer hover:shadow-lg transition-shadow",style:{borderRadius:"32px"},children:e.jsx("img",{src:t.img,alt:t.title,className:"w-full h-full object-cover",style:{borderRadius:"24px"}})})},s))})}),e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-30 pointer-events-auto w-[310px] sm:w-[340px]",children:e.jsx("img",{src:"/images/section3.avif",alt:"Section 3 Mobile Showcase",className:"w-full h-auto object-contain hover:scale-[1.02] transition-transform duration-300 drop-shadow-xl"})})]}),e.jsx("div",{className:"w-full max-w-6xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 px-4 my-8 relative z-30",children:[{id:"ui-ux-design-services",title:"UI UX Design Services",slug:"",icon:_,color:"bg-fuchsia-50 text-fuchsia-600 border-fuchsia-200",text:"We are a conversion-first UI UX design company in Bangalore building high-performance digital experiences using AI powered UI UX design systems, behavioral data, and CRO frameworks.",points:["Confusing navigation -> clear user journeys","Low engagement -> interaction-driven UI","Poor conversions -> funnel-optimized design"],closing:"We don't design screens. We design revenue-generating user flows.",cta:"Explore UI UX Design"}
1,{id:"mobile-app-ui-ux-design",title:"Mobile App UI UX Design Services",slug:"mobile-app-ui-ux-design-services",icon:Ue,color:"bg-purple-50 text-purple-600 border-purple-200",text:"If your app loses users quickly, your UX is broken. We deliver AI powered mobile app UI UX design services that optimize onboarding, engagement, and retention.",points:["First impression","Onboarding completion rate","Navigation & interaction friction","Habit-forming UX patterns"],closing:"Built for Android, iOS, and scalable app ecosystems.",cta:"Explore Mobile App UI UX Design"},{id:"website-ui-ux-design",title:"Website UI UX Design Services",slug:"website-ui-ux-design-services",icon:Ce,color:"bg-cyan-50 text-cyan-600 border-cyan-200",text:"Your website has only a few seconds to convert a visitor - most fail here. We create high-converting website UI UX design systems aligned with SEO, performance marketing, and AI analytics.",points:["Landing page conversion flow","Scroll behavior & content hierarchy","CTA placement & interaction triggers","Lead capture experience"],closing:"This is not design - this is conversion engineering.",cta:"Explore Website UI UX Design"},{id:"website-redesign-services",title:"Website Redesign Services",slug:"website-redesign-services",icon:T,color:"bg-blue-50 text-blue-600 border-blue-200",text:"If your current website is outdated, it's already underperforming. Our website redesign services rebuild your UX based on real user behavior and AI-driven insights.",points:["Outdated UI -> modern conversion layouts","Broken user journeys -> seamless flows","Low trust signals -> credibility design"],closing:"Powered by heatmaps, session recordings, and CRO analysis.",cta:"Explore Website Redesign"},{id:"product-design-services",title:"Product Design Services",slug:"product-design-services",icon:$,color:"bg-emerald-50 text-emerald-600 border-emerald-200",text:"Most digital products fail not because of features, but because of bad UX decisions early on. We offer AI powered product design services for SaaS, platforms, and scalable products.",points:["End-to-end product experience","Feature usability & adoption flows","Scalable design systems","AI-integrated user journeys"],closing:"We design products that users understand instantly and keep using.",cta:"Explore Product Design"},{id:"ux-research-services",title:"UX Research & User Testing Services",slug:"ux-research-services",icon:Ie,color:"bg-amber-50 text-amber-600 border-amber-200",text:"Skipping research means building blind. We provide UX research & user testing services in Bangalore to uncover exactly why users drop, hesitate, or fail to convert.",points:["User intent vs actual behavior gaps","Friction points in user journeys","Decision-making blockers","UX bottlenecks in funnels","User journey mapping, usability testing, A/B testing, behavioral analytics"],closing:"",cta:"Explore UX Research"},{id:"wireframing-prototyping-services",title:"Wireframing & Prototyping Services",slug:"wireframing-prototyping-services",icon:$,color:"bg-rose-50 text-rose-600 border-rose-200",text:"Every mistake caught in design saves significant cost in development. Our wireframing & prototyping services help you validate before you build.",points:["User flow wireframes","Interactive prototypes","Feature validation models","Stakeholder-ready design previews"],closing:"From concept to clickable product before a single line of code.",cta:"Explore Wireframing & Prototyping"}].map(t=>{const s=t.icon,l=t.slug==="website-redesign-services"?`/${t.slug}`:t.slug?`/ui-ux-design/${t.slug}`:"/ai-powered-ui-ux-design-services";return e.jsxs(ue,{to:l,className:"group bg-white border border-[#ECECEC] rounded-[22px] p-5 sm:p-6 shadow-sm hover:shadow-md hover:-translate-y-1 hover:border-[#111111]/30 transition-all duration-300 flex flex-col justify-between text-left cursor-pointer overflow-hidden",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between w-full mb-4",children:[e.jsx("div",{className:`w-10 h-10 rounded-xl flex items-center justify-center border ${t.color}`,children:e.jsx(s,{className:"w-5 h-5",strokeWidth:2})}),e.jsx("div",{className:"w-7 h-7 rounded-full bg-zinc-100 flex items-center justify-center text-zinc-400 group-hover:bg-[#111111] group-hover:text-white transition-colors duration-300",children:e.jsx(Y,{className:"w-4 h-4"})})]}),e.jsx("h3",{className:"text-sm font-extrabold text-[#111111] leading-tight group-hover:text-[#FF8A00] transition-colors duration-300 mb-2",children:t.title}),e.jsx("p",{className:"text-[11px] text-[#666666] font-medium leading-relaxed mb-4",children:t.text}),e.jsx("ul",{className:"space-y-1.5 mb-4",children:t.points.map((r,n)=>e.jsxs("li",{className:"flex items-start gap-1.5 text-[10px] text-zinc-500",children:[e.jsx(o,{className:"w-3 h-3 text-emerald-500 flex-shrink-0 mt-0.5"}),e.jsx("span",{children:r})]},n))}),t.closing&&e.jsx("p",{className:"text-[10px] font-bold text-[#111111] bg-zinc-50 p-2 rounded-lg border border-zinc-100 mb-4",children:t.closing})]}),e.jsxs("div",{className:"text-[11px] font-bold text-[#111111] flex items-center gap-1.5 group-hover:text-[#FF8A00] transition-colors",children:[e.jsx("span",{children:t.cta}),e.jsx(ze,{className:"w-3 h-3"})]})]},t.id)})}),e.jsxs("div",{className:"space-y-4 max-w-md mx-auto pt-6",children:[e.jsxs("div",{className:"inline-flex items-center gap-1.5 text-xs font-bold text-[#111111] bg-[#111111] text-white px-4 py-2 rounded-full border border-white/10 shadow-sm",children:[e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75}),e.jsx("span",{children:"4.7 rating"}),e.jsx("span",{className:"text-zinc-400 font-normal",children:"(based on 125 reviews)"})]}),e.jsx("p",{className:"text-xs text-[#666666] leading-relaxed",children:"Stay consistent with a system that fits into real life. Simple cards, clear routines, and gentle nudges help you build progress that lasts."}),e.jsx("button",{onClick:()=>h("UI/UX Design","Audit My System","dark","purple"),className:"mt-4 px-8 py-3.5 bg-[#111111] text-white font-bold text-xs uppercase tracking-wider hover:bg-[#FF8A00] transition-all shadow-md cursor-pointer",style:{borderRadius:"9999px"},children:"Get Started"})]})]}),e.jsxs("section",{id:"why-us",className:"py-28 px-6 md:px-12 max-w-7xl mx-auto",children:[e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-6 mb-16 text-left",children:[e.jsx("div",{children:e.jsx("h2",{className:"text-3xl sm:text-4xl md:text-5xl font-black text-[#111111] tracking-tight max-w-2xl leading-tight",children:"Why This UI UX Design Company Delivers Stronger Results"})}),e.jsx("div",{className:"hidden md:block w-32"})]}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-6 text-left",children:[e.jsxs("div",{className:"bg-[#EBEBEB] flex flex-col justify-between flex-shrink-0 overflow-hidden",style:{borderRadius:"36px",width:"555px",height:"659px"},children:[e.jsxs("div",{className:"p-8 pb-0",children:[e.jsx("h3",{className:"text-2xl font-extrabold text-[#111111] mb-2",children:"We Design for Revenue, Not Just UI"}),e.jsx("p",{className:"text-[#555555] text-sm leading-relaxed mb-6",children:"Most agencies design for aesthetics. We design for conversion rate, funnel performance, lead generation, and revenue impact."}),e.jsxs("div",{className:"bg-white p-6 text-center space-y-4",style:{borderRadius:"28px"},children:[e.jsx("div",{className:"flex justify-center",children:e.jsx("span",{style:{fontSize:"72px",lineHeight:1},children:"ð¥"})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-black text-[#111111]",children:"28 Day Streak Active"}),e.jsx("div",{className:"text-xs text-[#888888] mt-1",children:"Build honest streaks that reflect real commitment"})]}),e.jsxs("div",{className:"flex items-end justify-center gap-2 pt-1",children:[e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-11 h-11 rounded-full bg-[#FF8A00] flex items-center justify-center",children:e.jsx(d,{className:"w-5 h-5 text-white",strokeWidth:1.75})}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Mon"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"w-11 h-11 rounded-full bg-[#1a1a1a] flex items-center justify-center relative",children:[e.jsx("span",{className:"text-white text-xs font-bold",children:"13"}),e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-green-500 flex items-center justify-center",children:e.jsx(m,{className:"w-2.5 h-2.5 text-white",strokeWidth:2.5})})]}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Tue"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"w-11 h-11 rounded-full bg-[#1a1a1a] flex items-center justify-center relative",children:[e.jsx("span",{className:"text-white text-xs font-bold",children:"14"}),e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-green-500 flex items-center justify-center",children:e.jsx(m,{className:"w-2.5 h-2.5 text-white",strokeWidth:2.5})})]}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Wed"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"w-11 h-11 rounded-full bg-[#1a1a1a] flex items-center justify-center relative",children:[e.jsx("span",{className:"text-white text-xs font-bold",children:"15"}),e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-green-500 flex items-center justify-center",children:e.jsx(m,{className:"w-2.5 h-2.5 text-white",strokeWidth:2.5})})]}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Thu"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"w-11 h-11 rounded-full bg-[#1a1a1a] flex items-center justify-center relative",children:[e.jsx("span",{className:"text-white text-xs font-bold",children:"16"}),e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-green-500 flex items-center justify-center",children:e.jsx(m,{className:"w-2.5 h-2.5 text-white",strokeWidth:2.5})})]}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Fri"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-11 h-11 rounded-full bg-[#E0E0E0] flex items-center justify-center",children:e.jsx("span",{className:"text-[#999] text-xs font-bold",children:"17"})}),e.jsx("span",{className:"text-[10px] text-[#888]",children:"Sat"})]})]})]})]}),e.jsxs("div",{className:"w-full overflow-hidden pb-5 pt-4",style:{WebkitMaskImage:"linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",maskImage:"linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)"},children:[e.jsx("style",{children:` 2 @keyframes bento-ticker { 3 0% { transform: translateX(0); } 4 100% { transform: translateX(-50%); } 5 } 6 .bento-ticker-track { 7 display: flex; 8 width: max-content; 9 animation: bento-ticker 14s linear infinite; 10 will-change: transform; 11 } 12 `}),e.jsx("div",{className:"bento-ticker-track",children:[{label:"Travel Mode Active",icon:e.jsx(d,{className:"w-4 h-4"}),bg:"#FF8A00"},{label:"Sick Day Allowance",icon:e.jsx(D,{className:"w-4 h-4"}),bg:"#9333EA"},{label:"Weekend Flexibility",icon:e.jsx(A,{className:"w-4 h-4"}),bg:"#0EA5E9"},{label:"Rest Day Credit",icon:e.jsx(J,{className:"w-4 h-4"}),bg:"#22C55E"},{label:"Pause Streak Option",icon:e.jsx(T,{className:"w-4 h-4"}),bg:"#3B82F6"},{label:"Travel Mode Active",icon:e.jsx(d,{className:"w-4 h-4"}),bg:"#FF8A00"},{label:"Sick Day Allowance",icon:e.jsx(D,{className:"w-4 h-4"}),bg:"#9333EA"},{label:"Weekend Flexibility",icon:e.jsx(A,{className:"w-4 h-4"}),bg:"#0EA5E9"},{label:"Rest Day Credit",icon:e.jsx(J,{className:"w-4 h-4"}),bg:"#22C55E"},{label:"Pause Streak Option",icon:e.jsx(T,{className:"w-4 h-4"}),bg:"#3B82F6"}].map((t,s)=>e.jsxs("div",{className:"flex-shrink-0 flex items-center gap-2.5 mx-2 px-4 py-2.5 rounded-full bg-[#1a1a1a] text-white text-xs font-semibold",children:[e.jsx("span",{className:"w-7 h-7 rounded-full flex items-center justify-center text-white flex-shrink-0",style:{background:t.bg},children:t.icon}),t.label]},s))})]})]}),(()=>{const[t,s]=H.useState(0),l=[{id:1,time:"05:00 AM",title:"Morning walk & stretch",status:"15 min"},{id:2,time:"06:30 AM",title:"Plan day & review goals",status:"10 min"},{id:3,time:"07:30 AM",title:"Healthy breakfast & tea",status:"20 min"},{id:4,time:"09:00 AM",title:"Drink 3 glasses of water",status:"Before 11:00 AM"},{id:5,time:"10:00 AM",title:"Deep work: UI Design",status:"45 min"},{id:6,time:"01:30 PM",title:"Post-lunch stretch",status:"10 min"},{id:7,time:"05:00 PM",title:"Evening review & unwind",status:"15 min"}];return H.useEffect(()=>{const r=setInterval(()=>{s(n=>(n+1)%l.length)},2200);return()=>clearInterval(r)},[l.length]),e.jsxs("div",{className:"relative flex flex-col justify-between flex-shrink-0 overflow-hidden text-white shadow-2xl p-8 sm:p-10 border border-emerald-500/20",style:{borderRadius:"36px",width:"555px",height:"659px",backgroundImage:"url('/images/smart_planner_leaf_bg.avif')",backgroundSize:"cover",backgroundPosition:"center"},children:[e.jsx("div",{className:"absolute inset-0 bg-black/25 pointer-events-none z-0"}),e.jsx("div",{className:"relative z-10 flex flex-col h-full justify-between",children:e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-extrabold text-white mb-2 tracking-tight drop-shadow-md",children:"AI + UX + CRO = Compounding Growth"}),e.jsx("p",{className:"text-emerald-100/90 text-sm leading-relaxed mb-6 font-medium drop-shadow",children:"We combine AI powered insights, UX design frameworks, and conversion rate optimization for stronger business performance."}),e.jsxs("div",{className:"bg-transparent border border-white/20 p-5 backdrop-blur-[2px] space-y-4 shadow-xl",style:{borderRadius:"28px"},children:[e.jsxs("div",{className:"flex items-center justify-between text-xs font-mono text-emerald-200 pb-2.5 border-b border-white/15",children:[e.jsx("span",{className:"font-bold tracking-wide drop-shadow",children:"Good Morning! Tuesday, 25 Nov"}),e.jsxs("div",{className:"flex items-center gap-1.5 bg-black/30 text-emerald-300 px-2.5 py-1 rounded-full text-[10px] font-bold border border-white/20 backdrop-blur-md",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse"}),e.jsxs("span",{children:["Step ",t+1," of ",l.length]})]})]}),e.jsx("div",{className:"h-[290px] overflow-hidden relative",style:{WebkitMaskImage:"linear-gradient(to bottom, transparent 0%, black 6%, black 90%, transparent 100%)",maskImage:"linear-gradient(to bottom, transparent 0%, black 6%, black 90%, transparent 100%)"},children:e.jsx(a.div,{className:"flex flex-col gap-3",animate:{y:-t*66},transition:{duration:.65,ease:[.25,1,.5,1]},children:l.map((r,n)=>{const x=n<=t,v=n===t;
12return e.jsxs(a.div,{animate:{scale:v?1.02:1,opacity:n<t?.65:1},transition:{duration:.4},className:`p-3.5 rounded-2xl flex items-center justify-between text-xs transition-all duration-500 ${x?"bg-emerald-500 text-black border border-emerald-300 font-bold shadow-lg shadow-emerald-500/30":"bg-black/40 text-emerald-100 border border-white/10 backdrop-blur-sm"}`,children:[e.jsxs("div",{className:"flex items-center gap-3",children:[x?e.jsx("div",{className:"w-6 h-6 rounded-full bg-black text-emerald-400 flex items-center justify-center flex-shrink-0 shadow-sm",children:e.jsx(m,{className:"w-3.5 h-3.5 stroke-[3]"})}):e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500/20 border border-emerald-500/40 text-emerald-400 flex items-center justify-center flex-shrink-0",children:e.jsx(A,{className:"w-3.5 h-3.5"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:`font-mono text-[10px] ${x?"text-black/80 font-bold":"text-emerald-400/90"}`,children:r.time}),e.jsx("span",{className:"font-bold text-xs leading-snug",children:r.title})]})]}),x?e.jsxs("div",{className:"flex items-center gap-1 bg-black/15 px-2.5 py-1 rounded-full text-[10px] text-black font-extrabold",children:[e.jsx(o,{className:"w-3 h-3 text-black"}),e.jsx("span",{children:"Completed"})]}):e.jsx("span",{className:"text-[10px] text-emerald-300/90 bg-emerald-500/15 px-2.5 py-1 rounded-full font-mono font-medium border border-emerald-500/20",children:r.status})]},r.id)})})})]})]})})]})})(),e.jsxs("div",{className:"relative bg-[#050505] text-white border border-white/10 p-8 sm:p-12 shadow-2xl flex flex-col md:flex-row items-center justify-between overflow-hidden flex-shrink-0",style:{borderRadius:"36px",width:"1140px",height:"518px"},children:[e.jsxs("div",{className:"absolute inset-y-0 left-0 w-[60%] pointer-events-none overflow-hidden z-0",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=1000&q=80",alt:"Hand reaching up into spotlight",className:"w-full h-full object-cover object-left opacity-60 brightness-110 contrast-125"}),e.jsx("div",{className:"absolute -top-10 left-[25%] w-[260px] h-[120%] opacity-50 pointer-events-none",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.18) 50%, transparent 100%)",clipPath:"polygon(35% 0%, 65% 0%, 95% 100%, 5% 100%)",filter:"blur(10px)"}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-black/40 via-transparent to-[#050505]"})]}),e.jsxs("div",{className:"relative z-10 flex flex-col justify-between h-full max-w-md py-2",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-3xl sm:text-4xl font-extrabold text-white tracking-tight",children:"Deep Integration with Growth Systems"}),e.jsx("p",{className:"text-zinc-300/90 text-[15px] leading-relaxed max-w-[340px]",children:"Your UX connects with marketing funnels, CRM systems, automation workflows, and data analytics - ensuring end-to-end performance, not isolated design."}),e.jsx("div",{className:"pt-3",children:e.jsx("button",{onClick:()=>h("UI/UX Design","See UX Growth Results","dark","purple"),className:"px-7 py-3.5 bg-white text-black font-extrabold text-sm hover:bg-zinc-200 transition-all cursor-pointer shadow-lg",style:{borderRadius:"9999px"},children:"See UX Growth Results"})})]}),e.jsx("div",{className:"text-[13px] text-zinc-400 font-normal tracking-wide pt-6",children:"*Integrated UX drives measurable growth."})]}),e.jsxs("div",{className:"relative z-10 flex items-center justify-end h-full w-full md:w-[540px] pr-2",children:[e.jsxs("div",{className:"relative bg-white text-black shadow-[0_25px_60px_-15px_rgba(0,0,0,0.8)] border-[3px] border-zinc-800 overflow-hidden flex flex-col justify-between",style:{borderRadius:"44px 44px 0 0",width:"360px",height:"460px",marginTop:"60px"},children:[e.jsx("div",{className:"absolute top-2.5 left-1/2 -translate-x-1/2 w-24 h-5 bg-black rounded-full z-30 flex items-center justify-end px-2",children:e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-[#111] border border-zinc-700"})}),e.jsxs("div",{className:"pt-3 px-7 flex items-center justify-between text-[11px] font-bold text-black z-20",children:[e.jsx("span",{children:"Mon, 07:32"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(Se,{className:"w-3 h-3 text-black fill-current"}),e.jsx(Fe,{className:"w-3.5 h-3.5 text-black stroke-[2.5]"}),e.jsx(Ee,{className:"w-4 h-4 text-black stroke-[2]"})]})]}),e.jsxs("div",{className:"px-5 pt-3 pb-6 flex-1 flex flex-col justify-start",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3.5 mt-1",children:[e.jsx("span",{className:"font-extrabold text-black text-base tracking-tight truncate max-w-[170px] block",children:"y's routine stacks"}),e.jsx("span",{className:"bg-[#ffba08] text-black text-[11px] font-bold px-3 py-1 rounded-full whitespace-nowrap shadow-sm",children:"4 active stacks"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"bg-[#dcfce7] p-3.5 rounded-[22px] flex flex-col justify-between h-[138px]",children:[e.jsx("span",{className:"bg-[#22c55e] text-white text-[10px] font-bold px-2 py-0.5 rounded-full w-max",children:"3 habits"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-gray-900 text-sm leading-snug",children:"Morning Start"}),e.jsx("div",{className:"text-[11px] text-gray-600 font-medium mt
12-0.5",children:"water, stretch, plan"})]})]}),e.jsxs("div",{className:"bg-[#f3e8ff] p-3.5 rounded-[22px] flex flex-col justify-between h-[138px]",children:[e.jsx("span",{className:"bg-[#a855f7] text-white text-[10px] font-bold px-2 py-0.5 rounded-full w-max",children:"3 habits"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-gray-900 text-sm leading-snug",children:"Focus Block"}),e.jsx("div",{className:"text-[11px] text-gray-600 font-medium mt-0.5",children:"Deep work, short break"})]})]}),e.jsxs("div",{className:"bg-[#ffedd5] p-3.5 rounded-[22px] flex flex-col justify-between h-[138px]",children:[e.jsx("span",{className:"bg-[#f97316] text-white text-[10px] font-bold px-2 py-0.5 rounded-full w-max",children:"2 habits"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-gray-900 text-sm leading-snug",children:"Weekend Prep"}),e.jsx("div",{className:"text-[11px] text-gray-600 font-medium mt-0.5",children:"Groceries, laundry"})]})]}),e.jsxs("div",{className:"bg-[#dbeafe] p-3.5 rounded-[22px] flex flex-col justify-between h-[138px]",children:[e.jsx("span",{className:"bg-[#3b82f6] text-white text-[10px] font-bold px-2 py-0.5 rounded-full w-max",children:"2 habits"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-gray-900 text-sm leading-snug",children:"Evening Reset"}),e.jsx("div",{className:"text-[11px] text-gray-600 font-medium mt-0.5",children:"Review, phone off"})]})]})]})]})]}),e.jsxs("div",{className:"absolute left-[-20px] md:left-[15px] top-[75px] bg-white text-black p-4 rounded-[22px] shadow-[0_20px_50px_rgba(0,0,0,0.35)] border border-gray-100 z-30 w-[230px]",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"font-extrabold text-black text-sm block",children:"Morning Start"}),e.jsx("span",{className:"bg-[#ffba08] text-black text-[11px] font-bold px-2.5 py-0.5 rounded-full",children:"85%"})]}),e.jsxs("div",{className:"space-y-2.5 text-xs",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-[#22c55e] text-white flex items-center justify-center flex-shrink-0",children:e.jsx(m,{className:"w-2.5 h-2.5 stroke-[3]"})}),e.jsx("span",{className:"line-through text-gray-700 font-semibold text-[11px]",children:"Drink a full glass of water"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-[#22c55e] text-white flex items-center justify-center flex-shrink-0",children:e.jsx(m,{className:"w-2.5 h-2.5 stroke-[3]"})}),e.jsx("span",{className:"line-through text-gray-700 font-semibold text-[11px]",children:"Do a short stretch"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-gray-300 bg-gray-100 flex-shrink-0"}),e.jsx("span",{className:"text-gray-800 font-semibold text-[11px]",children:"Review and plan the day"})]})]})]})]})]}),(()=>{const[t,s]=c.useState(0),l=c.useRef(null);c.useEffect(()=>{let b=null;const L=new IntersectionObserver(he=>{he.forEach(pe=>{if(pe.isIntersecting){b&&clearInterval(b),s(0);let S=0;const be=1800,G=20,fe=1/(be/G);b=setInterval(()=>{S+=fe,S>=1&&(S=1,b&&clearInterval(b)),s(S)},G)}})},{threshold:.25}),z=l.current;return z&&L.observe(z),()=>{b&&clearInterval(b),z&&L.unobserve(z)}},[]);const r=Math.round(t*86),n=Math.round(t*100),x=Math.round(t*71),v=Math.round(t*12),W=Math.round(t*7),R=40,P=2*Math.PI*R,de=P-P*t,N=32,f=2*Math.PI*N,xe=f-f*(t*.86),me=f-f*(t*.71);return e.jsxs("div",{ref:l,className:"relative bg-[#0d0d0f] text-white border border-white/10 p-8 sm:p-10 shadow-2xl flex flex-col justify-between flex-shrink-0 overflow-hidden",style:{borderRadius:"36px",width:"555px",height:"659px",backgroundImage:"url('/images/weekly_reflection_bg.avif')",backgroundSize:"cover",backgroundPosition:"center"},children:[e.jsx("div",{className:"absolute inset-0 bg-black/35 pointer-events-none z-0"}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-3xl font-extrabold text-white mb-2 tracking-tight drop-shadow-md",children:"Proven Across High-Growth Businesses"}),e.jsx("p",{className:"text-zinc-300/90 text-sm leading-relaxed mb-6 font-medium max-w-sm drop-shadow",children:"We've helped businesses improve c
12onversion, engagement, and retention while reducing bounce and acquisition costs."}),e.jsxs("div",{className:"bg-[#121215]/90 border border-white/10 p-6 rounded-[28px] shadow-2xl backdrop-blur-md",children:[e.jsx("span",{className:"text-center font-bold text-white text-base mb-6 tracking-tight block",children:"Your week at a glance"}),e.jsxs("div",{className:"flex items-center justify-center gap-6 sm:gap-8",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("div",{className:"relative w-20 h-20 flex items-center justify-center",children:[e.jsxs("svg",{className:"w-full h-full -rotate-90",viewBox:"0 0 80 80",children:[e.jsx("circle",{cx:"40",cy:"40",r:N,stroke:"#27272a",strokeWidth:"6",fill:"transparent"}),e.jsx("circle",{cx:"40",cy:"40",r:N,stroke:"#f97316",strokeWidth:"6",strokeDasharray:f,strokeDashoffset:xe,strokeLinecap:"round",fill:"transparent",className:"transition-all duration-75 ease-out"})]}),e.jsxs("span",{className:"absolute font-extrabold text-white text-base",children:[r,"%"]})]}),e.jsx("span",{className:"text-zinc-300 font-medium text-xs sm:text-sm mt-2.5",children:"Workout"})]}),e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("div",{className:"relative w-24 h-24 flex items-center justify-center",children:[e.jsxs("svg",{className:"w-full h-full -rotate-90",viewBox:"0 0 96 96",children:[e.jsx("circle",{cx:"48",cy:"48",r:R,stroke:"#27272a",strokeWidth:"7",fill:"transparent"}),e.jsx("circle",{cx:"48",cy:"48",r:R,stroke:"#a855f7",strokeWidth:"7",strokeDasharray:P,strokeDashoffset:de,strokeLinecap:"round",fill:"transparent",className:"transition-all duration-75 ease-out"})]}),e.jsxs("span",{className:"absolute font-extrabold text-white text-xl",children:[n,"%"]})]}),e.jsx("span",{className:"text-white font-bold text-sm sm:text-base mt-2.5",children:"Meditation"})]}),e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("div",{className:"relative w-20 h-20 flex items-center justify-center",children:[e.jsxs("svg",{className:"w-full h-full -rotate-90",viewBox:"0 0 80 80",children:[e.jsx("circle",{cx:"40",cy:"40",r:N,stroke:"#27272a",strokeWidth:"6",fill:"transparent"}),e.jsx("circle",{cx:"40",cy:"40",r:N,stroke:"#ff4500",strokeWidth:"6",strokeDasharray:f,strokeDashoffset:me,strokeLinecap:"round",fill:"transparent",className:"transition-all duration-75 ease-out"})]}),e.jsxs("span",{className:"absolute font-extrabold text-white text-base",children:[x,"%"]})]}),e.jsx("span",{className:"text-zinc-300 font-medium text-xs sm:text-sm mt-2.5",children:"Reading"})]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 mt-4",children:[e.jsxs("div",{className:"bg-[#121215]/90 border border-white/10 rounded-[24px] p-5 flex flex-col justify-between h-[145px] shadow-xl backdrop-blur-md",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("span",{className:"font-extrabold text-white text-base leading-tight max-w-[100px] block",children:"Streaks completed"}),e.jsx("span",{className:"font-black text-white text-3xl sm:text-4xl tracking-tight",children:v<10?`0${v}`:v})]}),e.jsx("div",{className:"text-zinc-400 font-medium text-xs sm:text-sm",children:"3 streaks improved"})]}),e.jsxs("div",{className:"bg-[#121215]/90 border border-white/10 rounded-[24px] p-5 flex flex-col justify-between h-[145px] shadow-xl backdrop-blur-md",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("span",{className:"font-extrabold text-white text-base leading-tight max-w-[100px] block",children:"Focused sessions"}),e.jsx("span",{className:"font-black text-white text-3xl sm:text-4xl tracking-tight",children:W<10?`0${W}`:W})]}),e.jsx("div",{className:"text-zinc-400 font-medium text-xs sm:text-sm",children:"Total time: 4h 20m"})]})]})]})]})})(),e.jsxs("div",{className:"relative bg-[#120d09] text-white border border-amber-500/20 p-8 sm:p-10 shadow-2xl flex flex-col justify-between flex-shrink-0 overflow-hidden",style:{borderRadius:"36px",width:"555px",height:"659px"},children:[e.jsx("div",{className:"absolute top-0 right-0 w-80 h-80 bg-amber-500/10 rounded-full blur-3xl pointer-events-none z-0"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-72 h-72 bg-orange-600/10 rounded-full blur-3xl pointer-events-none z-0"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h3",{className:"text-3xl font-extrabold text-white mb-2 tracking-tight drop-shadow-md",children:"Continuous Performance Improvement"}),e.jsx("p",{className:"text-amber-100/80 text-sm leading-relaxed mb-6 font-medium max-w-sm drop-shadow",children:"We monitor how users interact with the design after launch, implementing A/B tests to maximize results."})]}),e.jsxs("div",{className:"absolute inset-0 top-24 pointer-events-none overflow-hidden flex flex-col justify-around py-4 z-0 opacity-50",style:{WebkitMaskImage:"linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%)",maskImage:"linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%)"},children:[e.jsx("style",{children:` 13 @keyframes gentle-row-left { 14 0% { transform: translateX(0); } 15 100% { transform: translateX(-50%); } 16 } 17 @keyframes gentle-row-right { 18 0% { transform: translateX(-50%); } 19 100% { transform: translateX(0); } 20 } 21 .gentle-track-left { 22 display: flex; 23 width: max-content; 24 animation: gentle-row-left 22s linear infinite; 25 will-change: transform; 26 } 27 .gentle-track-right { 28 display: flex; 29 width: max-content; 30 animation: gentle-row-right 20s linear infinite; 31 will-change: transform; 32 } 33 `}),e.jsx("div",{className:"gentle-track-left",children:[{label:"09:00 AM ⢠Morning Hydration",icon:e.jsx(K,{className:"w-3.5 h-3.5 text-cyan-400"})},{label:"11:30 AM ⢠Posture Check",icon:e.jsx(k,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"02:00 PM ⢠Screen Break",icon:e.jsx(Q,{className:"w-3.5 h-3.5 text-sky-400"})},{label:"09:00 AM ⢠Morning Hydration",icon:e.jsx(K,{className:"w-3.5 h-3.5 text-cyan-400"})},{label:"11:30 AM ⢠Posture Check",icon:e.jsx(k,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"02:00 PM ⢠Screen Break",icon:e.jsx(Q,{className:"w-3.5 h-3.5 text-sky-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))}),e.jsx("div",{className:"gentle-track-right",children:[{label:"04:30 PM ⢠Quick Walk",icon:e.jsx(d,{className:"w-3.5 h-3.5 text-orange-400"})},{label:"06:30 PM ⢠Evening Workout",icon:e.jsx(X,{className:"w-3.5 h-3.5 text-purple-400"})},{label:"08:00 PM ⢠Healthy Dinner",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-amber-400"})},{label:"04:30 PM ⢠Quick Walk",icon:e.jsx(d,{className:"w-3.5 h-3.5 text-orange-400"})},{label:"06:30 PM ⢠Evening Workout",icon:e.jsx(X,{className:"w-3.5 h-3.5 text-purple-400"})},{label:"08:00 PM ⢠Healthy Dinner",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-amber-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))}),e.jsx("div",{className:"gentle-track-left",children:[{label:"10:00 PM ⢠Wind Down",icon:e.jsx(u,{className:"w-3.5 h-3.5 text-indigo-400"})},{label:"07:00 AM ⢠Morning Stretch",icon:e.jsx(F,{className:"w-3.5 h-3.5 text-yellow-400"})},{label:"08:00 AM ⢠Healthy Breakfast",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-rose-400"})},{label:"10:00 PM ⢠Wind Down",icon:e.jsx(u,{className:"w-3.5 h-3.5 text-indigo-400"})},{label:"07:00 AM ⢠Morning Stretch",icon:e.jsx(F,{className:"w-3.5 h-3.5 text-yellow-400"})},{label:"08:00 AM ⢠Healthy Breakfast",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-rose-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))}),e.jsx("div",{className:"gentle-track-right",children:[{label:"10:00 AM ⢠Deep Work Break",icon:e.jsx(A,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"01:00 PM ⢠Lunch Walk",icon:e.jsx(d,{className:"w-3.5 h-3.5 text-cyan-400"})},{label:"03:30 PM ⢠Herbal Tea",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-amber-400"})},{label:"10:00 AM ⢠Deep Work Break",icon:e.jsx(A,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"01:00 PM ⢠Lunch Walk",icon:e.jsx(d,{className:"w-3.5 h-3.5 text-cyan-400"})},{label:"03:30 PM ⢠Herbal Tea",icon:e.jsx(w,{className:"w-3.5 h-3.5 text-amber-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))}),e.jsx("div",{className:"gentle-track-left",children:[{label:"05:30 PM ⢠Log Daily Habits",icon:e.jsx(o,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"07:30 PM ⢠Read 10 Pages",icon:e.jsx(B,{className:"w-3.5 h-3.5 text-purple-400"})},{label:"09:30 PM ⢠Phone Away",icon:e.jsx(u,{className:"w-3.5 h-3.5 text-indigo-400"})},{label:"05:30 PM ⢠Log Daily Habits",icon:e.jsx(o,{className:"w-3.5 h-3.5 text-emerald-400"})},{label:"07:30 PM ⢠Read 10 Pages",icon:e.jsx(B,{className:"w-3.5 h-3.5 text-purple-400"})},{label:"09:30 PM ⢠Phone Away",icon:e.jsx(u,{className:"w-3.5 h-3.5 text-indigo-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))}),e.jsx("div",{className:"gentle-track-right",children:[{label:"08:30 PM ⢠Stretch & Breathe",icon:e.jsx(k,{className:"w-3.5 h-3.5 text-rose-400"})},{label:"10:30 PM ⢠Sleep Preparation",icon:e.jsx(V,{className:"w-3.5 h-3.5 text-blue-400"})},{label:"06:00 AM ⢠Morning View",icon:e.jsx(F,{className:"w-3.5 h-3.5 text-amber-400"})},{label:"08:30 PM ⢠Stretch & Breathe",icon:e.jsx(k,{className:"w-3.5 h-3.5 text-rose-400"})},{label:"10:30 PM ⢠Sleep Preparation",icon:e.jsx(V,{className:"w-3.5 h-3.5 text-blue-400"})},{label:"06:00 AM ⢠Morning View",icon:e.jsx(F,{className:"w-3.5 h-3.5 text-amber-400"})}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-2 mx-2 px-3.5 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-zinc-300 whitespace-nowrap",children:[t.icon,e.jsx("span",{children:t.label})]},s))})]}),e.jsxs("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[86%] z-20 bg-[#16120e]/80 border border-white/20 p-6 rounded-[28px] shadow-[0_25px_60px_rgba(0,0,0,0.85)] backdrop-blur-xl space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3.5",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-amber-500/20 border border-amber-500/40 text-amber-400 flex items-center justify-center flex-shrink-0 shadow-inner",children:e.jsx(Me,{className:"w-6 h-6 text-amber-400",strokeWidth:1.75})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-mono font-bold text-amber-300/90 tracking-wide",children:"8:30 PM ⢠Evening Wind-Down"}),e.jsx("div",{className:"text-sm font-extrabold text-amber-400 mt-0.5",children:"Take a 5-minute break"})]})]}),e.jsx("p",{className:"text-xs text-zinc-300/90 font-medium leading-relaxed",children:"Time to stretch and refresh before your next task. Your streak
33is on track for today!"}),e.jsx("div",{className:"flex items-center gap-3 pt-1",children:e.jsx("button",{onClick:()=>h("UI/UX Design","See UX Growth Results","dark","purple"),className:"px-5 py-2.5 bg-amber-400 text-black font-extrabold text-xs rounded-full hover:bg-amber-300 transition-all shadow-md active:scale-95 cursor-pointer",children:"See UX Growth Results"})})]}),e.jsx("div",{className:"relative z-10 text-[11px] text-amber-200/50 font-mono text-center",children:"Data-driven UX ⢠Conversion focused"})]})]})]}),e.jsxs("section",{className:"py-28 w-full overflow-hidden",children:[e.jsxs("div",{className:"max-w-7xl mx-auto px-6 md:px-12 flex flex-col md:flex-row items-center justify-between gap-4 mb-16 text-left",children:[e.jsx("div",{children:e.jsx("h2",{className:"text-3xl sm:text-4xl md:text-5xl font-black text-[#111111] tracking-tight leading-tight",children:"Why Businesses Choose Our UI UX Design Company in Bangalore"})}),e.jsxs("div",{className:"flex items-center gap-2 text-xs font-bold text-[#111111] bg-white px-4 py-2 rounded-full border border-[#ECECEC]",children:[e.jsxs("div",{className:"flex -space-x-1.5",children:[e.jsx("img",{className:"w-5 h-5 rounded-full object-cover",src:"https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80",alt:"Avatar"}),e.jsx("img",{className:"w-5 h-5 rounded-full object-cover",src:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=100&q=80",alt:"Avatar"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-amber-500",children:[e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75}),e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75}),e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75}),e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75}),e.jsx(g,{className:"w-3.5 h-3.5 fill-amber-500 stroke-[#F59E0B]",strokeWidth:1.75})]}),e.jsx("span",{className:"font-semibold text-[#666666]",children:"Trusted worldwide"})]})]}),e.jsx("div",{className:"w-full overflow-hidden py-4",children:e.jsx("div",{className:"overflow-hidden flex whitespace-nowrap w-full",children:e.jsx(a.div,{animate:{x:["0%","-50%"]},transition:{repeat:1/0,duration:45,ease:"linear"},className:"flex items-center gap-6 flex-nowrap w-max",children:ce.map((t,s)=>e.jsxs("div",{className:"relative w-[380px] h-[480px] overflow-hidden group cursor-pointer shadow-xl border border-[#ECECEC] flex flex-col justify-between p-6 text-left flex-shrink-0",style:{borderRadius:"36px"},children:[e.jsx("img",{src:t.img,alt:t.author,className:"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"}),e.jsxs("div",{className:"relative z-10 text-white text-xs font-mono font-bold",children:["STEP ",t.step]}),e.jsxs("div",{className:"relative z-10 text-[#FF8A00] space-y-1",children:[e.jsx("div",{className:"text-xl font-black text-white leading-tight mb-2",children:t.title}),e.jsx("div",{className:"text-xs text-zinc-300 font-medium leading-relaxed",children:t.desc})]})]},s))})})})]}),e.jsx("section",{id:"phone-experience",ref:E,className:"w-full relative bg-white",style:{height:"500vh"},children:e.jsxs("div",{className:"w-full h-screen overflow-hidden bg-white flex items-center justify-center",style:O==="pinned"?{position:"fixed",top:0,left:0,width:"100%",zIndex:40}:O==="after"?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:40}:{position:"absolute",top:0,left:0,width:"100%",zIndex:40},children:[e.jsx(a.div,{style:{x:ae},className:"absolute bottom-12 md:bottom-16 left-0 w-[150%] -left-[25%] pointer-events-none z-10 flex items-center justify-center overflow-hidden",children:e.jsx("img",{src:"/images/cloude2.avif",alt:"Atmospheric background clouds",className:"w-full h-[360px] sm:h-[420px] md:h-[480px] object-cover opacity-85",style:{filter:"contrast(1.08) brightness(1.05)",WebkitMaskImage:"linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, transparent 100%)",maskImage:"linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, transparent 100%)"}})}),e.jsxs(a.div,{style:{y:te},className:"absolute left-6 sm:left-10 md:left-16 lg:left-24 top-1/2 -translate-y-1/2 max-w-sm md:max-w-md
33space-y-6 z-20 pointer-events-auto opacity-100",children:[e.jsxs("h2",{className:"text-3xl sm:text-4xl md:text-5xl font-black text-[#111111] tracking-tight leading-[1.1]",children:["You Don't Need More Traffic â ",e.jsx("br",{className:"hidden sm:inline"}),"You Need Better UX"]}),e.jsx("p",{className:"text-sm sm:text-base text-[#555555] font-normal leading-normal",children:"If your product isn't converting, your UX is leaking revenue every single day. Fix the experience. Unlock growth."}),e.jsxs("div",{className:"flex flex-wrap items-center gap-4 pt-2",children:[e.jsx("button",{onClick:()=>h("UI/UX Design","Get Free UX Audit","dark","purple"),className:"bg-[#111111] text-white px-7 py-3.5 rounded-full font-bold text-sm shadow-lg hover:bg-black hover:scale-[1.02] active:scale-[0.98] transition-all cursor-pointer",children:"Get Free UX Audit"}),e.jsx("button",{onClick:()=>h("UI/UX Design","Book UX Strategy Call","light","purple"),className:"bg-white text-[#111111] px-7 py-3.5 rounded-full font-bold text-sm shadow-lg border border-zinc-200 hover:bg-zinc-50 hover:scale-[1.02] active:scale-[0.98] transition-all cursor-pointer",children:"Book UX Strategy Call"})]})]}),e.jsx(a.div,{style:{y:ee},className:"absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 flex justify-center items-center z-30 pointer-events-none opacity-100",children:e.jsx("img",{src:"/images/Hand + mobile copy.avif",alt:"Hand holding mobile device",className:"w-auto h-[460px] sm:h-[520px] md:h-[580px] object-contain drop-shadow-2xl opacity-100"})}),e.jsx(a.div,{style:{y:se},className:"absolute right-4 sm:right-8 md:right-12 lg:right-16 top-1/2 -translate-y-1/2 text-right space-y-1 z-40 pointer-events-auto opacity-100",children:e.jsxs("h2",{className:"text-3xl sm:text-5xl md:text-6xl lg:text-7xl font-black text-[#111111] tracking-tighter leading-[0.95] text-right flex flex-col items-end",children:[e.jsx("span",{children:"MERIDA"}),e.jsx("span",{children:"TECH MINDS"})]})}),e.jsxs(a.div,{style:{x:ie},className:"absolute bottom-0 left-0 right-0 w-[150%] -left-[25%] z-40 pointer-events-none flex justify-center items-end overflow-hidden",children:[e.jsx("div",{className:"absolute bottom-0 left-0 right-0 w-full h-32 bg-gradient-to-t from-white via-white/80 to-transparent z-10"}),e.jsx("img",{src:"/images/cloude2.avif",alt:"Foreground drifting clouds",className:"relative z-20 w-full min-w-full h-52 sm:h-60 md:h-68 lg:h-76 object-cover object-bottom opacity-90",style:{transform:"scaleY(-1)",filter:"contrast(1.1) brightness(1.05)",WebkitMaskImage:"linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 95%)",maskImage:"linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 95%)"}})]})]})}),e.jsx(je,{categorySlug:"ui-ux-design"})]})}export{Le 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.