// About.jsx — founder section
const About = () => (
  <section className="dd-section">
    <div className="container-x dd-about">
      <div className="dd-about__photo-wrap">
        <img
          className="dd-about__photo"
          src="assets/founder.jpg"
          alt="Діма Демченко — AI-креатор"
          loading="lazy"
        />
      </div>
      <div className="dd-about__copy">
        <span className="eyebrow">ПРО МЕНЕ</span>
        <h2 className="dd-about__title">
          <span className="h-display">Діма Демченко.</span>
          <span className="h-editorial gold">AI-креатор для food-брендів.</span>
        </h2>
        <p className="p-lg">
          Я слідкую за AI-інструментами щодня і застосовую найновіші можливості одразу
          у вашому бізнесі. Активно веду блог на тему AI-контенту в соцмережах,
          де також ділюсь корисною інформацією.
        </p>
      </div>
    </div>
  </section>
);
window.About = About;