1:"$Sreact.fragment" 2:I[22016,["/_next/static/chunks/0a3f498ef71c618e.js","/_next/static/chunks/61bc785dc6bd3109.js","/_next/static/chunks/a676f0ced11453e9.js","/_next/static/chunks/4b778b2e48718709.js","/_next/static/chunks/95a5e382a1e8200a.js","/_next/static/chunks/06fe5961b16f81d0.js","/_next/static/chunks/8c955ce35598c7b8.js","/_next/static/chunks/abd704557b7a3758.js"],""] 3:I[85437,["/_next/static/chunks/0a3f498ef71c618e.js","/_next/static/chunks/61bc785dc6bd3109.js","/_next/static/chunks/a676f0ced11453e9.js","/_next/static/chunks/4b778b2e48718709.js","/_next/static/chunks/95a5e382a1e8200a.js","/_next/static/chunks/06fe5961b16f81d0.js","/_next/static/chunks/8c955ce35598c7b8.js","/_next/static/chunks/abd704557b7a3758.js"],"Image"] b:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/247eb132b7f7b574.js"],"OutletBoundary"] c:"$Sreact.suspense" 0:{"buildId":"pOVubU_Kt6m3SrfLgqzM-","rsc":["$","$1","c",{"children":[["$","article",null,{"className":"py-10 md:py-14","children":["$","div",null,{"className":"mx-auto max-w-5xl","children":[["$","$L2",null,{"href":"/projects","className":"inline-flex items-center rounded-md border border-white/15 px-3 py-2 text-sm text-slate-200 transition hover:border-blue-400/40 hover:text-white","children":"Back to Projects"}],["$","section",null,{"className":"mt-6 rounded-2xl border border-white/10 bg-[#0a1020] p-6 md:p-8","children":[["$","p",null,{"className":"text-xs uppercase tracking-[0.18em] text-blue-300","children":"Case Study"}],["$","h1",null,{"className":"mt-3 text-3xl font-semibold tracking-tight text-white md:text-5xl","children":"Bayt Alebaa"}],["$","p",null,{"className":"mt-4 max-w-3xl text-sm leading-relaxed text-slate-300 md:text-base","children":"E-commerce platform for building materials and finishes with broad product categories and commercial workflows."}],["$","div",null,{"className":"mt-5 flex flex-wrap gap-2","children":[["$","span","PHP",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"PHP"}],["$","span","MySQL",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"MySQL"}],["$","span","JavaScript",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"JavaScript"}],["$","span","jQuery",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"jQuery"}],["$","span","AJAX",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"AJAX"}],["$","span","Magento",{"className":"rounded-full border border-blue-400/20 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-200","children":"Magento"}]]}],["$","div",null,{"className":"aspect-[16/9] overflow-hidden rounded-xl border border-white/10 bg-[#070f1f] shadow-[0_14px_36px_rgba(8,15,35,0.35)] mt-7","children":["$","div",null,{"className":"relative h-full w-full","children":["$","$L3",null,{"src":"/portfolio/projects/bayt-alebaa.png","alt":"Bayt Alebaa cover","fill":true,"priority":true,"unoptimized":true,"sizes":"(max-width: 1024px) 100vw, 50vw","className":"object-cover object-[center_22%] contrast-110 brightness-105 transition duration-500 ease-out"}]}]}]]}],["$","div",null,{"className":"mt-8 grid gap-5","children":[["$","section",null,{"className":"rounded-xl border border-white/10 bg-white/5 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Problem"}],["$","p",null,{"className":"mt-3 text-sm leading-relaxed text-slate-300","children":"The business needed a robust online commerce channel to serve diverse construction-related inventory and customers."}]]}],["$","section",null,{"className":"rounded-xl border border-white/10 bg-white/5 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Solution"}],["$","p",null,{"className":"mt-3 text-sm leading-relaxed text-slate-300","children":"Contributed to e-commerce implementation and operational flows to support product discovery and purchase journeys."}]]}],["$","section",null,{"className":"rounded-xl border border-white/10 bg-white/5 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Architecture"}],["$","div",null,{"className":"mt-4 grid gap-4 md:grid-cols-3","children":[["$","div",null,{"className":"rounded-lg border border-white/10 bg-[#0a1222] p-4","children":[["$","p",null,{"className":"text-xs uppercase tracking-[0.14em] text-slate-400","children":"API Structure"}],["$","p",null,{"className":"mt-2 text-sm leading-relaxed text-slate-300","children":"Commerce modules for catalog, pricing, cart, checkout, and account operations with integration-friendly boundaries."}]]}],"$L4","$L5"]}]]}],"$L6","$L7","$L8"]}]]}]}],["$L9"],"$La"]}],"loading":null,"isPartial":false} 4:["$","div",null,{"className":"rounded-lg border border-white/10 bg-[#0a1222] p-4","children":[["$","p",null,{"className":"text-xs uppercase tracking-[0.14em] text-slate-400","children":"Data Flow"}],["$","p",null,{"className":"mt-2 text-sm leading-relaxed text-slate-300","children":"Customer interactions flow through browsing, filtering, checkout, and order handling with transactional data persistence."}]]}] 5:["$","div",null,{"className":"rounded-lg border border-white/10 bg-[#0a1222] p-4","children":[["$","p",null,{"className":"text-xs uppercase tracking-[0.14em] text-slate-400","children":"Backend Decisions"}],["$","p",null,{"className":"mt-2 text-sm leading-relaxed text-slate-300","children":"Used platform-native commerce patterns to reduce risk while supporting growth in catalog complexity."}]]}] 6:["$","section",null,{"className":"rounded-xl border border-white/10 bg-white/5 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Challenges"}],["$","p",null,{"className":"mt-3 text-sm leading-relaxed text-slate-300","children":"Handling large product diversity while keeping storefront performance and conversion paths smooth."}]]}] 7:["$","section",null,{"className":"rounded-xl border border-white/10 bg-white/5 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Technical Decisions"}],["$","p",null,{"className":"mt-3 text-sm leading-relaxed text-slate-300","children":"Focused on optimized catalog behavior and stable checkout logic for dependable buying experiences."}]]}] 8:["$","section",null,{"className":"rounded-xl border border-blue-400/20 bg-blue-500/10 p-6","children":[["$","h2",null,{"className":"text-xl font-semibold text-white","children":"Impact"}],["$","p",null,{"className":"mt-3 text-sm leading-relaxed text-slate-100","children":"Supported the launch and growth of a digital commerce channel for the brand."}]]}] 9:["$","script","script-0",{"src":"/_next/static/chunks/abd704557b7a3758.js","async":true}] a:["$","$Lb",null,{"children":["$","$c",null,{"name":"Next.MetadataOutlet","children":"$@d"}]}] d:null