правки test1
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 108 KiB |
BIN
2026-04-05_19-24-31.png
Normal file
BIN
2026-04-05_19-24-31.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 375 KiB |
15
index3.html
15
index3.html
@@ -82,13 +82,6 @@
|
|||||||
<div class="hero-copy reveal">
|
<div class="hero-copy reveal">
|
||||||
<span class="eyebrow">Чистая вода каждый день</span>
|
<span class="eyebrow">Чистая вода каждый день</span>
|
||||||
<h1 class="hero-title">Доставка воды в <span>Севастополе</span> без ожидания и компромиссов</h1>
|
<h1 class="hero-title">Доставка воды в <span>Севастополе</span> без ожидания и компромиссов</h1>
|
||||||
<p class="hero-text" id="heroAudienceText">Артезианская вода 19 литров с доставкой на дом и в офис. Привозим по Гагаринскому, Ленинскому, Нахимовскому и Балаклавскому районам, помогаем с возвратной тарой и держим понятные цены без скрытых доплат.</p>
|
|
||||||
|
|
||||||
<div class="hero-toggle" role="tablist" aria-label="Выбор аудитории">
|
|
||||||
<button class="toggle-button active" data-audience="home" role="tab" aria-selected="true">Для дома</button>
|
|
||||||
<button class="toggle-button" data-audience="office" role="tab" aria-selected="false">Для офиса</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hero-actions">
|
<div class="hero-actions">
|
||||||
<button class="button" data-open-order aria-label="Открыть форму заказа воды">Заказать воду</button>
|
<button class="button" data-open-order aria-label="Открыть форму заказа воды">Заказать воду</button>
|
||||||
<a class="ghost-button" href="#catalog" aria-label="Перейти к каталогу воды">Посмотреть каталог</a>
|
<a class="ghost-button" href="#catalog" aria-label="Перейти к каталогу воды">Посмотреть каталог</a>
|
||||||
@@ -119,14 +112,6 @@
|
|||||||
<div class="chip">SEO: вода 19 литров с доставкой</div>
|
<div class="chip">SEO: вода 19 литров с доставкой</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="route-map" aria-hidden="true">
|
|
||||||
<div class="map-line"></div>
|
|
||||||
<div class="map-chip one">Гагаринский</div>
|
|
||||||
<div class="map-chip two">Ленинский</div>
|
|
||||||
<div class="map-chip three">Нахимовский</div>
|
|
||||||
<div class="delivery-chip">Ближайшее окно: 12:00-14:00</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hero-notes">
|
<div class="hero-notes">
|
||||||
<div class="hero-note">
|
<div class="hero-note">
|
||||||
<strong>Для дома</strong>
|
<strong>Для дома</strong>
|
||||||
|
|||||||
25
index3.js
25
index3.js
@@ -1,11 +1,4 @@
|
|||||||
const audienceContent = {
|
const mobileToggle = document.getElementById('mobileToggle')
|
||||||
home: 'Артезианская вода 19 литров с доставкой на дом и в офис. Привозим по Гагаринскому, Ленинскому, Нахимовскому и Балаклавскому районам, помогаем с возвратной тарой и держим понятные цены без скрытых доплат.',
|
|
||||||
office: 'Доставка воды в офис в Севастополе с регулярным графиком, безналичной оплатой и приоритетными интервалами. Подходит для команд, кафе, студий, фитнес-клубов и клиентских пространств.'
|
|
||||||
}
|
|
||||||
|
|
||||||
const audienceButtons = document.querySelectorAll('[data-audience]')
|
|
||||||
const heroAudienceText = document.getElementById('heroAudienceText')
|
|
||||||
const mobileToggle = document.getElementById('mobileToggle')
|
|
||||||
const mobilePanel = document.getElementById('mobilePanel')
|
const mobilePanel = document.getElementById('mobilePanel')
|
||||||
const cartDrawer = document.getElementById('cartDrawer')
|
const cartDrawer = document.getElementById('cartDrawer')
|
||||||
const cartOpenButton = document.getElementById('cartOpenButton')
|
const cartOpenButton = document.getElementById('cartOpenButton')
|
||||||
@@ -53,17 +46,6 @@ const audienceContent = {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const updateAudience = audience => {
|
|
||||||
heroAudienceText.textContent = audienceContent[audience]
|
|
||||||
audienceButtons.forEach(button => {
|
|
||||||
const isActive = button.dataset.audience === audience
|
|
||||||
button.classList.toggle('active', isActive)
|
|
||||||
button.setAttribute('aria-selected', String(isActive))
|
|
||||||
})
|
|
||||||
const typeField = orderForm.elements.customerType
|
|
||||||
typeField.value = audience === 'office' ? 'Для офиса' : 'Для дома'
|
|
||||||
}
|
|
||||||
|
|
||||||
const openMobileMenu = () => {
|
const openMobileMenu = () => {
|
||||||
mobilePanel.classList.add('active')
|
mobilePanel.classList.add('active')
|
||||||
mobileToggle.setAttribute('aria-expanded', 'true')
|
mobileToggle.setAttribute('aria-expanded', 'true')
|
||||||
@@ -154,10 +136,6 @@ const audienceContent = {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
audienceButtons.forEach(button => {
|
|
||||||
button.addEventListener('click', () => updateAudience(button.dataset.audience))
|
|
||||||
})
|
|
||||||
|
|
||||||
mobileToggle.addEventListener('click', () => {
|
mobileToggle.addEventListener('click', () => {
|
||||||
const isOpen = mobilePanel.classList.contains('active')
|
const isOpen = mobilePanel.classList.contains('active')
|
||||||
if (isOpen) {
|
if (isOpen) {
|
||||||
@@ -331,4 +309,3 @@ const audienceContent = {
|
|||||||
})
|
})
|
||||||
|
|
||||||
renderCart()
|
renderCart()
|
||||||
updateAudience('home')
|
|
||||||
|
|||||||
Reference in New Issue
Block a user