// src/app/page.tsx
export default function HomePage() {
    return (
      <>
        <header
          className="text-center text-white masthead"
          style={{
            background: "url('/assets/img/bg-masthead.jpg') no-repeat center center",
            backgroundSize: 'cover',
          }}
        >
          <div className="overlay"></div>
          <div className="container py-5">
            <div className="row">
              <div className="col-xl-9 mx-auto">
                <h1 className="mb-5">Ваши ссылки. Ваш стиль. Ваш CatLink.</h1>
              </div>
              <div className="col-md-10 col-lg-8 col-xl-7 mx-auto">
                <form className="d-flex">
                  <input
                    className="form-control form-control-lg me-2"
                    type="email"
                    placeholder="Введите электронную почту"
                  />
                  <button className="btn btn-primary btn-lg" type="submit">
                    Начать
                  </button>
                </form>
              </div>
            </div>
          </div>
        </header>
  
        <section className="text-center bg-light features-icons py-5">
          <div className="container">
            <div className="row">
              <div className="col-lg-4 mb-4">
                <div className="features-icons-item">
                  <div className="features-icons-icon mb-3">
                    <img src="/assets/img/CAT.png" alt="CatLink" width={89} height={89} />
                  </div>
                  <h3>Публикация</h3>
                  <p className="lead mb-0">
                    Делитесь единой ссылкой catlinks.kr/ваше-имя в био, мессенджерах и письмах.
                  </p>
                </div>
              </div>
              <div className="col-lg-4 mb-4">
                <div className="features-icons-item">
                  <div className="features-icons-icon mb-3">
                    <img src="/assets/img/CAT.png" alt="CatLink" width={89} height={89} />
                  </div>
                  <h3>Почему CatLink?</h3>
                  <p className="lead mb-0">
                    Повяжите свои миры одной «хвостовой» ссылкой.
                  </p>
                </div>
              </div>
              <div className="col-lg-4 mb-4">
                <div className="features-icons-item">
                  <div className="features-icons-icon mb-3">
                    <img src="/assets/img/CAT.png" alt="CatLink" width={89} height={89} />
                  </div>
                  <h3>Разместите всё важное на одной ссылке</h3>
                  <p className="lead mb-0">
                    Идите дальше, как кошка: легко и грациозно.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </section>
      </>
    );
  }