76 lines
3.0 KiB
TypeScript
76 lines
3.0 KiB
TypeScript
// 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>
|
||
</>
|
||
);
|
||
}
|
||
|