/* Photo Workshops page */

const WORKSHOPS = [
  {
    num: "01",
    slug: "white-pocket-sunset",
    title: "White Pocket · sunset & night sky",
    price: "$275 per person",
    timing: "Noon to sunset, or late afternoon past sunset for night sky",
    summary: "The brain-rock and cauliflower sandstone at the best hour of the day — with Mike on hand for composition, exposure, and the right spot for the light you're chasing.",
    photo: "photos/workshop-white-pocket.jpg",
    photoLabel: "WHITE POCKET · SUNSET"
  },
  {
    num: "02",
    slug: "movie-set-studhorse",
    title: "Paria Movie Set & Stud Horse Point",
    price: "$275 per person",
    timing: "1 p.m. to sunset, or late afternoon past sunset",
    summary: "Non-hiking option. A drive-to-and-shoot pair of iconic short-walk locations — the old Paria movie set ruins and the hoodoo field at Stud Horse Point. Good for mobility-limited clients or when the plateau is too hot.",
    photo: "photos/workshop-instruction.jpg",
    photoLabel: "STUD HORSE POINT · NON-HIKING"
  },
  {
    num: "03",
    slug: "white-pocket-overnight",
    title: "White Pocket · overnight",
    price: "$375 per person",
    timing: "1 p.m. to noon the next day",
    summary: "The deepest workshop we run. Sunset, Milky Way, and dawn at White Pocket with full camping gear provided. Breakfast, lunch and dinner included. Some easy hiking.",
    photo: "photos/workshop-joes-ranch.jpg",
    photoLabel: "WHITE POCKET · OVERNIGHT"
  }
];

function WorkshopsPage() {
  return (
    <React.Fragment>
      <Nav active="workshops" />

      <header className="page-head">
        <div className="container">
          <div className="crumb">Photo Workshops · Led by Mike Leinen</div>
          <h1>Three workshops. One professional photographer.</h1>
          <p>Our in-house pro Mike Leinen — thirty-plus years of landscape and wildlife photography — takes small groups into the right place at the right hour and teaches you how to shoot it well. Minimum four people, maximum ten. All workshops start and end at the Outpost.</p>
        </div>
      </header>

      <section className="toursPage">
        <div className="container">
          {WORKSHOPS.map((w, i) => (
            <article className="tourRow" key={w.slug} id={w.slug}>
              <SmartImg src={w.photo} label={w.photoLabel} tone={["rust","gold","canyon"][i%3]} />
              <div className="tourRow-body">
                <div className="num">№ {w.num} · Photo Workshop</div>
                <h3>{w.title}</h3>
                <div className="short">{w.summary}</div>
                <dl className="tourRow-meta">
                  <dt>Timing</dt><dd>{w.timing}</dd>
                  <dt>Price</dt><dd>{w.price}</dd>
                  <dt>Group</dt><dd>Minimum 4 · Maximum 10</dd>
                  <dt>Starts at</dt><dd>Paria Outpost · Mile 21.5 · Hwy 89</dd>
                </dl>
                <a href="about.html#contact" className="btn primary">Book this workshop</a>
              </div>
            </article>
          ))}
          <p style={{maxWidth:"58ch",margin:"40px auto 0",textAlign:"center",fontFamily:"var(--font-display)",fontSize:"20px",fontStyle:"italic",lineHeight:1.5,opacity:0.85}}>
            Other workshop destinations can be discussed with Mike. Nearest hotels: 10 min to Big Water, 30 min to Page, 40 min to Kanab. Free camping and RV parking always at the Outpost.
          </p>
        </div>
      </section>

      {/* MIKE LEINEN */}
      <section className="outpost-section">
        <div className="container">
          <div className="outpost-grid">
            <SmartImg src="photos/mike-leinen.jpg" label="MIKE LEINEN · PROFESSIONAL PHOTOGRAPHER" tone="shadow" />
            <div>
              <div className="k" style={{marginBottom:14}}>Your instructor</div>
              <h2 style={{fontFamily:"var(--font-display)",fontSize:"clamp(36px, 5vw, 60px)",fontWeight:400,lineHeight:1,margin:"0 0 20px",letterSpacing:"-0.02em"}}>Mike Leinen.</h2>
              <p className="big-italic" style={{margin:"0 0 18px"}}>
                Thirty-plus years as a professional photographer. Wildlife specialist. Weeks at a time in Yellowstone and Alaska photographing wolves, grizzlies, and the caribou migration.
              </p>
              <p>
                Mike has published in magazines, shot catalog and stock, covered sports events and weddings. He and his wife Jean sold their photography store and gallery near Jackson, Wyoming and retired to the Paria area about fifteen years ago. He's available during all workshop dates and can be consulted for custom photography itineraries. Serious or beginner — Mike meets you where you are.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* FAQ */}
      <section className="faq">
        <div className="container">
          <div className="pricing-head">
            <div className="k">Workshop questions</div>
            <h2>Before you book.</h2>
          </div>
          <div className="faq-grid">
            <div className="faq-item">
              <h4>What gear do I need?</h4>
              <p>A camera that lets you control aperture, shutter, and ISO — any mirrorless or DSLR works. A tripod is essential for the night-sky and overnight workshops. Mike will help you work with whatever lens kit you bring.</p>
            </div>
            <div className="faq-item">
              <h4>What skill level is assumed?</h4>
              <p>Any. Mike assists serious photographers looking to be put on the right spot at the right hour, and beginners who want fundamentals on composition, light, and exposure. Small groups mean we can work with both.</p>
            </div>
            <div className="faq-item">
              <h4>What's included overnight?</h4>
              <p>Tents, sleeping bags, pads, table, chairs. Dinner, breakfast, sack lunch. Water and cold drinks. You bring personal gear, camera, tripod, and clothes for the night temperature on the plateau.</p>
            </div>
            <div className="faq-item">
              <h4>Can you customize?</h4>
              <p>Yes — Mike is open to other destinations, different hours, and tailored instruction. Call and ask. Custom rates apply for itineraries outside the three workshops listed.</p>
            </div>
          </div>
        </div>
      </section>

      <Footer />
      <Tweaks />
    </React.Fragment>
  );
}

window.WorkshopsPage = WorkshopsPage;