Арсенал911 — тюнінг зброї, ножі, тактичне спорядження
Browse filesundefined
Аксесуари для зброї
undefined
Глушники
undefined
Тюнінг зброї
undefined
Чищення та догляд зброї
undefined
Оптика
undefined
Ліхтарі, ЛЦВ
undefined
Спорядження для стрілецького спорту
undefined
Кемпінг, подорожі
undefined
Ножі
undefined
Одяг, взуття, спорядження
undefined
Збройова барахолка
Вітаємо Вас в інтернет-магазині товарів для безпеки, спорту та активного способу життя.
На сторінках нашого магазину Ви зможете знайти широкий асортимент збройових аксесуарів, засобів та інструментів догляду за зброєю, ножів, а також компонентів для тюнінгу та вдосконалення зброї, тактичного спорядження та одягу.
Мабуть кожен власник зброї з часом замислюється над можливістю вдосконалення своєї зброї і цей процесс для багатьох нескінчений:-) Завдяки цьому прагненню в 2012 році і був створений наш Арсенал911.
Менеджери дадуть відповіді на Ваші запитання, допоможуть швидко оформити замовлення і зробити своєчасну доставку. Ми цінуємо кожного клієнта. Гнучка система знижок зробить нашу співпрацю особливо плідною.
Інтернет-магазин "Арсенал 911"- це завжди вигідна пропозиція, постійне оновлення асортименту товару та приємні ціни!
Аксесуари для зброї
Глушники
Тюнінг зброї
Чищення та догляд зброї
Оптика
Ліхтарі, ЛЦВ
Спорядження для стрілецького спорту
Кемпінг, подорожі
Ножі
Одяг, взуття, спорядження
Збройова барахолка
Нові статті
Основні вимоги законодавства України до зберігання зброї в 2025 році
28.08.2025
Власники зброї повинні розуміти, що правильне зберігання – це не тільки особиста безпека, але і виконання закону. Питання «де повинна зберігатися зброя» регулюється чітко, і порушення правил загрожує серйозною відповідальністю. За...
Перевезення зброї: як не порушити закон (правила для цивільних осіб)
28.08.2025
Щоб уникнути проблем з поліцією і не порушити закон, важливо розуміти, які є правила перевезення зброї, які документи необхідно мати при собі і в яких умовах можна транспортувати різні види. Також важливо розуміти, чи потрібен дозвіл на травматичний ...
Ніж або холодна зброя: як відрізнити і не потрапити під статтю
28.08.2025
Бажаєте придбати, зберігати і носити з собою ніж? А чи замислювалися ви над тим, що, тримаючи у себе або використовуючи холодну зброю (Х.З.), не знаючи про те, що предмет відноситься до цієї категорії, ви ризикуєте отримати кримінальне покарання. Що...
Чи законно носити ніж з лезом до 90 мм?
28.08.2025
Серед громадян, які вважають за краще мати при собі ніж як підручний інструмент, широко поширена думка: якщо довжина леза менше 90 мм, цей предмет є легальним. Але насправді не все так просто, адже за іншими параметрами він може відноситися до холодн...
Як вибрати чохол для транспортування зброї з точки зору законодавства України
28.08.2025
Правильний вибір чохла для транспортування зброї по місту важливий з урахуванням багатьох аспектів. Спеціально виготовлений кейс продуманої форми з надійною застібкою — це захист від пилу, вологи і ударів, а також доступу сторонніх до вмісту. ...
Останні відгуки
Роман 09.07.2025
Збільшений важіль ручки зведення затвору AR15 Strike Industries
Збільшений важіль ручки зведення затвору AR15 Strike Industries
Придбав на днях для своєї RF-15. Вирішив трохи удосконалити штатне руків'я взведення для роботи з загонником...
Сергій 16.04.2025
IMMERSIVE OPTICS оптичний приціл 10X40MD-M
IMMERSIVE OPTICS оптичний приціл 10X40MD-M
Продавец молодец. Приціл чудовий, відпрпвлений швидко
Інтернет-магазин «Arsenal 911»
Про компанію
Доставка
Контакти
Політика конфіденційності
Карта сайту
Укр Рус
Пошук
Пн-Пт з 10:00 до 18:00
Сб-Нд: вихідний
098 311-99-11
063 395-14-13
Останні надходження в наш каталог
Лідери продажів:
Знижки:
Переглянуті товари:
Підписуйтесь і будьте першими
Новинки, цікаві новини, акції і розпродажі, знижки та рекомендації
введіть ваш e-mail
Підписатися
Контакти
м.Київ
Пн-Пт з 10:00 до 18:00
Сб-Нд: вихідний
[email protected]
098 311-99-11
063 395-14-13
© 2012—2025 Arsenal 911
Компанія
Про компанію
Доставка
Контакти
Політика конфіденційності
Карта сайту
Каталог товарів
Аксесуари для зброї
Глушники
Тюнінг зброї
Чищення та догляд зброї
Оптика
Ліхтарі, ЛЦВ
Спорядження для стрілецького спорту
Кемпінг, подорожі
Ножі
Одяг, взуття, спорядження
Збройова барахолка
VISAVerified by VISAMasterCardMasterCard SecureCode
Створення інтернет магазину і технічна підтримка — Etechs. Використання матеріалів цього сайту можливе тільки з посиланням на джерело.
AI Помічник
- README.md +7 -3
- index.html +419 -19
|
@@ -1,10 +1,14 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji: 😻
|
| 4 |
colorFrom: red
|
| 5 |
colorTo: gray
|
|
|
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: undefined
|
|
|
|
| 3 |
colorFrom: red
|
| 4 |
colorTo: gray
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://deepsite.hf.co).
|
| 14 |
+
|
|
@@ -1,19 +1,419 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="uk" class="dark">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Arsenal911 - Тюнінг зброї, ножі, тактичне спорядження</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
|
| 12 |
+
<script>
|
| 13 |
+
tailwind.config = {
|
| 14 |
+
darkMode: 'class',
|
| 15 |
+
theme: {
|
| 16 |
+
extend: {
|
| 17 |
+
colors: {
|
| 18 |
+
primary: {
|
| 19 |
+
50: '#fafaf9',
|
| 20 |
+
100: '#f5f5f4',
|
| 21 |
+
200: '#e7e5e4',
|
| 22 |
+
300: '#d6d3d1',
|
| 23 |
+
400: '#a8a29e',
|
| 24 |
+
500: '#78716c',
|
| 25 |
+
600: '#57534e',
|
| 26 |
+
700: '#44403c',
|
| 27 |
+
800: '#292524',
|
| 28 |
+
900: '#1c1917',
|
| 29 |
+
},
|
| 30 |
+
secondary: {
|
| 31 |
+
50: '#fff7ed',
|
| 32 |
+
100: '#ffedd5',
|
| 33 |
+
200: '#fed7aa',
|
| 34 |
+
300: '#fdba74',
|
| 35 |
+
400: '#fb923c',
|
| 36 |
+
500: '#f97316',
|
| 37 |
+
600: '#ea580c',
|
| 38 |
+
700: '#c2410c',
|
| 39 |
+
800: '#9a3412',
|
| 40 |
+
900: '#7c2d12',
|
| 41 |
+
}
|
| 42 |
+
}
|
| 43 |
+
}
|
| 44 |
+
}
|
| 45 |
+
}
|
| 46 |
+
</script>
|
| 47 |
+
<style>
|
| 48 |
+
.hero-gradient {
|
| 49 |
+
background: linear-gradient(135deg, rgba(120, 113, 108, 0.9) 0%, rgba(41, 37, 36, 0.95) 100%);
|
| 50 |
+
}
|
| 51 |
+
.card-hover {
|
| 52 |
+
transition: all 0.3s ease;
|
| 53 |
+
}
|
| 54 |
+
.card-hover:hover {
|
| 55 |
+
transform: translateY(-5px);
|
| 56 |
+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
|
| 57 |
+
}
|
| 58 |
+
.glow-orange {
|
| 59 |
+
box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
|
| 60 |
+
}
|
| 61 |
+
</style>
|
| 62 |
+
</head>
|
| 63 |
+
<body class="bg-primary-900 text-primary-100 min-h-screen">
|
| 64 |
+
<!-- Navigation -->
|
| 65 |
+
<nav class="bg-primary-800 border-b border-primary-700 sticky top-0 z-50">
|
| 66 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 67 |
+
<div class="flex justify-between items-center h-16">
|
| 68 |
+
<!-- Logo -->
|
| 69 |
+
<div class="flex items-center">
|
| 70 |
+
<div class="flex-shrink-0">
|
| 71 |
+
<i data-feather="shield" class="text-secondary-500 w-8 h-8"></i>
|
| 72 |
+
</div>
|
| 73 |
+
<div class="ml-3 text-xl font-bold text-white">Arsenal<span class="text-secondary-500">911</span></div>
|
| 74 |
+
</div>
|
| 75 |
+
|
| 76 |
+
<!-- Desktop Menu -->
|
| 77 |
+
<div class="hidden md:block">
|
| 78 |
+
<div class="ml-10 flex items-baseline space-x-8">
|
| 79 |
+
<a href="#" class="text-white hover:text-secondary-400 px-3 py-2 rounded-md text-sm font-medium transition-colors">Головна</a>
|
| 80 |
+
<a href="#" class="text-primary-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Каталог</a>
|
| 81 |
+
<a href="#" class="text-primary-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Новинки</a>
|
| 82 |
+
<a href="#" class="text-primary-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Акції</a>
|
| 83 |
+
<a href="#" class="text-primary-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Про нас</a>
|
| 84 |
+
<a href="#" class="text-primary-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Контакти</a>
|
| 85 |
+
</div>
|
| 86 |
+
</div>
|
| 87 |
+
<!-- Mobile menu button -->
|
| 88 |
+
<div class="md:hidden">
|
| 89 |
+
<button type="button" class="text-primary-300 hover:text-white focus:outline-none focus:text-white">
|
| 90 |
+
<i data-feather="menu" class="w-6 h-6"></i>
|
| 91 |
+
</button>
|
| 92 |
+
</div>
|
| 93 |
+
</div>
|
| 94 |
+
</div>
|
| 95 |
+
</nav>
|
| 96 |
+
|
| 97 |
+
<!-- Hero Section -->
|
| 98 |
+
<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
|
| 99 |
+
<div id="vanta-bg" class="absolute inset-0"></div>
|
| 100 |
+
<div class="hero-gradient absolute inset-0"></div>
|
| 101 |
+
|
| 102 |
+
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 103 |
+
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
|
| 104 |
+
Тюнінг зброї, ножі,
|
| 105 |
+
<span class="text-secondary-500">тактичне спорядження</span>
|
| 106 |
+
</h1>
|
| 107 |
+
<p class="text-xl md:text-2xl text-primary-200 mb-8 max-w-3xl mx-auto">
|
| 108 |
+
Вітаємо Вас в інтернет-магазині товарів для безпеки, спорту та активного способу життя.
|
| 109 |
+
Широкий асортимент збройових аксесуарів, ножів та тактичного спорядження.
|
| 110 |
+
</p>
|
| 111 |
+
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
| 112 |
+
<button class="bg-secondary-500 hover:bg-secondary-600 text-white font-bold py-3 px-8 rounded-lg transition-colors duration-300 glow-orange">
|
| 113 |
+
Перейти до каталогу
|
| 114 |
+
</button>
|
| 115 |
+
<button class="border-2 border-primary-400 hover:border-secondary-500 text-primary-100 font-bold py-3 px-8 rounded-lg transition-colors duration-300">
|
| 116 |
+
Акції та знижки
|
| 117 |
+
</button>
|
| 118 |
+
</div>
|
| 119 |
+
</div>
|
| 120 |
+
|
| 121 |
+
<!-- Scroll indicator -->
|
| 122 |
+
<div class="absolute bottom-8 left-1/2 transform -translate-x-1/2">
|
| 123 |
+
<div class="animate-bounce">
|
| 124 |
+
<i data-feather="chevron-down" class="text-secondary-500 w-8 h-8"></i>
|
| 125 |
+
</div>
|
| 126 |
+
</div>
|
| 127 |
+
</section>
|
| 128 |
+
|
| 129 |
+
<!-- Services Section -->
|
| 130 |
+
<section class="py-20 bg-primary-800">
|
| 131 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 132 |
+
<div class="text-center mb-16">
|
| 133 |
+
<h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Категорії товарів</h2>
|
| 134 |
+
<p class="text-primary-300 text-lg max-w-2xl mx-auto">
|
| 135 |
+
Все для зброї, тактичної підготовки та активного відпочинку
|
| 136 |
+
</p>
|
| 137 |
+
</div>
|
| 138 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 139 |
+
<!-- Category 1 -->
|
| 140 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 141 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 142 |
+
<i data-feather="target" class="text-white w-6 h-6"></i>
|
| 143 |
+
</div>
|
| 144 |
+
<h3 class="text-xl font-bold text-white mb-3">Аксесуари для зброї</h3>
|
| 145 |
+
<p class="text-primary-300 mb-4">
|
| 146 |
+
Широкий вибір аксесуарів для вдосконалення вашої зброї.
|
| 147 |
+
</p>
|
| 148 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 149 |
+
Переглянути
|
| 150 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 151 |
+
</a>
|
| 152 |
+
</div>
|
| 153 |
+
|
| 154 |
+
<!-- Category 2 -->
|
| 155 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 156 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 157 |
+
<i data-feather="volume-x" class="text-white w-6 h-6"></i>
|
| 158 |
+
</div>
|
| 159 |
+
<h3 class="text-xl font-bold text-white mb-3">Глушники</h3>
|
| 160 |
+
<p class="text-primary-300 mb-4">
|
| 161 |
+
Якісні глушники для різних типів зброї.
|
| 162 |
+
</p>
|
| 163 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 164 |
+
Переглянути
|
| 165 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 166 |
+
</a>
|
| 167 |
+
</div>
|
| 168 |
+
|
| 169 |
+
<!-- Category 3 -->
|
| 170 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 171 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 172 |
+
<i data-feather="settings" class="text-white w-6 h-6"></i>
|
| 173 |
+
</div>
|
| 174 |
+
<h3 class="text-xl font-bold text-white mb-3">Тюнінг зброї</h3>
|
| 175 |
+
<p class="text-primary-300 mb-4">
|
| 176 |
+
Компоненти для тюнінгу та модернізації зброї.
|
| 177 |
+
</p>
|
| 178 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 179 |
+
Переглянути
|
| 180 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 181 |
+
</a>
|
| 182 |
+
</div>
|
| 183 |
+
|
| 184 |
+
<!-- Category 4 -->
|
| 185 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 186 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 187 |
+
<i data-feather="droplet" class="text-white w-6 h-6"></i>
|
| 188 |
+
</div>
|
| 189 |
+
<h3 class="text-xl font-bold text-white mb-3">Чищення та догляд</h3>
|
| 190 |
+
<p class="text-primary-300 mb-4">
|
| 191 |
+
Засоби для догляду та чищення зброї.
|
| 192 |
+
</p>
|
| 193 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 194 |
+
Переглянути
|
| 195 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 196 |
+
</a>
|
| 197 |
+
</div>
|
| 198 |
+
|
| 199 |
+
<!-- Category 5 -->
|
| 200 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 201 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 202 |
+
<i data-feather="eye" class="text-white w-6 h-6"></i>
|
| 203 |
+
</div>
|
| 204 |
+
<h3 class="text-xl font-bold text-white mb-3">Оптика</h3>
|
| 205 |
+
<p class="text-primary-300 mb-4">
|
| 206 |
+
Приціли, оптичні прилади та аксесуари.
|
| 207 |
+
</p>
|
| 208 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 209 |
+
Переглянути
|
| 210 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 211 |
+
</a>
|
| 212 |
+
</div>
|
| 213 |
+
|
| 214 |
+
<!-- Category 6 -->
|
| 215 |
+
<div class="bg-primary-700 rounded-xl p-6 card-hover border border-primary-600">
|
| 216 |
+
<div class="w-12 h-12 bg-secondary-500 rounded-lg flex items-center justify-center mb-4">
|
| 217 |
+
<i data-feather="compass" class="text-white w-6 h-6"></i>
|
| 218 |
+
</div>
|
| 219 |
+
<h3 class="text-xl font-bold text-white mb-3">Ножі</h3>
|
| 220 |
+
<p class="text-primary-300 mb-4">
|
| 221 |
+
Якісні ножі для різних цілей та завдань.
|
| 222 |
+
</p>
|
| 223 |
+
<a href="#" class="text-secondary-400 hover:text-secondary-300 font-medium inline-flex items-center">
|
| 224 |
+
Переглянути
|
| 225 |
+
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 226 |
+
</a>
|
| 227 |
+
</div>
|
| 228 |
+
</div>
|
| 229 |
+
</div>
|
| 230 |
+
</section>
|
| 231 |
+
|
| 232 |
+
<!-- Features Section -->
|
| 233 |
+
<section class="py-20 bg-primary-900">
|
| 234 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 235 |
+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
| 236 |
+
<div>
|
| 237 |
+
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">
|
| 238 |
+
Чому обирають
|
| 239 |
+
<span class="text-secondary-500">Arsenal911</span>?
|
| 240 |
+
</h2>
|
| 241 |
+
<div class="space-y-6">
|
| 242 |
+
<div class="flex items-start">
|
| 243 |
+
<div class="flex-shrink-0">
|
| 244 |
+
<i data-feather="check-circle" class="text-secondary-500 w-6 h-6 mt-1"></i>
|
| 245 |
+
</div>
|
| 246 |
+
<div class="ml-4">
|
| 247 |
+
<h3 class="text-lg font-semibold text-white">Досвід з 2012 року</h3>
|
| 248 |
+
<p class="text-primary-300">Ми працюємо на ринку збройових аксесуарів з 2012 року</p>
|
| 249 |
+
</div>
|
| 250 |
+
</div>
|
| 251 |
+
<div class="flex items-start">
|
| 252 |
+
<div class="flex-shrink-0">
|
| 253 |
+
<i data-feather="check-circle" class="text-secondary-500 w-6 h-6 mt-1"></i>
|
| 254 |
+
</div>
|
| 255 |
+
<div class="ml-4">
|
| 256 |
+
<h3 class="text-lg font-semibold text-white">Якісна продукція</h3>
|
| 257 |
+
<p class="text-primary-300">Працюємо тільки з перевіреними виробниками та постачальниками</p>
|
| 258 |
+
</div>
|
| 259 |
+
</div>
|
| 260 |
+
<div class="flex items-start">
|
| 261 |
+
<div class="flex-shrink-0">
|
| 262 |
+
<i data-feather="check-circle" class="text-secondary-500 w-6 h-6 mt-1"></i>
|
| 263 |
+
</div>
|
| 264 |
+
<div class="ml-4">
|
| 265 |
+
<h3 class="text-lg font-semibold text-white">Професійна консультація</h3>
|
| 266 |
+
<p class="text-primary-300">Наші менеджери допоможуть зробити правильний вибір</p>
|
| 267 |
+
</div>
|
| 268 |
+
</div>
|
| 269 |
+
<div class="flex items-start">
|
| 270 |
+
<div class="flex-shrink-0">
|
| 271 |
+
<i data-feather="check-circle" class="text-secondary-500 w-6 h-6 mt-1"></i>
|
| 272 |
+
</div>
|
| 273 |
+
<div class="ml-4">
|
| 274 |
+
<h3 class="text-lg font-semibold text-white">Гнучка система знижок</h3>
|
| 275 |
+
<p class="text-primary-300">Приємні ціни та постійні акції для постійних клієнтів</p>
|
| 276 |
+
</div>
|
| 277 |
+
</div>
|
| 278 |
+
</div>
|
| 279 |
+
</div>
|
| 280 |
+
<div class="relative">
|
| 281 |
+
<div class="bg-primary-800 rounded-2xl p-8 border border-primary-700">
|
| 282 |
+
<div class="grid grid-cols-2 gap-6">
|
| 283 |
+
<div class="text-center">
|
| 284 |
+
<div class="text-3xl font-bold text-secondary-500 mb-2">10000+</div>
|
| 285 |
+
<div class="text-primary-300">Товарів в каталозі</div>
|
| 286 |
+
</div>
|
| 287 |
+
<div class="text-center">
|
| 288 |
+
<div class="text-3xl font-bold text-secondary-500 mb-2">13+</div>
|
| 289 |
+
<div class="text-primary-300">Років на ринку</div>
|
| 290 |
+
</div>
|
| 291 |
+
<div class="text-center">
|
| 292 |
+
<div class="text-3xl font-bold text-secondary-500 mb-2">Пн-Пт</div>
|
| 293 |
+
<div class="text-primary-300">Графік роботи</div>
|
| 294 |
+
</div>
|
| 295 |
+
<div class="text-center">
|
| 296 |
+
<div class="text-3xl font-bold text-secondary-500 mb-2">99%</div>
|
| 297 |
+
<div class="text-primary-300">Задоволених клієнтів</div>
|
| 298 |
+
</div>
|
| 299 |
+
</div>
|
| 300 |
+
</div>
|
| 301 |
+
</div>
|
| 302 |
+
</div>
|
| 303 |
+
</div>
|
| 304 |
+
</section>
|
| 305 |
+
|
| 306 |
+
<!-- CTA Section -->
|
| 307 |
+
<section class="py-20 bg-gradient-to-r from-primary-800 to-primary-900">
|
| 308 |
+
<div class="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8">
|
| 309 |
+
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">
|
| 310 |
+
Готові зробити своє замовлення?
|
| 311 |
+
</h2>
|
| 312 |
+
<p class="text-xl text-primary-300 mb-8">
|
| 313 |
+
Зв'яжіться з нами для консультації та оформлення замовлення
|
| 314 |
+
</p>
|
| 315 |
+
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
| 316 |
+
<button class="bg-secondary-500 hover:bg-secondary-600 text-white font-bold py-4 px-8 rounded-lg transition-colors duration-300 glow-orange text-lg">
|
| 317 |
+
<i data-feather="phone" class="w-5 h-5 mr-2 inline"></i>
|
| 318 |
+
+380 98 311-99-11
|
| 319 |
+
</button>
|
| 320 |
+
<button class="border-2 border-primary-400 hover:border-secondary-500 text-primary-100 font-bold py-4 px-8 rounded-lg transition-colors duration-300 text-lg">
|
| 321 |
+
<i data-feather="mail" class="w-5 h-5 mr-2 inline"></i>
|
| 322 |
+
Написати нам
|
| 323 |
+
</button>
|
| 324 |
+
</div>
|
| 325 |
+
</div>
|
| 326 |
+
</section>
|
| 327 |
+
|
| 328 |
+
<!-- Footer -->
|
| 329 |
+
<footer class="bg-primary-950 border-t border-primary-800 py-12">
|
| 330 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 331 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 332 |
+
<div>
|
| 333 |
+
<div class="flex items-center mb-4">
|
| 334 |
+
<i data-feather="shield" class="text-secondary-500 w-6 h-6"></i>
|
| 335 |
+
<div class="ml-2 text-xl font-bold text-white">Arsenal<span class="text-secondary-500">911</span></div>
|
| 336 |
+
</div>
|
| 337 |
+
<p class="text-primary-400">
|
| 338 |
+
Інтернет-магазин товарів для безпеки, спорту та активного способу життя
|
| 339 |
+
</p>
|
| 340 |
+
</div>
|
| 341 |
+
<div>
|
| 342 |
+
<h3 class="text-lg font-semibold text-white mb-4">Каталог</h3>
|
| 343 |
+
<ul class="space-y-2">
|
| 344 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Аксесуари для зброї</a></li>
|
| 345 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Тюнінг зброї</a></li>
|
| 346 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Оптика</a></li>
|
| 347 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Ножі</a></li>
|
| 348 |
+
</ul>
|
| 349 |
+
</div>
|
| 350 |
+
<div>
|
| 351 |
+
<h3 class="text-lg font-semibold text-white mb-4">Компанія</h3>
|
| 352 |
+
<ul class="space-y-2">
|
| 353 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Про нас</a></li>
|
| 354 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Контакти</a></li>
|
| 355 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Вакансії</a></li>
|
| 356 |
+
<li><a href="#" class="text-primary-400 hover:text-white transition-colors">Блог</a></li>
|
| 357 |
+
</ul>
|
| 358 |
+
</div>
|
| 359 |
+
<div>
|
| 360 |
+
<h3 class="text-lg font-semibold text-white mb-4">Контакти</h3>
|
| 361 |
+
<ul class="space-y-2">
|
| 362 |
+
<li class="text-primary-400 flex items-center">
|
| 363 |
+
<i data-feather="phone" class="w-4 h-4 mr-2"></i>
|
| 364 |
+
+380 98 311-99-11
|
| 365 |
+
</li>
|
| 366 |
+
<li class="text-primary-400 flex items-center">
|
| 367 |
+
<i data-feather="phone" class="w-4 h-4 mr-2"></i>
|
| 368 |
+
+380 63 395-14-13
|
| 369 |
+
</li>
|
| 370 |
+
<li class="text-primary-400 flex items-center">
|
| 371 |
+
<i data-feather="mail" class="w-4 h-4 mr-2"></i>
|
| 372 | |
| 373 |
+
</li>
|
| 374 |
+
<li class="text-primary-400 flex items-center">
|
| 375 |
+
<i data-feather="map-pin" class="w-4 h-4 mr-2"></i>
|
| 376 |
+
м. Київ
|
| 377 |
+
</li>
|
| 378 |
+
</ul>
|
| 379 |
+
</div>
|
| 380 |
+
</div>
|
| 381 |
+
<div class="border-t border-primary-800 mt-8 pt-8 text-center">
|
| 382 |
+
<p class="text-primary-500">
|
| 383 |
+
© 2012—2025 Arsenal 911. Всі права захищені.
|
| 384 |
+
</p>
|
| 385 |
+
</div>
|
| 386 |
+
</footer>
|
| 387 |
+
|
| 388 |
+
<script>
|
| 389 |
+
// Initialize Vanta.js background
|
| 390 |
+
VANTA.NET({
|
| 391 |
+
el: "#vanta-bg",
|
| 392 |
+
mouseControls: true,
|
| 393 |
+
touchControls: true,
|
| 394 |
+
gyroControls: false,
|
| 395 |
+
minHeight: 200.00,
|
| 396 |
+
minWidth: 200.00,
|
| 397 |
+
scale: 1.00,
|
| 398 |
+
scaleMobile: 1.00,
|
| 399 |
+
color: 0xf97316,
|
| 400 |
+
backgroundColor: 0x1c1917,
|
| 401 |
+
points: 12.00,
|
| 402 |
+
maxDistance: 25.00,
|
| 403 |
+
spacing: 18.00
|
| 404 |
+
});
|
| 405 |
+
|
| 406 |
+
// Initialize Feather Icons
|
| 407 |
+
feather.replace();
|
| 408 |
+
|
| 409 |
+
// Smooth scroll for anchor links
|
| 410 |
+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 411 |
+
anchor.addEventListener('click', function (e) {
|
| 412 |
+
e.preventDefault();
|
| 413 |
+
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
| 414 |
+
behavior: 'smooth'
|
| 415 |
+
});
|
| 416 |
+
});
|
| 417 |
+
</script>
|
| 418 |
+
</body>
|
| 419 |
+
</html>
|