/* eslint-disable */
/* global React, Reveal */

function About() {
  return (
    <section id="about" className="section" style={{ borderTop: '1px solid var(--line)' }}>
      <div className="container">
        <Reveal>
          <div className="section-head">
            <hr className="hr-gold" />
            <span className="eyebrow">About us</span>
            <h2>About <span className="gold">us.</span></h2>
            <p>
              We are a performance workshop specialising in mechanical repairs,
              high-performance upgrades, custom wiring, ECU tuning, and complete vehicle
              builds. We work on everything from daily drivers to dedicated performance
              and motorsport vehicles, offering a one-stop solution for customers wanting
              reliable workmanship and proven performance results.
            </p>
            <p style={{ marginTop: 4 }}>
              What sets us apart is our attention to detail, honest approach, and in-house
              ability to handle every stage of a build. Everything from mechanical and
              fabrication coordination through to wiring, dyno tuning, and final setup.
              We focus on building long-term relationships with customers by delivering
              high-quality work and practical advice.
            </p>
          </div>
        </Reveal>

        <Reveal delay={200}>
          <div className="workshop workshop--has-image">
            <img src="assets/workshop.webp" alt="Platinum Tuning workshop interior" className="workshop__img" loading="lazy" />
          </div>
        </Reveal>
      </div>
    </section>
  );
}

window.About = About;