1import{c as a,j as e,m as r,L as i,p as n}from"./index-DZxwoo8E.js";import{B as d}from"./button-CsoJLagS.js";import"./utils-DRuCqhNm.js";const l=[["path",{d:"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5",key:"slp6dd"}],["path",{d:"M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244",key:"o0xfot"}],["path",{d:"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05",key:"wn3emo"}]],c=a("store",l),m=["Custom Shopify theme design & build","Shopify Plus & headless (Hydrogen) builds","Storefront speed & Core Web Vitals optimization","Conversion-optimized PDP & checkout flows","Custom apps & third-party integrations","Migration from WooCommerce / Magento / BigCommerce","Subscriptions, memberships & B2B configuration","Ongoing optimization & CRO retainer"],x=[{step:"01",title:"Discovery",desc:"Business goals, product catalog, and conversion audit of your current storefront."},{step:"02",title:"Design",desc:"Conversion-first UI aligned to your brand, tested with real product data."},{step:"03",title:"Development",desc:"Custom Liquid / Hydrogen build with speed and SEO baked in."},{step:"04",title:"Launch & Grow",desc:"QA, migration, launch, and ongoing CRO to keep lifting conversion."}];function j(){return e.jsx("div",{className:"pt-16",children:e.jsxs("section",{className:"mx-auto max-w-4xl px-6 py-32",children:[e.jsxs(r.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.6},children:[e.jsx(i,{to:"/services",className:"mb-6 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors",children:"â Back to Services"}),e.jsx("div",{className:"mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:e.jsx(c,{className:"h-8 w-8"})}),e.jsxs("h1",{className:"font-display text-5xl font-extrabold text-foreground sm:text-6xl",children:["Shopify ",e.jsx("span",{className:"text-primary",children:"Development"})]}),e.jsx("p",{className:"mt-6 max-w-2xl text-lg leading-relaxed text-muted-foreground",children:"Shopify storefronts engineered for revenue â custom themes, headless builds, and CRO built into every page."})]}),e.jsx(p,{title:"What You Get",items:m}),e.jsx(u,{steps:x}),e.jsx(h,{faqs:n}),e.jsx(f,{})]})})}function p({title:s,items:t}){return e.jsxs(r.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"mt-16",children:[e.jsx("h2",{className:"mb-8 font-display text-2xl font-bold text-foreground",children:s}),e.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:t.map(o=>e.jsxs("div",{className:"flex items-start gap-3 rounded-xl border border-border bg-card p-5",children:[e.jsx("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-xs font-bold text-primary",children:"â"}),e.jsx("p",{className:"text-sm text-card-foreground",children:o})]},o))})]})}function u({steps:s}){return e.jsxs(r.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"mt-16",children:[e.jsx("h2",{className:"mb-8 font-display text-2xl font-bold text-foreground",children:"Our Process"}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-2",children:s.map(t=>e.jsxs("div",{className:"rounded-xl border border-border bg-card p-6",children:[e.jsx("p",{className:"mono-num text-3xl font-semibold text-[color:var(--mint-deep)]",children:t.step}),e.jsx("h3",{className:"mt-2 font-display text-lg font-bold text-foreground",children:t.title}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:t.desc})]},t.step))})]})}function h({faqs:s}){return e.jsxs(r.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"mt-16",children:[e.jsx("h2",{className:"mb-8 font-display text-2xl font-bold text-foreground",children:"Frequently Asked"}),e.jsx("div",{className:"space-y-4",children:s.map(t=>e.jsxs("div",{className:"rounded-xl border border-border bg-card p-6",children:[e.jsx("h3",{className:"font-semibold text-foreground",children:t.q}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:t.a})]},t.q))})]})}function f(){return e.jsxs(r.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"mt-16 rounded-2xl border border-primary/20 bg-primary/5 p-8 text-center",children:[e.jsx("h2",{className:"font-display text-2xl font-bold text-foreground",children:"Build a Shopify store that converts."}),e.jsx("p",{className:"mt-2 text-muted-foreground",children:"Book a free scoping call and get a launch roadmap tailored to your brand."}),e.jsx(i,{to:"/contact",children:e.jsx(d,{variant:"hero",size:"lg",className:"mt-6",children:"Book Free Call"})})]})}export{j as component};
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.