diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index 04cd2b8..e7dee5b 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -1146,135 +1146,240 @@ html { /* modal END */ /* bring-child */ -.bring-child p { - margin-bottom: 0; -} - .bring-child-wrapper { display: flex; gap: 40px; + align-items: stretch; } -.part-day { - width: calc(50% - 20px); - padding: 30px; - border-radius: 40px; - border: 2px solid #e8e8e8; +.pricing-card { + flex: 1; + background: #fff; + border-radius: 24px; + padding: 36px 32px; display: flex; flex-direction: column; - gap: 30px; - color: #212121; + gap: 24px; + border: 1px solid #e8e8e8; + box-shadow: 0 2px 12px rgba(0,0,0,0.04); + transition: transform 0.3s ease, box-shadow 0.3s ease; } -.block-row { +.pricing-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 32px rgba(0,0,0,0.08); +} + +.pricing-card--full { + border-color: #ae5fcd; + box-shadow: 0 4px 20px rgba(174, 95, 205, 0.1); + position: relative; +} + +.pricing-card--full::before { + content: '"0#5#A#E#C#5#D#4$3#5#C'; + position: absolute; + top: -12px; + left: 50%; + transform: translateX(-50%); + background: #ae5fcd; + color: #fff; + font-family: Inter, sans-serif; + font-size: 13px; + font-weight: 600; + padding: 4px 20px; + border-radius: 20px; + white-space: nowrap; +} + +.pricing-card__header { + display: flex; + flex-direction: column; + align-items: center; + gap: 12px; + text-align: center; +} + +.pricing-card__badge { + width: 48px; + height: 48px; + border-radius: 14px; display: flex; align-items: center; - gap: 10px; + justify-content: center; } -.part-day_title { - display: flex; - flex-direction: column; - gap: 10px; +.pricing-card__badge--half { + background: rgba(59, 178, 115, 0.1); } -.part-day_title-text { - font-size: 30px; +.pricing-card__badge--full { + background: rgba(174, 95, 205, 0.1); +} + +.pricing-card__title { + font-family: Montserrat, sans-serif; + font-size: 26px; + font-weight: 700; + color: #1c2b2d; + margin: 0; line-height: 1.2; - font-weight: 600; } -.part-day_text { - font-size: 18px; - line-height: 1.3; - font-weight: 500; +.pricing-card__desc { + font-family: Inter, sans-serif; + font-size: 15px; + line-height: 1.5; + color: #666; + margin: 0; } -.part-day__price { - padding-bottom: 30px; - border-bottom: 1px solid #e8e8e8; - display: flex; - flex-direction: column; - gap: 10px; -} - -.part-day__price_price { - font-size: 34px; - line-height: 1; - font-weight: 600; -} - -.part-day__price_time { - font-size: 18px; - font-weight: 500; - border-radius: 30px; - color: #fff; - padding: 5px 10px; - margin-left: 10px; -} - -.camp-left-part .part-day__price_time { - border: 2px solid #3bb273; - background-color: #3bb273; -} - -.camp-right-part .part-day__price_time { - border: 2px solid #ae5fcd; - background-color: #ae5fcd; -} - -.non-bg { - background-color: transparent !important; - color: #212121; -} - -.part-day__price_text { - color: #9d9d9d; - font-size: 18px; - line-height: 1.3; - font-weight: 500; -} - -.btn-place { +.pricing-card__price { + text-align: center; padding: 20px 0; - color: #ffffff; - font-size: 20px; - line-height: 1.3; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + display: flex; + flex-direction: column; + gap: 4px; +} + +.pricing-card__amount { + font-family: Montserrat, sans-serif; + font-size: 36px; + font-weight: 800; + color: #1c2b2d; + line-height: 1.1; +} + +.pricing-card--half .pricing-card__amount { + color: #3bb273; +} + +.pricing-card--full .pricing-card__amount { + color: #ae5fcd; +} + +.pricing-card__period { + font-family: Inter, sans-serif; + font-size: 14px; + color: #999; + font-weight: 500; +} + +.pricing-card__slots { + display: flex; + flex-direction: column; + gap: 8px; +} + +.pricing-card__slot { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 16px; + background: #f8f8f8; + border-radius: 10px; +} + +.pricing-card__slot-time { + font-family: Inter, sans-serif; + font-size: 15px; font-weight: 600; - width: 100%; - border-radius: 50px; - text-transform: uppercase; - transition: .3s; + color: #1c2b2d; } -.camp-left-part .btn-place { - border: 2px solid #3bb273; - background-color: #3bb273; +.pricing-card__slot-label { + font-family: Inter, sans-serif; + font-size: 13px; + color: #999; + font-weight: 500; } -.camp-right-part .btn-place { - border: 2px solid #ae5fcd; - background-color: #ae5fcd; -} - -.btn-place:hover { - background-color: transparent !important; - color: #212121; -} - -.part-day ul { +.pricing-card__features { display: flex; flex-direction: column; gap: 10px; - color: #212121; - font-size: 18px; - line-height: 1.3; - font-weight: 500; - padding-left: 20px; + padding: 0; + margin: 0; + list-style: none; } -.part-day ul li { - list-style: disc; +.pricing-card__features li { + font-family: Inter, sans-serif; + font-size: 15px; + line-height: 1.5; + color: #444; + padding-left: 24px; + position: relative; +} + +.pricing-card__features li::before { + content: '¹3'; + position: absolute; + left: 0; + top: 2px; + width: 18px; + height: 18px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 11px; + font-weight: 700; +} + +.pricing-card--half .pricing-card__features li::before { + background: rgba(59, 178, 115, 0.15); + color: #3bb273; +} + +.pricing-card--full .pricing-card__features li::before { + background: rgba(174, 95, 205, 0.15); + color: #ae5fcd; +} + +.pricing-card__extra { + display: flex; + align-items: center; + gap: 8px; + padding: 12px 16px; + background: #fafafa; + border-radius: 10px; + font-family: Inter, sans-serif; + font-size: 14px; + color: #555; + font-weight: 500; +} + +.pricing-card__btn { + width: 100%; + padding: 16px 0; + border: none; + border-radius: 50px; + font-family: Montserrat, sans-serif; + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + cursor: pointer; + transition: background 0.3s ease; + color: #fff; +} + +.pricing-card--half .pricing-card__btn { + background: #3bb273; +} + +.pricing-card--half .pricing-card__btn:hover { + background: #2d9d5f; +} + +.pricing-card--full .pricing-card__btn { + background: #ae5fcd; +} + +.pricing-card--full .pricing-card__btn:hover { + background: #9747b8; } /* bring-child END */ diff --git a/wp-content/themes/dekart/assets/js/camp.js b/wp-content/themes/dekart/assets/js/camp.js index 0c0dfda..ea63dad 100644 --- a/wp-content/themes/dekart/assets/js/camp.js +++ b/wp-content/themes/dekart/assets/js/camp.js @@ -24,9 +24,6 @@ const modalMentors = document.querySelector('.modal-mentors'); const modalCampRequestForm = document.querySelector('.modal-camp-request-form'); -const b24template = document.querySelector('#b24-camp-template'); -const b24container = document.querySelector('.b24-form-container'); - btnCloseModalPrograms.addEventListener("click", function (event) { modalPrograms.classList.remove('open'); }); @@ -39,8 +36,6 @@ document.addEventListener("click", function (event) { if (target.classList.contains("btn-close-request-form-camp")) { modalCampRequestForm.classList.add('hidden'); - // clear bitrix24 form on close (ready for re-open) - b24container.innerHTML = ''; return; } @@ -48,18 +43,22 @@ document.addEventListener("click", function (event) { if (campBtn) { if (campBtn.tagName === 'A') event.preventDefault(); - // prevent footer bitrix24 loader window.b24campLoaded = true; - // show modal modalCampRequestForm.classList.remove('hidden'); - // load Bitrix24 from template - if (b24template && !b24container.hasChildNodes()) { - const clone = document.importNode(b24template.content, true); - b24container.appendChild(clone); + var container = modalCampRequestForm.querySelector('.b24-form-container'); + if (!container.querySelector('.b24-form')) { + var fForm = modalCampRequestForm.dataset.b24Form; + var fLoader = modalCampRequestForm.dataset.b24Loader; + if (fForm && fLoader) { + var s = document.createElement('script'); + s.setAttribute('data-b24-form', fForm); + s.setAttribute('data-skip-moving', 'true'); + s.text = "(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'" + fLoader + "');"; + container.appendChild(s); + } } - return; } diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index 8437511..492b5c1 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -292,67 +292,74 @@ $metrics = [ ?>

Приводите ребёнка, когда вам удобно

-
-
-
-

Половина дня

- -
-

Время пребывания — на выбор (до обеда или до вечера)

-
-
-
-
-
с 8:30 до 13:30
-
-

за 5 дней пребывания

-
-
-
-
-
-
с 13:30 до 18:30
-
-

за 5 дней пребывания

-
-
- -

Тематическая неделя на выбор

-
- - + +
+
+
+ +
+

Половина дня

+

Время пребывания — на выбор (до обеда или до вечера)

+
+
+ ₽ + за 5 дней + +
+
+
+ с 8:30 до 13:30 + утренняя смена +
+
+ с 13:30 до 18:30 + вечерняя смена +
+
+
    +
  • 5 дней пребывания в клубе
    • +
  • творческие занятия и мастер-классы 1 раз в день
    • +
  • умные прогулки 1 раз в день
    • +
+
+ + Тематическая неделя на выбор +
+
-
-
-
-

Полный день

- -
-

Пребывание в клубе с утра до вечера, дополнительные активности

-
-
-
-
-
с 8:30 до 18:30
-
-

за 5 дней пребывания

-
-
- -

Тематическая неделя на выбор

-
- -
    -
  • 5 дней пребывания в клубе
    • -
  • творческие занятия и мастер-классы 2 раза в день
    • -
  • умные прогулки 2 раза в день (в зависимости от погодные условий)
    • -
  • тематические экскурсии каждую неделю
    • -
+ +
+
+
+ +
+

Полный день

+

Пребывание в клубе с утра до вечера, дополнительные активности

+
+
+ ₽ + за 5 дней + +
+
+
+ с 8:30 до 18:30 + полный день +
+
+
    +
  • 5 дней пребывания в клубе
    • +
  • творческие занятия и мастер-классы 2 раза в день
    • +
  • умные прогулки 2 раза в день
    • +
  • тематические экскурсии каждую неделю
    • +
+
+ + Тематическая неделя на выбор +
+
+
@@ -700,7 +707,16 @@ $metrics = [
-