/* global React, Placeholder */

const Community = () => {
  return (
    <section className="section community" id="community" data-screen-label="05 Community">
      <div className="container">
        <div className="section-head">
          <div>
            <div className="eyebrow">In the neighborhood</div>
            <h2>This town raised us. We try to give back.</h2>
          </div>
          <p className="lede">
            We're not a big company with a CSR budget. But we live here, our kids
            go to school here, and we believe a contractor's first job is being
            a decent neighbor. Here's some of what that's looked like lately.
          </p>
        </div>

        <div className="community-grid">
          <div className="community-card featured">
            <div className="photo" style={{position: "relative"}}>
              <Placeholder kind="community" />
            </div>
            <div className="body">
              <div className="tag">Featured · Ongoing</div>
              <h3>Habitat for Humanity — Calaveras County</h3>
              <p>
                We've donated framing labor and volunteer crew time to two local Habitat
                builds since 2019, including the recent home on School Street. Cole
                runs Saturday volunteer days when projects need extra hands.
              </p>
            </div>
          </div>

          <div className="community-card standard">
            <div className="tag">Sponsorship</div>
            <h3>Murphys Little League</h3>
            <p>Proud sponsor of the Murphys Diamondbacks since 2011. You'll see our logo on the back of the jerseys.</p>
          </div>

          <div className="community-card standard">
            <div className="tag">Annual</div>
            <h3>Murphys Irish Day Parade</h3>
            <p>We build the float frames most years. Last year's pirate ship took three Saturdays and was worth every minute.</p>
          </div>

          <div className="community-card standard">
            <div className="tag">Senior Support</div>
            <h3>Free repairs for elders</h3>
            <p>Each fall we pick a handful of seniors on fixed incomes and tackle their porch, ramp, or rail repairs at no cost.</p>
          </div>

          <div className="community-card standard">
            <div className="tag">Wildfire Recovery</div>
            <h3>Butte Fire rebuild fund</h3>
            <p>After 2015, we worked at-cost on six local rebuilds. We still keep a fire-recovery rate for affected families.</p>
          </div>

          <div className="community-card standard">
            <div className="tag">Schools</div>
            <h3>Bret Harte High shop class</h3>
            <p>Tom guest-teaches a framing module every spring. A few of our best apprentices started in that classroom.</p>
          </div>

          <div className="community-card standard">
            <div className="tag">Hire Local</div>
            <h3>Calaveras crew, always</h3>
            <p>Every employee on our payroll lives within 25 miles of Murphys. The dollars stay in the county.</p>
          </div>
        </div>
      </div>
    </section>
  );
};

window.Community = Community;