chunk-WZZYFPZC.js

import{a as $}from"./chunk-TTDQXE52.js";import{b as y,c as x}from"./chunk-6M5ALIUV.js";import{Da as e,Ea as t,Fa as n,J as a,Ma as r,Na as d,Oa as o,P as D,Q as N,cb as X,oa as P}from"./chunk-VH5II6FK.js";var M=class S{seo=a(x);jsonLd=a($);locale=a(X);ngOnInit(){let l="Premium UI/UX Design Services | AppOutlet",_="We design intuitive, visually stunning digital product experiences that balance aesthetics with functionality to engage your users and drive growth.";this.seo.updateTitle(l),this.seo.updateDescription(_),this.seo.updateCanonicalUrl("https://appoutlet.dev/services/ui-ux-design"),this.jsonLd.updateJsonLd([{"@context":"https://schema.org","@type":"Service","@id":"https://appoutlet.dev/#service-ui-ux-design",name:"UI/UX Design Services",provider:{"@type":"Organization","@id":"https://appoutlet.dev/#organization"},description:_,areaServed:"Worldwide",serviceType:"User Interface and User Experience Design"},{"@context":"https://schema.org","@type":"WebPage","@id":"https://appoutlet.dev/services/ui-ux-design#webpage",url:"https://appoutlet.dev/services/ui-ux-design",name:l,description:_,isPartOf:{"@id":"https://appoutlet.dev/#website"},inLanguage:this.locale}]);}ngOnDestroy(){this.jsonLd.removeJsonLd();}static ɵfac=function(_){return new(_||S)();};static ɵcmp=P({type:S,selectors:[["app-ui-ux-design"]],decls:95,vars:0,consts:()=>{let l;l=" Design that feels right, "+"\uFFFD#7\uFFFD\uFFFD/#7\uFFFD"+" and works even better ";let _;_=" We design products that look sharp and actually make sense to use. Every interaction should feel obvious, not forced. ";let s;s=" Beyond just pixels ";let E;E=" Great design isn't just about how it looks; it's also about how it makes people feel. We treat design as a tool for solving real problems, not just making things pretty. ";let g;g=" We skip the trend-chasing. Instead, we build systems that hold up over time, work for everyone, and actually feel like your brand. ";let u;u=" What we focus on ";let I;I=" From rough sketches to final files, we handle the whole design process. ";let m;m="UX Strategy";let p;p=" We map out how people move through your product, organize the information so it makes sense, and make sure the foundation won't crack later. ";let c;c="Visual Identity";let h;h=" Colors, typography, and visual rules that actually look like you, not like every other product on the market. ";let U;U="Design Systems";let G;G=" Reusable components and clear rules so your product stays consistent as you grow, without reinventing the wheel each time. ";let f;f=" We design with the "+"\uFFFD#63\uFFFD\uFFFD/#63\uFFFD"+" build in mind ";let C;C=" We're developers too, so we know what happens after the handoff. You won't get flat images that look nice but fall apart in code. You get designs that are built to be built. ";let v;v=" Handoff files that actually make sense to engineers. ";let A;A=" Layouts that adapt to real screens, not just ideal ones. ";let R;return R=" Design and dev talking to each other the whole way through. ",[l,_,s,E,g,u,I,m,p,c,h,U,G,f,C,v,A,R,[1,"bg-background-variant","pt-16","md:pt-20","pb-24","overflow-hidden","relative"],[1,"absolute","inset-0","z-0","pointer-events-none"],[1,"absolute","bottom-0","left-0","w-[40%]","h-[80%]","bg-[radial-gradient(circle_at_20%_70%,rgba(88,134,249,0.08),transparent_50%)]"],[1,"container","mx-auto","max-w-6xl","px-4","relative","z-10"],[1,"max-w-4xl","mx-auto","text-center"],[1,"text-4xl","md:text-6xl","font-medium","text-[#373C4D]","mb-8","leading-tight","mt-6"],[1,"hidden","md:block"],[1,"text-xl","md:text-2xl","text-gray-500","max-w-3xl","mx-auto","leading-relaxed"],[1,"bg-white","py-20","md:py-24"],[1,"container","mx-auto","max-w-6xl","px-4","space-y-20","md:space-y-32"],[1,"grid","gap-12","lg:grid-cols-2","lg:items-center"],["src","/component/ui-ux-design/ui_design.svg","alt","",1,"relative","z-10","w-full","max-w-md","relative","order-2","lg:order-1"],[1,"max-w-2xl","mx-auto","order-1","lg:order-2"],[1,"text-3xl","md:text-4xl","font-medium","text-[#373C4D]","mb-6"],[1,"space-y-6","text-lg","text-gray-500","leading-relaxed"],[1,"space-y-16"],[1,"text-center","max-w-3xl","mx-auto"],[1,"text-lg","text-gray-500","leading-relaxed"],[1,"grid","gap-8","md:grid-cols-2","lg:grid-cols-3"],[1,"bg-background-variant","rounded-4xl","p-8","border","border-transparent","hover:border-primary/10","transition-colors","group"],[1,"w-14","h-14","bg-white","rounded-2xl","flex","items-center","justify-center","mb-6","shadow-sm","group-hover:shadow-md","transition-shadow"],[1,"ph","ph-selection-all","text-primary","text-2xl"],[1,"text-2xl","font-medium","text-[#373C4D]","mb-3"],[1,"text-gray-500","leading-relaxed"],[1,"ph","ph-paint-brush-broad","text-primary","text-2xl"],[1,"ph","ph-circles-three-plus","text-primary","text-2xl"],[1,"relative","isolate","overflow-hidden","rounded-[2.5rem]","md:rounded-[4rem]","bg-[#373C4D]","p-8","md:p-16","lg:p-20","text-white"],[1,"absolute","inset-0","z-0"],[1,"absolute","inset-0","bg-[radial-gradient(circle_at_top_right,rgba(88,134,249,0.4),transparent_40%),radial-gradient(circle_at_bottom_left,rgba(255,255,255,0.08),transparent_40%)]"],[1,"absolute","top-1/2","left-1/2","-translate-x-1/2","-translate-y-1/2","w-full","h-full","opacity-10","pointer-events-none"],["viewBox","0 0 100 100","preserveAspectRatio","none",1,"w-full","h-full"],["id","grid","width","10","height","10","patternUnits","userSpaceOnUse"],["d","M 10 0 L 0 0 0 10","fill","none","stroke","white","stroke-width","0.5"],["width","100","height","100","fill","url(#grid)"],[1,"relative","z-10","grid","lg:grid-cols-[1fr_0.8fr]","gap-12","items-center"],[1,"text-3xl","md:text-5xl","font-medium","mb-8","leading-tight"],[1,"text-lg","md:text-xl","text-white","leading-relaxed","mb-10"],[1,"space-y-5"],[1,"flex","items-start","gap-4"],[1,"w-6","h-6","rounded-full","bg-primary/20","flex","items-center","justify-center","shrink-0","mt-1"],[1,"ph","ph-check","text-primary","text-sm","font-bold"],[1,"text-white/90"],[1,"hidden","lg:block"],[1,"bg-white/5","backdrop-blur-md","rounded-4xl","border","border-white/10","p-8","transform","rotate-2"],[1,"space-y-6"],[1,"h-4","w-3/4","bg-white/20","rounded-full"],[1,"space-y-3"],[1,"h-3","w-full","bg-white/10","rounded-full"],[1,"h-3","w-5/6","bg-white/10","rounded-full"],[1,"grid","grid-cols-3","gap-4","pt-4"],[1,"aspect-square","bg-primary/30","rounded-2xl"],[1,"aspect-square","bg-white/10","rounded-2xl"]];},template:function(_,s){_&1&&(e(0,"div",18)(1,"div",19),n(2,"div",20),t(),e(3,"div",21)(4,"div",22)(5,"h1",23),r(6,0),n(7,"br",24),d(),t(),e(8,"p",25),o(9,1),t()()()(),e(10,"div",26)(11,"div",27)(12,"div",28),n(13,"img",29),e(14,"div",30)(15,"h2",31),o(16,2),t(),e(17,"div",32)(18,"p"),o(19,3),t(),e(20,"p"),o(21,4),t()()()(),e(22,"div",33)(23,"div",34)(24,"h2",31),o(25,5),t(),e(26,"p",35),o(27,6),t()(),e(28,"div",36)(29,"div",37)(30,"div",38),n(31,"i",39),t(),e(32,"h3",40),o(33,7),t(),e(34,"p",41),o(35,8),t()(),e(36,"div",37)(37,"div",38),n(38,"i",42),t(),e(39,"h3",40),o(40,9),t(),e(41,"p",41),o(42,10),t()(),e(43,"div",37)(44,"div",38),n(45,"i",43),t(),e(46,"h3",40),o(47,11),t(),e(48,"p",41),o(49,12),t()()()(),e(50,"div",44)(51,"div",45),n(52,"div",46),e(53,"div",47),D(),e(54,"svg",48)(55,"defs")(56,"pattern",49),n(57,"path",50),t()(),n(58,"rect",51),t()()(),N(),e(59,"div",52)(60,"div")(61,"h2",53),r(62,13),n(63,"br",24),d(),t(),e(64,"p",54),o(65,14),t(),e(66,"div",55)(67,"div",56)(68,"div",57),n(69,"i",58),t(),e(70,"p",59),o(71,15),t()(),e(72,"div",56)(73,"div",57),n(74,"i",58),t(),e(75,"p",59),o(76,16),t()(),e(77,"div",56)(78,"div",57),n(79,"i",58),t(),e(80,"p",59),o(81,17),t()()()(),e(82,"div",60)(83,"div",61)(84,"div",62),n(85,"div",63),e(86,"div",64),n(87,"div",65)(88,"div",65)(89,"div",66),t(),e(90,"div",67),n(91,"div",68)(92,"div",69)(93,"div",69),t()()()()()()()(),n(94,"app-contact"));},dependencies:[y],encapsulation:2});};export{M as UiUxDesign};/**i18n:6e6edd37ffe8af0634ebcecfc7efeb7e186f80d17a5d1dcfd816445d830972c7*/