Головна сторінка: відмінності між версіями

@@ Рядок 56: / Рядок 56: @@
    </div>
+  <!-- Ряд 2 -->
    <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
-     <div style="display: flex; align-items: center; gap: 12px;">
+     <div>
-&#63743;<div style="font-size: 36px; font-weight: bold; color: black;">
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Інтеграція з Apple Pay</span>
-<span style="font-size: 24px; font-weight: bold; color: #004085;">ApplePay</span>
+      <p style="color: #555;">Прийом платежів через Apple Pay для швидких транзакцій</p>
-</div></div>
+    </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Детальніше...]]
-     <p style="color: #555; margin-top: 8px;">Прийом платежів через Apple Pay для швидких транзакцій</p>
+</div>
-     <a href="#" style="color: #007BFF; text-decoration: none; font-weight: bold;">Детальніше...</a>
+<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
+  <!-- Ряд 1 -->
+  <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+    <div>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Основні запити та відповіді</span>
+      <p style="color: #555;">Опис всіх методів з прикладами запитів та відповідей</p>
+    </div>[[MerchantAPI#Основні запити/відповіді|Читати документацію...]]
+</div>
+  <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+    <div>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Перекази та «безпечна угода»</span>
+      <p style="color: #555;">Перевірка переказів між картами та реалізація безпечної угоди</p>
+    </div>[[MerchantAPI#Перекази та «безпечна угода»|Читати документацію...]]
+</div>
+  <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+     <div>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Створення підпису</span>
+      <p style="color: #555;">Генерація підпису SHA-256 для захисту запитів</p>
+     </div>[[MerchantAPI#Робота з токенізованими картами|Читати документацію...]]
+  </div>
+  <!-- Ряд 2 -->
+  <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
+    <div>
+<span style="font-size: 24px; font-weight: bold; color: #004085;">Інструменти оплати</span>
+      <p style="color: #555;">Опис можливих інструментів оплати (картками VISA/MasterCard, мобільними грошима та інше)
+    </div>[[MerchantAPI#Можливі варіанти інструментів оплати|Читати документацію...]]
 </div>