Add user auth, cart, checkout and personal account for guests and registered users
This commit is contained in:
shop
@@ -11,38 +11,17 @@
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="container header__inner">
|
||||
<a href="/" class="logo">
|
||||
<span class="logo__icon">◆</span>
|
||||
<span class="logo__text">Shop</span>
|
||||
</a>
|
||||
<nav class="nav">
|
||||
<a href="#catalog" class="nav__link">Каталог</a>
|
||||
<a href="#categories" class="nav__link">Категории</a>
|
||||
<a href="#delivery" class="nav__link">Доставка</a>
|
||||
</nav>
|
||||
<div class="header__actions">
|
||||
<button class="btn btn--ghost" aria-label="Поиск">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
|
||||
</button>
|
||||
<button class="btn btn--primary">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
|
||||
Корзина
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{template "shop_header" .}}
|
||||
|
||||
<section class="hero">
|
||||
<div class="container hero__inner">
|
||||
<div class="hero__content">
|
||||
<span class="badge">Новая коллекция 2026</span>
|
||||
<h1 class="hero__title">Всё лучшее —<br>в одном магазине</h1>
|
||||
<p class="hero__text">Электроника, одежда, дом и сад. Быстрая доставка по всей стране, гарантия качества и удобная оплата.</p>
|
||||
<p class="hero__text">Электроника, одежда, дом и сад. Покупайте с регистрацией или без — как вам удобно.</p>
|
||||
<div class="hero__cta">
|
||||
<a href="#catalog" class="btn btn--primary btn--lg">Смотреть каталог</a>
|
||||
<a href="#delivery" class="btn btn--outline btn--lg">Условия доставки</a>
|
||||
<a href="/register" class="btn btn--outline btn--lg">Создать аккаунт</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero__visual">
|
||||
@@ -51,8 +30,8 @@
|
||||
<span class="hero__card-value">от 3 000 ₽</span>
|
||||
</div>
|
||||
<div class="hero__card hero__card--2">
|
||||
<span class="hero__card-label">Товаров в каталоге</span>
|
||||
<span class="hero__card-value">10 000+</span>
|
||||
<span class="hero__card-label">Покупка без регистрации</span>
|
||||
<span class="hero__card-value">Доступна</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,7 +57,6 @@
|
||||
<div class="container">
|
||||
<div class="section__header">
|
||||
<h2 class="section__title">Популярные товары</h2>
|
||||
<a href="#" class="link">Весь каталог →</a>
|
||||
</div>
|
||||
<div class="products">
|
||||
{{range .Products}}
|
||||
@@ -92,7 +70,11 @@
|
||||
<p class="product-card__desc">{{plain .Description}}</p>
|
||||
<div class="product-card__footer">
|
||||
<span class="product-card__price">{{printf "%.0f" .Price}} ₽</span>
|
||||
<button class="btn btn--primary btn--sm">В корзину</button>
|
||||
<form method="POST" action="/cart/add">
|
||||
<input type="hidden" name="product_id" value="{{.ID}}">
|
||||
<input type="hidden" name="quantity" value="1">
|
||||
<button type="submit" class="btn btn--primary btn--sm">В корзину</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -110,22 +92,22 @@
|
||||
<div class="feature">
|
||||
<div class="feature__icon">🚚</div>
|
||||
<h3 class="feature__title">Быстрая доставка</h3>
|
||||
<p class="feature__text">Доставим заказ за 1–3 дня в любой город России</p>
|
||||
<p class="feature__text">Доставим заказ за 1–3 дня</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature__icon">👤</div>
|
||||
<h3 class="feature__title">Без регистрации</h3>
|
||||
<p class="feature__text">Оформите заказ как гость — достаточно email и телефона</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature__icon">🔒</div>
|
||||
<h3 class="feature__title">Безопасная оплата</h3>
|
||||
<p class="feature__text">Карты, СБП и оплата при получении</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature__icon">↩️</div>
|
||||
<h3 class="feature__title">Лёгкий возврат</h3>
|
||||
<p class="feature__text">14 дней на возврат без лишних вопросов</p>
|
||||
<h3 class="feature__title">Личный кабинет</h3>
|
||||
<p class="feature__text">История заказов и сохранённые данные для постоянных клиентов</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature__icon">💬</div>
|
||||
<h3 class="feature__title">Поддержка 24/7</h3>
|
||||
<p class="feature__text">Ответим на любой вопрос в чате или по телефону</p>
|
||||
<p class="feature__text">Ответим на любой вопрос</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -139,9 +121,9 @@
|
||||
<p class="footer__copy">© 2026 Shop. Все права защищены.</p>
|
||||
</div>
|
||||
<div class="footer__links">
|
||||
<a href="#">О компании</a>
|
||||
<a href="#">Контакты</a>
|
||||
<a href="#">Политика конфиденциальности</a>
|
||||
<a href="/account">Личный кабинет</a>
|
||||
<a href="/cart">Корзина</a>
|
||||
<a href="/login">Вход</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user