Hauptseite: Unterschied zwischen den Versionen

Version vom 2. November 2025, 20:05 Uhr

   🎸 Ласкаво просимо до GuitarStore!

   Твій онлайн-каталог гітар і музичних інструментів.  
   Обирай, досліджуй і закохуйся в музику разом із нами.

Cort X-11

Cort KX500

Datei:Cort-kx500.jpg

Cort CR250

Datei:Cort-cr250.jpg

   Переглянути всі гітари 🎶

@@ Zeile 1: / Zeile 1: @@
-<!-- ГОЛОВНА СТОРІНКА GUITARSTORE -->
+<div style="text-align:center; padding:2rem;">
-<div class="gs-home">
+  <!-- Заголовок -->
+  <div style="font-size:2.2rem; font-weight:700; margin-bottom:1rem;">
+    🎸 Ласкаво просимо до <span style="color:#ff4444;">GuitarStore</span>!
+  </div>
-   <!-- HERO -->
+  <div style="color:#ccc; font-size:1.1rem; margin-bottom:2rem;">
-   <section class="gs-hero">
+    Твій онлайн-каталог гітар і музичних інструментів.
-     <div class="gs-hero-title">GuitarStore</div>
+    Обирай, досліджуй і закохуйся в музику разом із нами.
-    <div class="gs-hero-sub">Внутрішня вікі по гітарах, моделях та демо-записах</div>
+  </div>
-     <div class="gs-hero-actions">
-       [[Cort X-11|📄 Переглянути останню модель]]
+   <!-- Банер -->
-       [[Категорія:Гітари|🎸 Усі гітари]]
+   <div style="max-width:800px; margin:0 auto 2rem; background:rgba(0,0,0,.4); border:1px solid rgba(255,0,0,.2); border-radius:12px; padding:1rem;">
+     [[File:Cort-x11-full.png|center|800px|alt=Cort X-11]]
+  </div>
+  <!-- Карусель (імітація у вікі) -->
+  <div style="display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:2rem;">
+     <div style="flex:1 1 200px; min-width:200px; background:rgba(0,0,0,.3); border:1px solid rgba(255,0,0,.15); border-radius:12px; padding:.5rem;">
+       <div style="font-weight:600; color:#ff7777;">Cort X-11</div>
+       [[File:Cort-x11-front.jpg|200px|center]]
      </div>
-  </section>
-  <!-- 3 КАРТКИ -->
+     <div style="flex:1 1 200px; min-width:200px; background:rgba(0,0,0,.3); border:1px solid rgba(255,0,0,.15); border-radius:12px; padding:.5rem;">
-  <section class="gs-tiles">
+       <div style="font-weight:600; color:#ff7777;">Cort KX500</div>
-     <div class="gs-tile">
+       [[File:Cort-kx500.jpg|200px|center]]
-      <div class="gs-tile-title">Електрогітари</div>
-      <div class="gs-tile-text">Усе, що вже додано у вікі</div>
-      [[Категорія:Gitaren|Відкрити →]]
-    </div>
-    <div class="gs-tile">
-       <div class="gs-tile-title">Нові моделі</div>
-      <div class="gs-tile-text">Cort X-11, Cord11, тестові</div>
-       [[Special:AllPages|Список сторінок →]]
-    </div>
-    <div class="gs-tile">
-      <div class="gs-tile-title">Адмін-зона</div>
-      <div class="gs-tile-text">Редагування стилів і шаблонів</div>
-      [[MediaWiki:Common.css|Відкрити стилі →]]
      </div>
-  </section>
-  <!-- КАРУСЕЛЬ ТОВАРІВ (горизонтальна) -->
+     <div style="flex:1 1 200px; min-width:200px; background:rgba(0,0,0,.3); border:1px solid rgba(255,0,0,.15); border-radius:12px; padding:.5rem;">
-  <section class="gs-section">
+      <div style="font-weight:600; color:#ff7777;">Cort CR250</div>
-    <h2>Моделі у каталозі</h2>
+      [[File:Cort-cr250.jpg|200px|center]]
-     <div class="gs-carousel" aria-label="Каталог гітар">
-      <div class="gs-carousel-track">
-        <div class="gs-prodcard">
-          <div class="gs-prodimg">
-            [[File:Cort-x11-full.png|300px|alt=Cort X-11]]
-          </div>
-          <div class="gs-prodtitle">Cort X-11</div>
-          <div class="gs-prodtext">Суперстрат, Floyd Rose, H-S-H</div>
-          [[Cort X-11|Дивитися →]]
-        </div>
-        <div class="gs-prodcard">
-          <div class="gs-prodimg">
-            [[File:Cort-x11-front.jpg|300px|alt=Cort X-11 front]]
-          </div>
-          <div class="gs-prodtitle">Cort X-11 (фронт)</div>
-          <div class="gs-prodtext">Фото передньої частини</div>
-          [[Cort X-11|У картку →]]
-        </div>
-        <div class="gs-prodcard">
-          <div class="gs-prodimg">
-            [[File:Cort-x11-back.jpg|300px|alt=Cort X-11 back]]
-          </div>
-          <div class="gs-prodtitle">Cort X-11 (зад)</div>
-          <div class="gs-prodtext">Кріплення грифа і корпус</div>
-          [[Cort X-11|У картку →]]
-        </div>
-        <div class="gs-prodcard">
-          <div class="gs-prodimg">
-            [[File:Cort-x11-neck.jpg|300px|alt=Cort X-11 neck]]
-          </div>
-          <div class="gs-prodtitle">Cort X-11 (гриф)</div>
-          <div class="gs-prodtext">24 лади, інкрустація X</div>
-          [[Cort X-11|У картку →]]
-        </div>
-        <div class="gs-prodcard">
-          <div class="gs-prodimg">
-            [[File:Cord11.jpg|300px|alt=Cord 11]]
-          </div>
-          <div class="gs-prodtitle">Cord 11</div>
-          <div class="gs-prodtext">Альтернативна модель</div>
-          [[Cord11|Відкрити →]]
-        </div>
-      </div>
      </div>
-   </section>
+   </div>
-  <!-- ОСТАННІ СТОРІНКИ -->
-  <section class="gs-section">
-    <h2>Останні сторінки</h2>
-    <ul class="gs-list">
-      <li>[[Cort X-11]]</li>
-      <li>[[Cord11]]</li>
-      <li>[[Категорія:Гітари|Категорія “Гітари”]]</li>
-    </ul>
-  </section>
+  <!-- Кнопка переходу -->
+  <div>
+    [[Категорія:Gitarren|<span style="background:#ff4444; color:white; padding:.6rem 1.2rem; border-radius:8px; font-weight:600;">Переглянути всі гітари 🎶</span>]]
+  </div>
 </div>