Message sent

Thanks for reaching out — we’ll get back to you within 24 hours.

{e.preventDefault();setSent(true);}} style={{display:'flex',flexDirection:'column',gap:16}}>

Send us a message

Message

</div>
            <Button variant="primary" size="lg" full type="submit">Send message</Button>
            <p style={{fontSize:'var(--fs-xs)',color:'var(--text-faint)',margin:0,textAlign:'center'}}>Demo form — <code style={{fontFamily:'var(--font-mono)'}}>submitContactForm()</code> is stubbed, nothing is sent.</p>
          </form>}
        </div>
        <div style={{display:'flex',flexDirection:'column',gap:16}}>
          <div style={{background:'var(--surface-sunken)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:24,display:'flex',flexDirection:'column',gap:12}}>
            <h3 style={{fontFamily:'var(--font-display)',fontSize:'var(--fs-md)',fontWeight:600,color:'var(--text-strong)',margin:0}}>Looking for a quick answer?</h3>
            <p style={{color:'var(--text-muted)',fontSize:'var(--fs-base)',margin:0,lineHeight:1.55}}>Most questions about shipping, returns, and payments are answered in our FAQ.</p>
            <div style={{display:'flex',flexDirection:'column',gap:8,marginTop:4}}>
              <LinkRow i={i} label="Visit the FAQ" onClick={()=>onNav({type:'faq'})}/>
              <LinkRow i={i} label="Shipping & Returns" onClick={()=>onNav({type:'shipping'})}/>
              <LinkRow i={i} label="Track your order" onClick={()=>onNav({type:'track'})}/>
            </div>
          </div>
          <div style={{display:'flex',alignItems:'center',gap:13,background:'var(--surface-card)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:'18px 20px',boxShadow:'var(--shadow-sm)'}}>
            <span style={{width:44,height:44,borderRadius:'var(--radius-md)',background:'var(--surface-accent-soft)',display:'inline-flex',alignItems:'center',justifyContent:'center',color:'var(--blue-600)',flex:'0 0 auto'}}>{React.createElement(i.MapPin,{size:21})}</span>
            <div><div style={{fontWeight:600,color:'var(--text-strong)'}}>AshopNexa HQ</div><div style={{fontSize:'var(--fs-sm)',color:'var(--text-muted)'}}>500 Howard St, San Francisco, CA 94105</div></div>
          </div>
        </div>
      </div>
    </div>
  </div>;
}
function LinkRow({ i, label, onClick }){
  return <button onClick={onClick} style={{display:'flex',alignItems:'center',justifyContent:'space-between',gap:8,background:'var(--surface-card)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-md)',padding:'11px 14px',cursor:'pointer',fontFamily:'var(--font-body)',fontWeight:600,fontSize:'var(--fs-base)',color:'var(--text-strong)',textAlign:'left'}} onMouseEnter={e=>e.currentTarget.style.borderColor='var(--blue-100)'} onMouseLeave={e=>e.currentTarget.style.borderColor='var(--border-subtle)'}>{label} {React.createElement(i.ChevronRight,{size:16,style:{color:'var(--blue-600)'}})}</button>;
}

/* ---------------- FAQ ---------------- */
const faqGroups=[
  ['Shipping',[['How much does shipping cost?','Standard shipping is free on orders over $49, and a flat $6.99 below that. Express (1–2 business days) is $14.99.'],['How long will delivery take?','Most orders ship the same day. Standard delivery is 3–5 business days; express is 1–2.'],['Do you ship internationally?','Yes — we ship to most countries. Rates and times are shown at checkout based on your address.']]],
  ['Returns',[['What is your return policy?','You get 30 days from delivery to return any item, no questions asked. Items should be unused and in original packaging.'],['Is return shipping free?','Yes. We email you a prepaid label — just drop it off.'],['When will I be refunded?','Refunds are issued to your original payment method within 3–5 business days of us receiving the return.']]],
  ['Payments',[['What payment methods do you accept?','All major cards, plus PayPal and Apple Pay. This is a demo store, so no real payment is processed.'],['Is my payment secure?','Checkout is encrypted end-to-end with 256-bit TLS. We never store full card numbers.']]],
  ['Order tracking',[['How do I track my order?','Use the Track Order page with your order number and email, or open Orders in your account.'],['I never got a confirmation email','Check your spam folder first. Still missing? Contact support and we’ll resend it.']]],
  ['Product support',[['An item arrived damaged','We’re sorry — contact support with your order number and a photo and we’ll make it right.'],['How should I choose a size?','Check the fit notes on each product page. If you are between sizes, choose based on the look you want: relaxed, oversized, or closer to the body.']]],
];
function FAQ({ onNav }){
  const i=Ic(); const [open,setOpen]=React.useState('0-0');
  return <div style={{display:'flex',flexDirection:'column',gap:40,paddingBottom:24}}>
    <PageHero narrow eyebrow="Help center" title="Frequently asked questions" sub="Answers to the things customers ask most. Can’t find what you need? We’re one message away."/>
    <div style={{...narrow,display:'flex',flexDirection:'column',gap:32}}>
      {faqGroups.map(([group,items],gi)=><div key={group} style={{display:'flex',flexDirection:'column',gap:12}}>
        <h2 style={{fontFamily:'var(--font-display)',fontSize:'var(--fs-lg)',fontWeight:600,color:'var(--text-strong)',margin:0}}>{group}</h2>
        <div style={{display:'flex',flexDirection:'column',gap:10}}>
          {items.map(([q,a],qi)=>{const key=`${gi}-${qi}`;const on=open===key;return <div key={q} style={{background:'var(--surface-card)',border:`1px solid ${on?'var(--blue-100)':'var(--border-subtle)'}`,borderRadius:'var(--radius-lg)',boxShadow:'var(--shadow-xs)',overflow:'hidden'}}>
            <button onClick={()=>setOpen(on?null:key)} style={{width:'100%',display:'flex',alignItems:'center',justifyContent:'space-between',gap:12,padding:'16px 18px',background:'none',border:'none',cursor:'pointer',textAlign:'left',fontFamily:'var(--font-body)',fontWeight:600,fontSize:'var(--fs-base)',color:'var(--text-strong)'}}>
              {q}<span style={{transform:on?'rotate(180deg)':'none',transition:'transform .2s',color:'var(--text-muted)',display:'inline-flex',flex:'0 0 auto'}}>{React.createElement(i.ChevronDown,{size:18})}</span>
            </button>
            {on && <div style={{padding:'0 18px 16px',fontSize:'var(--fs-base)',color:'var(--text-muted)',lineHeight:1.6}}>{a}</div>}
          </div>;})}
        </div>
      </div>)}
      <div style={{display:'flex',alignItems:'center',gap:16,background:'var(--surface-sunken)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:'22px 24px',flexWrap:'wrap'}}>
        <span style={{width:46,height:46,borderRadius:'var(--radius-md)',background:'var(--surface-card)',display:'inline-flex',alignItems:'center',justifyContent:'center',color:'var(--blue-600)',flex:'0 0 auto'}}>{React.createElement(i.Headset,{size:22})}</span>
        <div style={{flex:1,minWidth:200}}><div style={{fontWeight:600,color:'var(--text-strong)'}}>Still have questions?</div><div style={{fontSize:'var(--fs-sm)',color:'var(--text-muted)'}}>Our team is available 24/7 to help.</div></div>
        <Button variant="primary" size="md" onClick={()=>onNav({type:'contact'})}>Contact support</Button>
      </div>
    </div>
  </div>;
}

/* ---------------- LEGAL / POLICY layout ---------------- */
function LegalPage({ eyebrow, title, updated, intro, sections, note }){
  return <div style={{display:'flex',flexDirection:'column',gap:36,paddingBottom:24}}>
    <PageHero narrow eyebrow={eyebrow} title={title} sub={intro}/>
    <div style={{...narrow}}>
      <div style={{fontSize:'var(--fs-sm)',color:'var(--text-faint)',fontFamily:'var(--font-mono)',marginBottom:8}}>Last updated: {updated}</div>
      <div style={{display:'flex',flexDirection:'column',gap:28}}>
        {sections.map(([h,body],idx)=><section key={idx} style={{display:'flex',flexDirection:'column',gap:10}}>
          <h2 style={{fontFamily:'var(--font-display)',fontSize:'var(--fs-lg)',fontWeight:600,color:'var(--text-strong)',letterSpacing:'-0.01em',margin:0}}>{h}</h2>
          {Array.isArray(body)?body.map((p,k)=><p key={k} style={{color:'var(--text-body)',fontSize:'var(--fs-base)',lineHeight:1.7,margin:0}}>{p}</p>):<p style={{color:'var(--text-body)',fontSize:'var(--fs-base)',lineHeight:1.7,margin:0}}>{body}</p>}
        </section>)}
      </div>
      {note && <div style={{marginTop:32,display:'flex',gap:12,background:'var(--surface-accent-soft)',border:'1px solid var(--blue-100)',borderRadius:'var(--radius-lg)',padding:'16px 18px'}}>
        <span style={{color:'var(--blue-600)',flex:'0 0 auto',marginTop:1}}>{React.createElement(Ic().Shield,{size:18})}</span>
        <p style={{fontSize:'var(--fs-sm)',color:'var(--blue-700)',lineHeight:1.6,margin:0}}>{note}</p>
      </div>}
    </div>
  </div>;
}

/* ---------------- SHIPPING & RETURNS ---------------- */
function ShippingReturns({ onNav }){
  const i=Ic();
  const ship=[['Standard','3–5 business days','Free over $49 · $6.99 under',i.Truck],['Express','1–2 business days','$14.99 flat',i.Bolt],['International','7–14 business days','Calculated at checkout',i.MapPin]];
  return <div style={{display:'flex',flexDirection:'column',gap:44,paddingBottom:24}}>
    <PageHero narrow eyebrow="Policies" title="Shipping & Returns" sub="Fast, tracked delivery and a no-stress 30-day return promise on everything we sell."/>
    <div style={{...narrow,display:'flex',flexDirection:'column',gap:36}}>
      <div style={{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:14}} className="ax-stat-grid">
        {ship.map(([t,time,price,Icon])=><div key={t} style={{background:'var(--surface-card)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:20,boxShadow:'var(--shadow-sm)',display:'flex',flexDirection:'column',gap:9}}>
          <span style={{width:42,height:42,borderRadius:'var(--radius-md)',background:'var(--surface-accent-soft)',display:'inline-flex',alignItems:'center',justifyContent:'center',color:'var(--blue-600)'}}>{React.createElement(Icon,{size:20})}</span>
          <div style={{fontFamily:'var(--font-display)',fontWeight:600,color:'var(--text-strong)'}}>{t}</div>
          <div style={{fontSize:'var(--fs-sm)',color:'var(--text-muted)'}}>{time}</div>
          <div style={{fontFamily:'var(--font-mono)',fontSize:'var(--fs-sm)',fontWeight:600,color:'var(--text-strong)'}}>{price}</div>
        </div>)}
      </div>
      <div style={{display:'flex',flexDirection:'column',gap:28}}>
        {[['Processing & dispatch','Orders placed before 2pm ET ship the same business day. You’ll get a confirmation email with tracking as soon as your order leaves our warehouse.'],
          ['Tracking your order','Every shipment includes live tracking. Follow along from the Track Order page or the Orders tab in your account.'],
          ['Returns — 30 days, on us','Changed your mind? You have 30 days from delivery to send it back. Items should be unused and in their original packaging. We email you a prepaid return label — return shipping is free.'],
          ['Refunds','Once we receive your return, refunds are issued to your original payment method within 3–5 business days. You’ll get an email when it’s on the way.'],
          ['Exchanges','Need a different size or color? Start a return and place a new order — it’s the fastest way to get exactly what you want.'],
          ['Damaged or wrong items','If something arrives damaged or incorrect, contact support within 7 days with your order number and a photo. We’ll make it right, fast.']].map(([h,b])=><section key={h} style={{display:'flex',flexDirection:'column',gap:9}}>
          <h2 style={{fontFamily:'var(--font-display)',fontSize:'var(--fs-lg)',fontWeight:600,color:'var(--text-strong)',margin:0}}>{h}</h2>
          <p style={{color:'var(--text-body)',fontSize:'var(--fs-base)',lineHeight:1.7,margin:0}}>{b}</p>
        </section>)}
      </div>
      <div style={{display:'flex',alignItems:'center',gap:14,background:'var(--surface-sunken)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:'20px 22px',flexWrap:'wrap'}}>
        <div style={{flex:1,minWidth:200}}><div style={{fontWeight:600,color:'var(--text-strong)'}}>Need to start a return or track a package?</div><div style={{fontSize:'var(--fs-sm)',color:'var(--text-muted)'}}>We’ll walk you through it in under a minute.</div></div>
        <Button variant="outline" size="md" onClick={()=>onNav({type:'track'})}>Track Order</Button>
        <Button variant="primary" size="md" onClick={()=>onNav({type:'contact'})}>Start a return</Button>
      </div>
    </div>
  </div>;
}

/* ---------------- PRIVACY ---------------- */
function Privacy(){
  return <LegalPage eyebrow="Legal" title="Privacy Policy" updated="Jun 1, 2026"
    intro="How AshopNexa collects, uses, and protects your information."
    note="This is a general template provided for demonstration. Before going live, have it reviewed by qualified legal counsel to ensure compliance with applicable laws (e.g. GDPR, CCPA)."
    sections={[
      ['1. Information we collect',['We collect information you provide directly — such as your name, email, shipping address, and order details — as well as data gathered automatically, including device information, IP address, and browsing activity on ashopnexa.com.']],
      ['2. How we use your information',['We use your information to process orders, provide customer support, personalize your experience, send order updates, and — with your consent — share marketing communications. We do not sell your personal data.']],
      ['3. Cookies & tracking',['We use cookies and similar technologies to keep you signed in, remember your cart, and understand how the store is used. You can control cookies through your browser settings.']],
      ['4. Sharing & disclosure',['We share data only with service providers who help us operate the store (payment processors, shipping carriers, analytics) under strict confidentiality, or when required by law.']],
      ['5. Data security',['We protect your information with encryption in transit and at rest, access controls, and regular security reviews. No method of transmission is 100% secure, but we work hard to safeguard your data.']],
      ['6. Your rights',['Depending on where you live, you may have the right to access, correct, delete, or export your personal data, and to opt out of marketing. Contact support@ashopnexa.com to exercise these rights.']],
      ['7. Contact',['Questions about this policy? Email support@ashopnexa.com.']],
    ]}/>;
}

/* ---------------- TERMS ---------------- */
function Terms(){
  return <LegalPage eyebrow="Legal" title="Terms of Service" updated="Jun 1, 2026"
    intro="The terms that govern your use of AshopNexa and ashopnexa.com."
    note="This is a general template provided for demonstration. Before going live, have it reviewed by qualified legal counsel."
    sections={[
      ['1. Acceptance of terms',['By accessing or using ashopnexa.com, you agree to these Terms of Service. If you do not agree, please do not use the site.']],
      ['2. Use of the site',['You agree to use AshopNexa only for lawful purposes and not to interfere with its operation, attempt unauthorized access, or misuse any content or services.']],
      ['3. Orders & pricing',['All orders are subject to acceptance and availability. We reserve the right to refuse or cancel an order and to correct pricing errors. Prices are listed in USD and may change without notice.']],
      ['4. Payments',['Payment is processed at checkout through our payment providers. By placing an order, you authorize us to charge your selected payment method for the order total.']],
      ['5. Shipping & returns',['Shipping times are estimates. Our return and refund terms are described in our Shipping & Returns policy, which forms part of these terms.']],
      ['6. Intellectual property',['All content on AshopNexa — including text, graphics, logos, and the AshopNexa brand — is owned by or licensed to us and may not be used without permission.']],
      ['7. Limitation of liability',['AshopNexa is provided “as is.” To the fullest extent permitted by law, we are not liable for indirect or consequential damages arising from your use of the site.']],
      ['8. Changes to these terms',['We may update these terms from time to time. Continued use of the site after changes means you accept the revised terms.']],
      ['9. Contact',['Questions about these terms? Email support@ashopnexa.com.']],
    ]}/>;
}

window.AXPages = { About, Contact, FAQ, ShippingReturns, Privacy, Terms };
})();

{title}

Our mission

What we value

Ready to find your next favorite?

Message sent

Send us a message