function Hero() {
  return (
    <section className="hero-grid">
      <div style={{zIndex:2,position:'relative'}}>
        <div className="hero-eyebrow" style={{fontFamily:'var(--font-body)',fontWeight:700,fontSize:12,letterSpacing:'0.16em',color:'var(--accent-gold)',textTransform:'uppercase',marginBottom:18}}>Jomtien, Pattaya</div>
        <h1 className="hero-headline" style={{fontFamily:'var(--font-display)',fontSize:'clamp(3rem,6vw,5.5rem)',lineHeight:0.95,color:'var(--cream-050)',textTransform:'uppercase',margin:'0 0 24px'}}>Real Chicken.<br/><span style={{color:'var(--oxblood-300)'}}>Real Heat.</span></h1>
        <p className="hero-subtext" style={{fontFamily:'var(--font-body)',fontSize:18,color:'var(--text-secondary)',lineHeight:1.6,margin:'0 0 36px',maxWidth:460}}>Breast meat, hand cut, breaded fresh in our 13 secret herbs and spices. Delivered by Grab to your door, or order in our on-site restaurant at Maggie Mays Resort in Jomtien.</p>
        <div className="hero-cta" style={{display:'flex',gap:16,flexWrap:'wrap'}}>
          <a href="https://food.grab.com/th/en/restaurant/maggie-mays-fried-chicken---%E0%B8%8A%E0%B8%B1%E0%B8%A2%E0%B8%9E%E0%B8%A4%E0%B8%81%E0%B8%A9%E0%B9%8C-4/1/3-C8DEJ6LELE6YBA" target="_blank" rel="noopener" className="btn-primary" style={{background:'var(--accent-primary)',color:'var(--text-on-oxblood)',border:'none',borderRadius:'var(--radius-pill)',padding:'16px 34px',fontFamily:'var(--font-body)',fontWeight:700,fontSize:15,letterSpacing:'0.04em',textTransform:'uppercase',textDecoration:'none',display:'inline-flex',alignItems:'center',cursor:'pointer'}}>Order on Grab</a>
          <a href="#menu" className="btn-outline" style={{background:'transparent',color:'var(--text-primary)',border:'2px solid var(--border-metallic)',borderRadius:'var(--radius-pill)',padding:'14px 32px',fontFamily:'var(--font-body)',fontWeight:700,fontSize:15,letterSpacing:'0.04em',textTransform:'uppercase',textDecoration:'none',display:'inline-flex',alignItems:'center'}}>See the Menu</a>
          <a href="https://maps.app.goo.gl/p9xYpW2WQLFfHvSo8" target="_blank" rel="noopener noreferrer" className="btn-outline" style={{background:'transparent',color:'var(--text-primary)',border:'2px solid var(--border-metallic)',borderRadius:'var(--radius-pill)',padding:'14px 32px',fontFamily:'var(--font-body)',fontWeight:700,fontSize:15,letterSpacing:'0.04em',textTransform:'uppercase',textDecoration:'none',display:'inline-flex',alignItems:'center'}}>Dine In</a>
        </div>
      </div>
      <img src="/assets/signature.png" className="hero-image" alt="Signature spiced chicken burger" />
    </section>
  );
}

window.Hero = Hero;