1:"$Sreact.fragment" 3:I[9243,["7177","static/chunks/app/layout-2f4092c30f2b4fe6.js"],""] 4:I[2990,["7177","static/chunks/app/layout-2f4092c30f2b4fe6.js"],"default"] 5:I[7555,[],""] 6:I[1295,[],""] 8:I[9665,[],"OutletBoundary"] b:I[4911,[],"AsyncMetadataOutlet"] d:I[9665,[],"ViewportBoundary"] f:I[9665,[],"MetadataBoundary"] 11:I[6614,[],""] :HL["/_next/static/css/fa709bbd0466878b.css","style"] 2:T604, (function() { window.addEventListener('error', function(event) { if (event.target && event.target.tagName === 'SCRIPT') { var src = event.target.src; if (src && (src.includes('_next') || src.includes('chunk'))) { console.warn('Script failed to load, reloading:', src); setTimeout(() => window.location.reload(), 100); } } }); window.addEventListener('unhandledrejection', function(event) { var reason = event.reason; if (reason && reason.message && (reason.message.includes('Loading chunk') || reason.message.includes('ChunkLoadError'))) { console.warn('Chunk load error, reloading page'); event.preventDefault(); setTimeout(() => window.location.reload(), 100); } }); window.addEventListener('error', function(event) { if (event.target && event.target.tagName === 'LINK') { var href = event.target.href; if (href && href.includes('_next')) { console.warn('CSS failed to load, reloading:', href); setTimeout(() => window.location.reload(), 100); } } }); })(); 0:{"P":null,"b":"CQr7mEOQTjU2tPsBGnZjK","p":"","c":["","our-work","breeo"],"i":false,"f":[[["",{"children":["our-work",{"children":[["slug","breeo","d"],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/fa709bbd0466878b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{"children":[["$","meta",null,{"name":"google-site-verification","content":"K14GWnjdk2G-pwCLzdCfp-5LNtjN52Tg5xzValw8ph4"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){\n w[l]=w[l]||[];\n w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});\n var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';\n j.async=true;\n j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;\n f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-TLQSCP2V');\n "}}],["$","script",null,{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=AW-805376966"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){window.dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'AW-805376966');\n "}}],["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"\n (function(c,l,a,r,i,t,y){\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\n t=l.createElement(r);t.async=1;\n t.src=\"https://www.clarity.ms/tag/\"+i+\"?ref=gtm2\";\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n })(window,document,\"clarity\",\"script\",\"reck5cfn70\");\n "}}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$2"}}],["$","link",null,{"rel":"icon","href":"/tab.png?v=2","type":"image/png"}],["$","link",null,{"rel":"shortcut icon","href":"/tab.png?v=2","type":"image/png"}],["$","link",null,{"rel":"apple-touch-icon","href":"/tab.png?v=2"}],["$","link",null,{"rel":"icon","href":"/tab.png?v=2","type":"image/png","sizes":"32x32"}],["$","link",null,{"rel":"icon","href":"/tab.png?v=2","type":"image/png","sizes":"16x16"}]]}],["$","body",null,{"className":"font-sans","children":[["$","noscript",null,{"children":["$","iframe",null,{"src":"https://www.googletagmanager.com/ns.html?id=GTM-TLQSCP2V","height":"0","width":"0","style":{"display":"none","visibility":"hidden"}}]}],["$","$L3",null,{"id":"global-form-submit-listener","strategy":"afterInteractive","children":"\n (function(){\n function onSubmit(e){\n if(e.defaultPrevented) return;\n var form = e.target && e.target.closest ? e.target.closest('form') : null;\n if(!form) return;\n var formId = form.id || form.getAttribute('name') || form.getAttribute('data-gtm-form-id') || 'genericForm';\n var formName = form.getAttribute('id') || form.getAttribute('name') || 'genericForm';\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'formSubmissionSuccess',\n formName: formName,\n formId: formId,\n formAction: form.getAttribute('action') || location.pathname\n });\n }\n document.addEventListener('submit', onSubmit, true);\n })();\n "}],["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}]]}],{"children":["our-work",["$","$1","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["slug","breeo","d"],["$","$1","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":["$L7",null,["$","$L8",null,{"children":["$L9","$La",["$","$Lb",null,{"promise":"$@c"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","DO0ZC-hhzn8j4YknthZ_Kv",{"children":[["$","$Ld",null,{"children":"$Le"}],null]}],["$","$Lf",null,{"children":"$L10"}]]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true} 12:I[2435,["6874","static/chunks/6874-dcd0d111e521826b.js","3063","static/chunks/3063-1db198e9c8ee5571.js","2473","static/chunks/app/our-work/%5Bslug%5D/page-d3e1dd91b6192d41.js"],"default"] 13:I[3063,["6874","static/chunks/6874-dcd0d111e521826b.js","3063","static/chunks/3063-1db198e9c8ee5571.js","2473","static/chunks/app/our-work/%5Bslug%5D/page-d3e1dd91b6192d41.js"],"Image"] 14:I[6874,["6874","static/chunks/6874-dcd0d111e521826b.js","3063","static/chunks/3063-1db198e9c8ee5571.js","2473","static/chunks/app/our-work/%5Bslug%5D/page-d3e1dd91b6192d41.js"],""] 15:"$Sreact.suspense" 16:I[4911,[],"AsyncMetadata"] 7:[["$","$L12",null,{}],["$","section",null,{"className":"bg-gradient-to-r from-white mt-6 from-[0%] to-[#ccd2ca] to-[100%] py-8 sm:py-16","children":["$","div",null,{"className":"max-w-7xl mx-auto px-4 sm:px-6 flex flex-col md:flex-row items-center gap-6 sm:gap-10","children":[["$","div",null,{"className":"flex-1 mt-6 sm:mt-12 text-center md:text-left","children":[["$","div",null,{"className":"mb-3 sm:mb-4 inline-block","children":["$","$L13",null,{"src":"/assets/images/BreeoLogo.png","alt":"Breeo Logo","width":100,"height":50,"className":"object-contain opacity-80 sm:w-[120px] sm:h-[60px]"}]}],["$","h2",null,{"className":"text-2xl xs:text-[28px] sm:text-[32px] md:text-4xl lg:text-5xl text-black font-bold leading-tight sm:leading-none mb-3 sm:mb-4","children":["Modernizing ",["$","br",null,{}],"Pakistan's ",["$","br",null,{}],"Home-Care Brand"]}],["$","p",null,{"className":"text-[#4B5563] text-xs sm:text-sm mb-4 sm:mb-6 max-w-md mx-auto md:mx-0 px-2 sm:px-0","children":"A premium, interactive web experience for FMCG excellence."}]]}],["$","div",null,{"className":"flex-1 flex mt-4 sm:mt-6 justify-center md:justify-end","children":["$","div",null,{"className":"rounded-lg sm:rounded-xl overflow-hidden relative z-10 w-full max-w-sm sm:max-w-none","children":["$","$L13",null,{"src":"/assets/images/breeo.png","alt":"Website Mockup","width":450,"height":320,"className":"object-cover w-full h-auto max-w-[280px] sm:max-w-[350px] md:max-w-[450px]"}]}]}]]}]}],["$","section",null,{"className":"bg-white py-12 sm:py-20 px-4 sm:px-6","children":["$","div",null,{"className":"max-w-6xl mx-auto flex flex-col lg:flex-row gap-8 sm:gap-12","children":[["$","div",null,{"className":"lg:w-1/2","children":[["$","h2",null,{"className":"text-xl sm:text-2xl md:text-2xl font-bold text-[#111] mb-3 sm:mb-4","children":"Project Overview"}],["$","p",null,{"className":"text-[#0F0F0F] leading-relaxed text-xs md:text-sm whitespace-pre-line","children":["Experience featuring cutting-edge 3D interactive technology.","\n","Our comprehensive approach transformed their online","\n","presence, allowing customers to engage with products in a","\n","revolutionary way before purchase. The challenge was to create","\n","a distinctive identity that stands out in a competitive market."]}]]}],["$","div",null,{"className":"lg:w-1/2 grid grid-cols-1 sm:grid-cols-2 gap-6 sm:gap-8","children":[["$","div","0",{"className":"flex flex-col items-start text-left","children":[["$","$L13",null,{"src":"/assets/images/circle.svg","alt":"Frontend Development Icon","width":24,"height":24,"className":"mb-2 sm:mb-3"}],["$","h4",null,{"className":"text-[#111] text-sm sm:text-base font-semibold mb-1","children":"Frontend Development"}],["$","p",null,{"className":"text-[#0F0F0F] text-xs md:text-sm leading-relaxed","children":"Built responsive, high-performance website using modern web technologies and frameworks."}]]}],["$","div","1",{"className":"flex flex-col items-start text-left","children":[["$","$L13",null,{"src":"/assets/images/team1.svg","alt":"User Research Icon","width":24,"height":24,"className":"mb-2 sm:mb-3"}],["$","h4",null,{"className":"text-[#111] text-sm sm:text-base font-semibold mb-1","children":"User Research"}],["$","p",null,{"className":"text-[#0F0F0F] text-xs md:text-sm leading-relaxed","children":"In-depth interviews with 200+ potential customers across Pakistan."}]]}],["$","div","2",{"className":"flex flex-col items-start text-left","children":[["$","$L13",null,{"src":"/assets/images/border.svg","alt":"UX/UI Design Icon","width":24,"height":24,"className":"mb-2 sm:mb-3"}],["$","h4",null,{"className":"text-[#111] text-sm sm:text-base font-semibold mb-1","children":"UX/UI Design"}],["$","p",null,{"className":"text-[#0F0F0F] text-xs md:text-sm leading-relaxed","children":"Developed intuitive user interfaces with seamless navigation and engaging interactive elements."}]]}],["$","div","3",{"className":"flex flex-col items-start text-left","children":[["$","$L13",null,{"src":"/assets/images/border2.svg","alt":"3D Technology Icon","width":24,"height":24,"className":"mb-2 sm:mb-3"}],["$","h4",null,{"className":"text-[#111] text-sm sm:text-base font-semibold mb-1","children":"3D Technology"}],["$","p",null,{"className":"text-[#0F0F0F] text-xs md:text-sm leading-relaxed","children":"Implementation of interactive product visualization."}]]}]]}]]}]}],["$","section",null,{"className":"relative bg-[#15A2CD] text-white py-24 overflow-hidden","style":{"clipPath":"polygon(0.8% 10%, 100% 0, 99% 100%, 0 94%)"},"children":["$","div",null,{"className":"relative z-10 max-w-6xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12","children":[["$","div",null,{"className":"lg:w-1/2 w-full","children":[["$","h2",null,{"className":"text-white text-3xl font-semibold mb-8 text-center lg:text-left","children":"The Challenge"}],["$","div",null,{"className":"space-y-6","children":[["$","div","0",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex-shrink-0 w-6 h-6 bg-white rounded-full flex items-center justify-center","children":["$","span",null,{"className":"text-[#15A2CD] font-semibold text-sm","children":1}]}],["$","p",null,{"className":"text-white text-sm font-light leading-relaxed","children":"Breeo needed to change how customers saw local cleaning brands. \n Their old website felt outdated and failed to compete with Surf \n Excel or Ariel."}]]}],["$","div","1",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex-shrink-0 w-6 h-6 bg-white rounded-full flex items-center justify-center","children":["$","span",null,{"className":"text-[#15A2CD] font-semibold text-sm","children":2}]}],["$","p",null,{"className":"text-white text-sm font-light leading-relaxed","children":"The brand needed to establish trust with consumers who typically \n prefer international brands for cleaning products."}]]}],["$","div","2",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex-shrink-0 w-6 h-6 bg-white rounded-full flex items-center justify-center","children":["$","span",null,{"className":"text-[#15A2CD] font-semibold text-sm","children":3}]}],["$","p",null,{"className":"text-white text-sm font-light leading-relaxed","children":["The mission was clear:"," ",["$","span",null,{"className":"font-semibold text-white","children":"Make Breeo feel global, modern, and trustworthy."}]]}]]}]]}],["$","p",null,{"className":"mt-8 text-xs text-white/80 text-center lg:text-left","children":"Our role: Web Development, UI/UX Interaction Design"}]]}],["$","div",null,{"className":"lg:w-1/2 w-full flex justify-center lg:justify-end","children":["$","div",null,{"className":"relative rounded-sm overflow-hidden w-full max-w-[400px] h-[200px] sm:h-[260px]","children":[["$","$L13",null,{"src":"/assets/images/br1.png","alt":"Breeo Website","fill":true,"className":"object-cover","style":{"filter":"brightness(0.8)"}}],["$","div",null,{"className":"absolute inset-0 bg-[#15A2CD] opacity-30"}]]}]}]]}]}],["$","div",null,{"className":"bg-[#F9FAFB]","children":["$","div",null,{"className":"max-w-5xl mx-auto px-4 py-8","children":[["$","h2",null,{"className":"text-2xl font-bold text-blacktext-center mb-12","children":"Project Goals"}],["$","div",null,{"className":"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8","children":[["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/paint.svg","alt":"Position as Premium","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Position as Premium"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Establish Breeo as a modern, premium Pakistani brand that can compete with international giants."}]]}],["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/cylinder.svg","alt":"Interactive Visuals","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Interactive Visuals"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Showcase products with high-end, 360° interactive visuals that highlight quality and features."}]]}],["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/tick.svg","alt":"Build Trust","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Build Trust"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Create a clean, FMCG-inspired design that builds consumer confidence in the brand."}]]}],["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/box.svg","alt":"Mobile-First Experience","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Mobile-First Experience"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Prioritize mobile users who make up over 70% of Breeo's target audience."}]]}],["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/SVG01.svg","alt":"Support Local Buying","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Support Local Buying"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Make it easy for customers to find Breeo products in local stores with a store locator."}]]}],["$","div",null,{"className":"flex flex-col p-8 bg-white shadow-lg rounded-lg h-48","children":[["$","img",null,{"src":"/assets/images/SVG02.svg","alt":"Localized Content","className":"w-6 h-6 mb-3"}],["$","p",null,{"className":"text-sm text-black font-semibold","children":"Localized Content"}],["$","p",null,{"className":"text-[#4B5563] text-xs","children":"Provide content in both English and Urdu to connect with the local market."}]]}]]}],["$","div",null,{"className":"mt-12 flex flex-col items-center","children":[["$","div",null,{"className":"flex gap-4 mb-2","children":[["$","div",null,{"className":"w-6 h-6 bg-[#15A2CD] rounded-full"}],["$","div",null,{"className":"w-6 h-6 bg-[#28A745] rounded-full"}],["$","div",null,{"className":"w-6 h-6 bg-[#F8F9FA] shadow-lg rounded-full"}],["$","div",null,{"className":"w-6 h-6 bg-[#212529] rounded-full"}]]}],["$","div",null,{"className":"text-xs text-[#6B7280] text-center mb-6","children":"Strategic design goals tailored for Breeo’s market"}]]}]]}]}],["$","section",null,{"className":"bg-white py-12 px-3 sm:py-16 sm:px-4","children":["$","div",null,{"className":"max-w-6xl mx-auto","children":[["$","h2",null,{"className":"text-[#15A2CD] text-xl sm:text-2xl font-semibold mb-6 text-left","children":"Our Process"}],["$","div",null,{"className":"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6 sm:gap-10","children":[["$","div","0",{"className":"flex flex-col items-center text-center relative","children":[["$","div",null,{"className":"w-9 h-9 sm:w-11 sm:h-11 bg-[#0B5ED71A] rounded-full flex items-center justify-center mb-3 sm:mb-4","children":["$","$L13",null,{"src":"/assets/images/search-blue.svg","alt":"Research & Brand Study","width":20,"height":20,"className":"sm:w-[22px] sm:h-[22px]"}]}],["$","div",null,{"className":"w-7 h-7 sm:w-8 sm:h-8 bg-[#15A2CD] rounded-full flex items-center justify-center mb-2","children":["$","span",null,{"className":"text-white font-light text-[10px] sm:text-xs","children":1}]}],["$","div",null,{"children":[["$","h3",null,{"className":"font-semibold text-black text-xs sm:text-sm mt-1 sm:mt-2 mb-1 sm:mb-2","children":"Research & Brand Study"}],["$","p",null,{"className":"text-[10px] sm:text-[11px] w-[180px] sm:w-[210px] text-[#4B5563] mx-auto","children":"We conducted extensive market research on Pakistani FMCG brands and consumer preferences to understand the competitive landscape."}]]}]]}],["$","div","1",{"className":"flex flex-col items-center text-center relative","children":[["$","div",null,{"className":"w-9 h-9 sm:w-11 sm:h-11 bg-[#0B5ED71A] rounded-full flex items-center justify-center mb-3 sm:mb-4","children":["$","$L13",null,{"src":"/assets/images/pencil.svg","alt":"UI/UX Design","width":20,"height":20,"className":"sm:w-[22px] sm:h-[22px]"}]}],["$","div",null,{"className":"w-7 h-7 sm:w-8 sm:h-8 bg-[#15A2CD] rounded-full flex items-center justify-center mb-2","children":["$","span",null,{"className":"text-white font-light text-[10px] sm:text-xs","children":2}]}],["$","div",null,{"children":[["$","h3",null,{"className":"font-semibold text-black text-xs sm:text-sm mt-1 sm:mt-2 mb-1 sm:mb-2","children":"UI/UX Design"}],["$","p",null,{"className":"text-[10px] sm:text-[11px] w-[180px] sm:w-[210px] text-[#4B5563] mx-auto","children":"Created a clean, premium design system with ample white space, vibrant product imagery, and intuitive navigation patterns."}]]}]]}],["$","div","2",{"className":"flex flex-col items-center text-center relative","children":[["$","div",null,{"className":"w-9 h-9 sm:w-11 sm:h-11 bg-[#0B5ED71A] rounded-full flex items-center justify-center mb-3 sm:mb-4","children":["$","$L13",null,{"src":"/assets/images/arrow1.svg","alt":"Interactive Development","width":20,"height":20,"className":"sm:w-[22px] sm:h-[22px]"}]}],["$","div",null,{"className":"w-7 h-7 sm:w-8 sm:h-8 bg-[#15A2CD] rounded-full flex items-center justify-center mb-2","children":["$","span",null,{"className":"text-white font-light text-[10px] sm:text-xs","children":3}]}],["$","div",null,{"children":[["$","h3",null,{"className":"font-semibold text-black text-xs sm:text-sm mt-1 sm:mt-2 mb-1 sm:mb-2","children":"Interactive Development"}],["$","p",null,{"className":"text-[10px] sm:text-[11px] w-[180px] sm:w-[210px] text-[#4B5563] mx-auto","children":"Built custom interactive elements including the signature 360° washing machine knob feature for stain selection."}]]}]]}],["$","div","3",{"className":"flex flex-col items-center text-center relative","children":[["$","div",null,{"className":"w-9 h-9 sm:w-11 sm:h-11 bg-[#0B5ED71A] rounded-full flex items-center justify-center mb-3 sm:mb-4","children":["$","$L13",null,{"src":"/assets/images/rocket-blue.svg","alt":"Full Responsive Build & Launch","width":20,"height":20,"className":"sm:w-[22px] sm:h-[22px]"}]}],["$","div",null,{"className":"w-7 h-7 sm:w-8 sm:h-8 bg-[#15A2CD] rounded-full flex items-center justify-center mb-2","children":["$","span",null,{"className":"text-white font-light text-[10px] sm:text-xs","children":4}]}],["$","div",null,{"children":[["$","h3",null,{"className":"font-semibold text-black text-xs sm:text-sm mt-1 sm:mt-2 mb-1 sm:mb-2","children":"Full Responsive Build & Launch"}],["$","p",null,{"className":"text-[10px] sm:text-[11px] w-[180px] sm:w-[210px] text-[#4B5563] mx-auto","children":"Developed a fully responsive website optimized for all devices and launched with comprehensive analytics tracking."}]]}]]}]]}]]}]}],["$","section",null,{"className":"bg-white py-8 sm:py-12 px-3 sm:px-4","children":["$","div",null,{"className":"max-w-7xl mx-auto","children":[["$","h2",null,{"className":"text-xl sm:text-2xl font-semibold text-center text-black mb-8 sm:mb-12","children":"Key Features"}],["$","div",null,{"className":"relative w-full bg-[#4CD3FE] rounded-md h-auto sm:h-[480px] flex flex-col sm:flex-row items-center sm:items-start overflow-hidden","children":[["$","div",null,{"className":"px-6 sm:px-10 py-8 sm:py-12 text-white max-w-lg sm:w-1/2","children":[["$","div",null,{"className":"bg-[#47A9D2] text-white text-[10px] sm:text-xs w-fit font-light py-1 px-3 rounded-xl mb-4","children":"MAIN HIGHLIGHT"}],["$","h3",null,{"className":"text-base sm:text-xl font-semibold text-white mb-4","children":"Interactive 360° Rotating Washing Machine Knob"}],["$","p",null,{"className":"text-[#FFFFFFCC] font-light leading-relaxed text-xs sm:text-sm mb-6","children":"We created an immersive 3D experience allowing users to interact with Breeo's flagship washing machine knob, selecting different wash cycles and seeing real-time stain removal simulations."}],["$","ul",null,{"className":"space-y-2","children":[["$","li","0",{"className":"flex items-center text-[10px] sm:text-xs text-white","children":[["$","div",null,{"className":"w-3 h-3 sm:w-4 sm:h-4 mr-2 flex items-center justify-center bg-[#087DA1] rounded-full","children":["$","$L13",null,{"src":"/assets/images/svgtick.svg","alt":"Tick","width":11,"height":11}]}],"WebGL-powered 3D rendering"]}],["$","li","1",{"className":"flex items-center text-[10px] sm:text-xs text-white","children":[["$","div",null,{"className":"w-3 h-3 sm:w-4 sm:h-4 mr-2 flex items-center justify-center bg-[#087DA1] rounded-full","children":["$","$L13",null,{"src":"/assets/images/svgtick.svg","alt":"Tick","width":11,"height":11}]}],"Realistic physics-based interactions"]}],["$","li","2",{"className":"flex items-center text-[10px] sm:text-xs text-white","children":[["$","div",null,{"className":"w-3 h-3 sm:w-4 sm:h-4 mr-2 flex items-center justify-center bg-[#087DA1] rounded-full","children":["$","$L13",null,{"src":"/assets/images/svgtick.svg","alt":"Tick","width":11,"height":11}]}],"Stain-specific cycle recommendations"]}],["$","li","3",{"className":"flex items-center text-[10px] sm:text-xs text-white","children":[["$","div",null,{"className":"w-3 h-3 sm:w-4 sm:h-4 mr-2 flex items-center justify-center bg-[#087DA1] rounded-full","children":["$","$L13",null,{"src":"/assets/images/svgtick.svg","alt":"Tick","width":11,"height":11}]}],"Works seamlessly on mobile devices"]}]]}],["$","$L14",null,{"href":"https://breeo.com.pk/","target":"_blank","rel":"noopener noreferrer","className":"inline-flex items-center mt-6 text-xs sm:text-sm text-[#15A2CD] bg-white px-4 py-2 rounded-full font-semibold","children":[["$","span",null,{"children":"Try the 360° Experience"}],["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":"12","height":"12","fill":"currentColor","className":"ml-2","viewBox":"0 0 16 16","children":["$","path",null,{"fillRule":"evenodd","d":"M8 12a.5.5 0 0 0 .5-.5V5.707l3.146 3.147a.5.5 0 0 0 .708-.707l-4-4a.5.5 0 0 0-.707 0l-4 4a.5.5 0 0 0 .708.707L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"}]}]]}]]}],["$","div",null,{"className":"sm:w-2/3 flex justify-center ml-40 mt-16 items-center","children":["$","$L13",null,{"src":"/assets/images/knob.png","alt":"Washing Machine","width":500,"height":500,"className":"rounded-md object-contain"}]}]]}]]}]}],["$","section",null,{"className":"bg-white py-8 sm:py-12 px-3 sm:px-4","children":["$","div",null,{"className":"max-w-6xl mx-auto","children":[["$","h2",null,{"className":"text-xl sm:text-2xl font-semibold text-center text-black mb-8 sm:mb-12","children":"Clean, Modern FMCG-Inspired UI"}],["$","div",null,{"className":"flex flex-col lg:flex-row items-center justify-between","children":[["$","div",null,{"className":"relative w-full lg:w-1/2 mb-4 sm:mb-6 lg:mb-0","children":["$","div",null,{"className":"relative w-full h-full rounded-lg","children":["$","$L13",null,{"src":"/assets/images/br4.png","alt":"Computer with shadow","layout":"intrinsic","width":800,"height":600,"objectFit":"contain"}]}]}],["$","div",null,{"className":"lg:w-1/2 px-3 sm:px-6 py-3 sm:py-4 text-center lg:text-left mt-0 sm:mt-[-120px]","children":[["$","p",null,{"className":"text-xs sm:text-sm text-[#000000] mb-4 sm:mb-6 leading-relaxed","children":["Breeo's website borrows from global cleaning brands ",["$","br",null,{"className":"hidden sm:inline"}]," while staying true to local needs. High-quality ",["$","br",null,{"className":"hidden sm:inline"}]," photography, premium packaging renders, and clean ",["$","br",null,{"className":"hidden sm:inline"}]," whitespace establish Breeo as a trustworthy choice."]}],["$","p",null,{"className":"text-[10px] sm:text-xs text-[#6B7280] mt-3 sm:mt-4","children":"Inspired by global best practices"}]]}]]}]]}]}],["$","section",null,{"className":"bg-[#F9FAFB] py-8 sm:py-12 px-3 sm:px-4","children":["$","div",null,{"className":"max-w-5xl mx-auto","children":[["$","h2",null,{"className":"text-xl sm:text-2xl font-semibold text-center text-black mb-8 sm:mb-12","children":"Built for Mobile-First Consumers"}],["$","div",null,{"className":"flex flex-col lg:flex-row-reverse items-center justify-between","children":[["$","div",null,{"className":"relative w-full lg:w-1/2 mb-4 sm:mb-6 lg:mb-0","children":["$","div",null,{"className":"relative w-full rounded-lg","children":["$","$L13",null,{"src":"/assets/images/br5.png","alt":"Mobile View","layout":"intrinsic","width":500,"height":400,"objectFit":"contain"}]}]}],["$","div",null,{"className":"lg:w-1/2 px-3 sm:px-6 py-3 sm:py-4 text-center lg:text-left mt-0 sm:mt-[-140px]","children":[["$","p",null,{"className":"text-xs sm:text-sm text-[#000000] mb-4 sm:mb-6 leading-relaxed","children":["Over 70% of Breeo's users browse on smartphones. We ",["$","br",null,{"className":"hidden sm:inline"}]," designed every interaction to be seamless on small ",["$","br",null,{"className":"hidden sm:inline"}]," screens, with special attention to touch targets and ",["$","br",null,{"className":"hidden sm:inline"}]," loading performance."]}],["$","p",null,{"className":"text-[10px] sm:text-xs text-[#6B7280] mt-3 sm:mt-4","children":"Optimized for local bandwidth and devices"}]]}]]}]]}]}],["$","section",null,{"className":"bg-[#F9FAFB] py-12 px-4","children":[["$","div",null,{"className":"bg-white h-8"}]," ",["$","div",null,{"className":"max-w-7xl mx-auto text-center","children":[["$","h2",null,{"className":"text-2xl font-semibold mt-12 text-[#15A2CD] mb-12","children":"The Impact of Visual Interactivity"}],["$","div",null,{"className":"flex justify-center gap-8","children":[["$","div",null,{"className":"flex flex-col items-center","children":[["$","div",null,{"className":"w-[100px] h-[100px] mb-4","children":["$","$L13",null,{"src":"/assets/images/circle1.png","alt":"Knob Interaction","width":200,"height":200,"objectFit":"cover"}]}],["$","p",null,{"className":"text-xl font-bold text-[#15A2CD]","children":"+58%"}],["$","p",null,{"className":"text-[#4B5563] text-xs mt-1","children":"Knob Interaction"}]]}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","div",null,{"className":"w-[100px] h-[100px] mb-4","children":["$","$L13",null,{"src":"/assets/images/circle2.png","alt":"Time on Site","width":200,"height":200,"objectFit":"cover"}]}],["$","p",null,{"className":"text-xl font-bold text-[#15A2CD]","children":"+42%"}],["$","p",null,{"className":"text-[#4B5563] text-xs mt-1","children":"Time on Site"}]]}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","div",null,{"className":"w-[100px] h-[100px] mb-4","children":["$","$L13",null,{"src":"/assets/images/circle3.png","alt":"Product Confidence","width":200,"height":200,"objectFit":"cover"}]}],["$","p",null,{"className":"text-xl font-bold text-[#15A2CD]","children":"+76%"}],["$","p",null,{"className":"text-[#4B5563] text-xs mt-1","children":"Product Confidence"}]]}]]}]]}]]}],["$","section",null,{"className":"bg-white py-12 px-4","children":["$","div",null,{"className":"max-w-3xl mx-auto text-center relative","children":["$","div",null,{"className":"bg-[#F9FAFB] p-12 rounded-md relative","children":[["$","div",null,{"className":"absolute top-10 left-8 text-[#D0ECF8]","children":["$","$L13",null,{"src":"/assets/images/h471.svg","alt":"Quotation Icon","width":40,"height":40,"layout":"intrinsic"}]}],["$","blockquote",null,{"className":"text-base text-left text-[#374151] mb-6","children":["\"The digital transformation delivered by the team has ",["$","br",null,{}]," revolutionized how Pakistani consumers interact with our ",["$","br",null,{}]," brand. The 360° product viewer and dealer locator have ",["$","br",null,{}]," become key differentiators in our market.\""]}],["$","p",null,{"className":"text-base text-left ml-10 text-[#000000] font-medium","children":"Director Operations"}],["$","p",null,{"className":"text-xs text-left ml-10 text-[#4B5563]","children":"Marketing Director, Breeo Pakistan"}]]}]}]}],["$","section",null,{"className":"bg-white py-16 px-4","children":["$","div",null,{"className":"max-w-4xl mx-auto text-center","children":[["$","h2",null,{"className":"text-2xl font-semibold text-black mb-12","children":"Credits & Tools"}],["$","div",null,{"className":"grid grid-cols-1 lg:grid-cols-3 gap-12","children":[["$","div",null,{"className":"flex flex-col items-center lg:items-start","children":["$","div",null,{"className":"text-left mb-8","children":[["$","h3",null,{"className":"text-lg font-light text-[#15A2CD] mb-4","children":"Client"}],["$","p",null,{"className":"text-[#1F1F1F] text-sm","children":"Breeo Pakistan FMCG Cleaning Products Established 1995 "}]]}]}],["$","div",null,{"className":"flex flex-col items-center lg:items-start","children":["$","div",null,{"className":"text-left mb-8","children":[["$","h3",null,{"className":"text-lg font-light text-[#15A2CD] mb-4","children":"Role"}],["$","ul",null,{"className":"text-[#494949] text-xs","children":[["$","li",null,{"className":"flex items-center mb-2","children":[["$","$L13",null,{"src":"/assets/images/tick1.svg","alt":"Tick Icon","width":16,"height":16,"className":"mr-2"}],"UX Research & Strategy"]}],["$","li",null,{"className":"flex items-center mb-2","children":[["$","$L13",null,{"src":"/assets/images/tick1.svg","alt":"Tick Icon","width":16,"height":16,"className":"mr-2"}],"UI Design"]}],["$","li",null,{"className":"flex items-center mb-2","children":[["$","$L13",null,{"src":"/assets/images/tick1.svg","alt":"Tick Icon","width":16,"height":16,"className":"mr-2"}],"3D Modeling & Animation"]}],["$","li",null,{"className":"flex items-center mb-2","children":[["$","$L13",null,{"src":"/assets/images/tick1.svg","alt":"Tick Icon","width":16,"height":16,"className":"mr-2"}],"Front-end Development"]}],["$","li",null,{"className":"flex items-center mb-2","children":[["$","$L13",null,{"src":"/assets/images/tick1.svg","alt":"Tick Icon","width":16,"height":16,"className":"mr-2"}],"CMS Integration"]}]]}]]}]}],["$","div",null,{"className":"flex flex-col items-center lg:items-start","children":["$","div",null,{"className":"text-left mb-8","children":[["$","h3",null,{"className":"text-lg font-light text-[#15A2CD] mb-4","children":"Tools"}],["$","div",null,{"className":"flex flex-wrap gap-4 justify-center lg:justify-start","children":[["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/figma.svg","alt":"Figma","width":18,"height":18}]}],["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/blender.svg","alt":"Blender","width":18,"height":18}]}],["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/wordpress.svg","alt":"WordPress","width":18,"height":18}]}],["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/h536.svg","alt":"React","width":18,"height":18}]}],["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/globe2.svg","alt":"WebGL","width":18,"height":18}]}],["$","div",null,{"className":"flex items-center justify-center w-18 h-15 bg-[#0000000D] rounded-lg","children":["$","$L13",null,{"src":"/assets/images/progress.svg","alt":"Analytics","width":18,"height":18}]}]]}]]}]}]]}],["$","div",null,{"className":"text-center mt-8","children":["$","$L14",null,{"href":"/contact","className":"inline-block","children":["$","button",null,{"className":"bg-[#15A2CD] text-white py-3 gap-2 px-6 rounded-full text-sm font-light flex items-center justify-center mx-auto","children":["Start Your Project",["$","$L13",null,{"src":"/assets/images/h45.svg","alt":"Arrow Icon","width":10,"height":10}]]}]}]}]]}]}],["$","footer",null,{"className":"bg-[#0E0E0E] text-white px-6 md:px-16 py-12","children":[["$","h2",null,{"className":"text-center text-xl md:text-2xl font-medium mb-12","children":["One Team."," ",["$","span",null,{"className":"relative inline-block after:content-[''] after:absolute after:bottom-[-3px] after:left-0 after:h-[2px] after:w-full after:bg-gradient-to-r after:from-transparent after:via-[#E50914] after:to-transparent after:rounded-full","children":"Infinite"}]," ","Solutions."]}],["$","div",null,{"className":"grid grid-cols-1 md:grid-cols-4 gap-12 text-sm","children":[["$","div",null,{"children":[["$","h3",null,{"className":"text-[#E50914] font-light mb-4","children":"| Contact Us"}],["$","ul",null,{"className":"space-y-2 font-light text-xs","children":[["$","li",null,{"className":"flex items-start gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 384 512","className":"mt-1 text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":["158-CCA DHA Phase 6",["$","br",null,{}],"Lahore"]}]]}],["$","li",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"info@sasystems.solutions"}]]}],["$","li",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"+923035200008"}]]}],["$","li",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"Mon–Fri: 9AM – 6PM EST"}]]}]]}],["$","h3",null,{"className":"text-[#E50914] font-light mt-8 mb-4","children":"| United Kingdom Office"}],["$","ul",null,{"className":"space-y-2 font-light text-xs","children":[["$","li",null,{"className":"flex items-start gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 384 512","className":"mt-1 text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":["489 Longbridge road,",["$","br",null,{}],"IG11 9df"]}]]}],["$","li",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"+447874152744"}]]}]]}],["$","h3",null,{"className":"text-[#E50914] font-light mt-8 mb-4","children":"| United States Office"}],["$","ul",null,{"className":"space-y-2 font-light text-xs","children":["$","li",null,{"className":"flex items-start gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 384 512","className":"mt-1 text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":["57 Indian Spring Road Bud Lake,",["$","br",null,{}],"07828, New Jersey"]}]]}]}],["$","div",null,{"className":"mt-6 relative w-full h-[140px]","children":[["$","iframe",null,{"title":"Company Location","src":"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.086927498757!2d-122.08385168468199!3d37.38605197983113!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb0a63357e8b3%3A0x820a7aefdd06b270!2sGoogleplex!5e0!3m2!1sen!2sus!4v1716040907300!5m2!1sen!2sus","className":"rounded w-full h-full opacity-100","loading":"lazy","referrerPolicy":"no-referrer-when-downgrade","style":{"border":0}}],["$","div",null,{"className":"absolute top-1/2 left-1/2 w-3 h-3 bg-[#E50914] rounded-full transform -translate-x-1/2 -translate-y-1/2 shadow-md z-10"}]]}]]}],["$","div",null,{"children":[["$","h3",null,{"className":"text-[#E50914] font-light mb-4","children":"| Quick Links"}],["$","div",null,{"className":"grid grid-cols-2 gap-6 text-gray-300","children":[["$","div",null,{"children":[["$","h4",null,{"className":"text-gray-400 text-xs font-light mb-2 uppercase tracking-wider","children":"COMPANY"}],["$","ul",null,{"className":"space-y-1 font-light text-xs","children":[["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/about","children":"About Us"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/careers","children":"Careers"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/insights","children":"Insights"}]]}]]}]]}],["$","div",null,{"children":[["$","h4",null,{"className":"text-gray-400 text-xs font-light mb-2 uppercase tracking-wider","children":"SERVICES"}],["$","ul",null,{"className":"space-y-1 text-sm font-light text-xs","children":[["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/our-work","children":"Our Work"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/services","children":"Services"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/contact","children":"Contact"}]]}]]}]]}],["$","div",null,{"className":"col-span-2 sm:col-span-1","children":[["$","h4",null,{"className":"text-gray-400 text-xs font-light mb-2 uppercase tracking-wider","children":"RESOURCES"}],["$","ul",null,{"className":"space-y-1 font-light text-xs","children":[["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/faq","children":"FAQ"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/privacy","children":"Privacy Policy"}]]}],["$","li",null,{"className":"hover:text-white cursor-pointer flex items-center","children":[["$","span",null,{"className":"text-[#E50914] mr-2","children":"•"}],["$","$L14",null,{"href":"/fair-work-terms","children":"Fair Work Terms"}]]}]]}]]}]]}]]}],["$","div",null,{"children":[["$","h3",null,{"className":"text-[#E50914] font-light mb-4","children":"| Newsletter"}],["$","p",null,{"className":"mb-4 font-light text-xs","children":"Stay updated with our latest news and offers. Join our community of tech enthusiasts."}],["$","div",null,{"className":"flex mb-2","children":[["$","input",null,{"type":"email","placeholder":"Your email address","className":"bg-[#111827] text-white font-light text-xs placeholder-gray-400 px-6 py-3 rounded-l-md border-none outline-none w-50"}],["$","button",null,{"className":"bg-[#E50914] px-3 rounded-r-full text-white text-lg hover:bg-red-700 transition-colors","children":["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","line","0",{"x1":"5","y1":"12","x2":"19","y2":"12","children":[]}],["$","polyline","1",{"points":"12 5 19 12 12 19","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]]}],["$","p",null,{"className":"text-xs text-gray-400 mt-2 font-light","children":["We respect your ",["$","a",null,{"href":"/privacy","className":"text-red-500","children":"privacy"}],". Unsubscribe at ",["$","br",null,{}]," any time."]}],["$","div",null,{"className":"mt-4 space-y-1 font-light text-xs","children":[["$","p",null,{"className":"text-xs text-white mt-2 mb-3","children":"Why Subscribe:"}],["$","p",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"Exclusive tech insights & trends"}]]}],["$","p",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"Product updates & releases"}]]}],["$","p",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"text-[#E50914] flex-shrink-0","children":["$undefined",[["$","path","0",{"d":"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","span",null,{"children":"Special offers & discounts"}]]}]]}]]}],["$","div",null,{"children":[["$","h3",null,{"className":"text-[#E50914] font-light mb-4","children":"| Connect With Us"}],["$","div",null,{"className":"flex gap-3 mb-6","children":[["$","$L14","0",{"href":"https://www.linkedin.com/company/sa-systems/","target":"_blank","rel":"noopener noreferrer","className":"w-8 h-8 bg-[#111827] rounded-full flex items-center justify-center cursor-pointer hover:scale-110 transition-transform","children":["$","$L13",null,{"src":"/assets/images/SVG.svg","alt":"LinkedIn","width":13,"height":13,"className":"cursor-pointer hover:brightness-125 hover:scale-110 transition-transform"}]}],["$","$L14","1",{"href":"https://www.instagram.com/sasystem.solutions?igsh=aW9jcTcxYWVla2Z6","target":"_blank","rel":"noopener noreferrer","className":"w-8 h-8 bg-[#111827] rounded-full flex items-center justify-center cursor-pointer hover:scale-110 transition-transform","children":["$","$L13",null,{"src":"/assets/images/SVG (3).svg","alt":"Instagram","width":13,"height":13,"className":"cursor-pointer hover:brightness-125 hover:scale-110 transition-transform"}]}],["$","$L14","2",{"href":"https://www.facebook.com/sasystems.solutions/","target":"_blank","rel":"noopener noreferrer","className":"w-8 h-8 bg-[#111827] rounded-full flex items-center justify-center cursor-pointer hover:scale-110 transition-transform","children":["$","$L13",null,{"src":"/assets/images/SVG (2).svg","alt":"Facebook","width":13,"height":13,"className":"cursor-pointer hover:brightness-125 hover:scale-110 transition-transform"}]}]]}],["$","h4",null,{"className":"text-xs mb-3 font-light text-gray-400 uppercase tracking-wider","children":"CERTIFICATIONS & PARTNERS"}],["$","div",null,{"className":"grid grid-cols-2 gap-2 text-xs","children":[["$","div",null,{"className":"bg-[#111827] px-2 py-3 rounded-md flex items-start gap-2 min-h-[56px]","children":[["$","$L13",null,{"src":"/assets/images/h144.svg","alt":"ISO","width":11,"height":11}],["$","div",null,{"className":"text-gray-400 font-light text-[11px] leading-tight","children":[["$","div",null,{"children":"ISO 27001"}],["$","div",null,{"children":"Certified"}]]}]]}],["$","div",null,{"className":"bg-[#111827] px-2 py-3 rounded-md flex items-start gap-2 min-h-[56px]","children":[["$","$L13",null,{"src":"/assets/images/SVG (5).svg","alt":"Top Tech","width":11,"height":11}],["$","div",null,{"className":"text-gray-400 font-light text-[11px] leading-tight","children":[["$","div",null,{"children":"Top Tech"}],["$","div",null,{"children":"Provider 2023"}]]}]]}],["$","div",null,{"className":"bg-[#111827] px-2 py-3 rounded-md flex items-start gap-2 min-h-[56px]","children":[["$","$L13",null,{"src":"/assets/images/SVG (6).svg","alt":"Cloud","width":11,"height":11}],["$","div",null,{"className":"text-gray-400 font-light text-[11px] leading-tight","children":[["$","div",null,{"children":"Cloud Security"}],["$","div",null,{"children":"Alliance"}]]}]]}],["$","div",null,{"className":"bg-[#111827] px-2 py-3 rounded-md flex items-start gap-2 min-h-[56px]","children":[["$","$L13",null,{"src":"/assets/images/h156.svg","alt":"GDPR","width":11,"height":11}],["$","div",null,{"className":"text-gray-400 font-light text-[11px] leading-tight","children":[["$","div",null,{"children":"GDPR"}],["$","div",null,{"children":"Compliant"}]]}]]}]]}]]}]]}],["$","div",null,{"className":"border-t border-gray-800 mt-12 pt-6 text-xs flex flex-col md:flex-row items-center justify-between gap-4","children":[["$","div",null,{"className":"text-white font-light text-xs flex items-center gap-1 font-semibold","children":[["$","$L14",null,{"href":"/","className":"flex items-center","children":["$","$L13",null,{"src":"/assets/images/logoheader.png","alt":"SA Systems Logo","width":120,"height":40,"className":"h-8 w-auto object-contain"}]}],["$","span",null,{"className":"text-gray-400 text-xs font-light ml-4","children":"© 2025 SA Systems. All rights reserved."}]]}],["$","div",null,{"className":"flex gap-4 text-xs font-light","children":["$","$L14",null,{"href":"/privacy","className":"hover:underline cursor-pointer","children":"Terms & Privacy"}]}]]}]]}]] 10:["$","div",null,{"hidden":true,"children":["$","$15",null,{"fallback":null,"children":["$","$L16",null,{"promise":"$@17"}]}]}] a:null e:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 9:null c:{"metadata":[["$","title","0",{"children":"Breeo"}],["$","meta","1",{"name":"description","content":"SA Systems delivers high-performance custom software, ERP platforms, and web development solutions for startups and enterprises. Transform workflows, automate operations, and scale with secure, modern digital systems."}],["$","link","2",{"rel":"shortcut icon","href":"/tab.png?v=2"}],["$","link","3",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}],["$","link","4",{"rel":"icon","href":"/tab.png?v=2","type":"image/png"}],["$","link","5",{"rel":"icon","href":"/tab.png?v=2","type":"image/png","sizes":"32x32"}],["$","link","6",{"rel":"icon","href":"/tab.png?v=2","type":"image/png","sizes":"16x16"}],["$","link","7",{"rel":"apple-touch-icon","href":"/tab.png?v=2"}]],"error":null,"digest":"$undefined"} 17:{"metadata":"$c:metadata","error":null,"digest":"$undefined"}