Лагерь: Секция 2-3

wp-content/themes/dekart/assets/css/camp.css

@@ -328,12 +328,8 @@ p {
 
 
 .about-us__title {
-    padding-bottom: 10px;
-
     text-align: center;
-
     margin-bottom: 20px;
-
 }
 
 
@@ -352,7 +348,71 @@ p {
 
     text-align: left;
 
-    margin: 0;
+    margin: 0 0 24px;
+
+}
+
+.about-us__social-proof {
+
+    margin-bottom: 16px;
+
+}
+
+.about-us__badge {
+
+    display: inline-block;
+
+    font-family: Montserrat, sans-serif;
+
+    font-size: 14px;
+
+    font-weight: 700;
+
+    color: #FF6B00;
+
+    background: rgba(255,107,0,0.08);
+
+    padding: 6px 16px;
+
+    border-radius: 9999px;
+
+}
+
+.about-us__cta {
+
+    margin-top: 8px;
+
+}
+
+.about-us__cta-link {
+
+    display: inline-block;
+
+    font-family: Montserrat, sans-serif;
+
+    font-size: 16px;
+
+    font-weight: 700;
+
+    color: #fff;
+
+    background: #FF6B00;
+
+    padding: 12px 28px;
+
+    border-radius: 9999px;
+
+    text-decoration: none;
+
+    transition: background 0.2s, transform 0.2s;
+
+}
+
+.about-us__cta-link:hover {
+
+    background: #FF8533;
+
+    transform: scale(1.05);
 
 }
 
@@ -427,12 +487,7 @@ p {
     }
 
     .about-us__title {
-    padding-bottom: 10px;
-
         font-size: 28px;
-
-        padding-bottom: 10px;
-
     }
 
     .about-us__text {
@@ -470,7 +525,50 @@ p {
 }
 
 
+/* suggestions icon wrap */
+.suggestions__icon-wrap {
+    width: 72px;
+    height: 72px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255,107,0,0.1);
+    border-radius: 16px;
+    margin: 0 auto 16px;
+    flex-shrink: 0;
+}
+
+.suggestions__icon {
+    width: 40px;
+    height: 40px;
+    object-fit: contain;
+}
+
+/* suggestions card hover */
+.suggestions__item {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    cursor: default;
+}
+
+.suggestions__item:hover {
+    transform: translateY(-6px);
+    box-shadow: 0 14px 32px rgba(255,107,0,0.18);
+}
+
+/* scroll animation */
+.fade-up {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+}
+
+.fade-up.visible {
+    opacity: 1;
+    transform: translateY(0);
+}
+
 /* suggestions */
+
 @keyframes sugFadeUp {
     from { transform: translateY(24px) scale(0.97); opacity: 0; }
     to   { transform: translateY(0) scale(1); opacity: 1; }

wp-content/themes/dekart/assets/js/camp.js

@@ -67,3 +67,24 @@ document.addEventListener("click", function (event) {
 	return;
  }
 });
+
+// Scroll animation: fade-up sections
+document.addEventListener('DOMContentLoaded', function() {
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                entry.target.classList.add('visible');
+            }
+        });
+    }, { threshold: 0.15 });
+
+    document.querySelectorAll('.about-us__wrapper, .suggestions__item, .suggestions__subtitle, .suggestions h2').forEach(el => {
+        el.classList.add('fade-up');
+        observer.observe(el);
+    });
+
+    // Stagger for suggestion cards
+    document.querySelectorAll('.suggestions__item').forEach((card, i) => {
+        card.style.transitionDelay = (i * 0.1) + 's';
+    });
+});

wp-content/themes/dekart/page-camp.php

@@ -155,9 +155,16 @@ $metrics = [
 				</div>
 			</div>
 			<div class="about-us__content-col">
-				<h2 class="camp_title about-us__title">О нас</h2>
+				<h2 class="camp_title about-us__title">Лето, которое не хочется ставить на паузу</h2>
 				<div class="about-us__text">
-					<?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'about_us_text' ) ?: 'Dekart — это сеть детских клубов, где наука, творчество и спорт объединяются в одну захватывающую программу. Мы помогаем детям раскрывать таланты, находить друзей и проводить лето с пользой. Наши вожатые — профессиональные педагоги и наставники, которые создают атмосферу доверия и вдохновения. Каждый день в лагере — это новое открытие.' ); ?>
+					<?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'about_us_text' ) ?: 'Всю зиму ребёнок в телефоне? Бабушка устала? А ведь лето может быть другим — ярким, живым, полезным.
+В Dekart дети не просто под присмотром. Они собирают роботов, ставят опыты, играют в театре, бегают на квестах и находят друзей.А главное — бегут в лагерь каждое утро без уговоров.' ); ?>
+				</div>
+				<div class="about-us__social-proof">
+					<span class="about-us__badge">⭐ 2500+ мам доверили нам лето</span>
+				</div>
+				<div class="about-us__cta">
+					<a href="#camp-form" class="btn-write-camp about-us__cta-link">Хочу на пробный день →</a>
 				</div>
 			</div>
 
@@ -166,13 +173,21 @@ $metrics = [
 </section>
 <section class="suggestions">
 	<div class="container">
-	<h2 class="camp_title">Почему родители выбирают Dekart?</h2>
+	<h2 class="camp_title">Мамы выбирают Dekart, потому что дети бегут в лагерь без уговоров</h2>
-	<p class="suggestions__subtitle">Потому что дети бегут к нам каждое утро. А возвращаются — с горящими глазами.</p>
+	<p class="suggestions__subtitle">Они возвращаются <strong>с горящими глазами</strong>. И просятся обратно каждый день.</p>
-	<div class="suggestions-wrapper">		<?php 			$suggestions = carbon_get_post_meta($post_id, 'suggestions' ); 			foreach ($suggestions as $index => $item) { 				$suggestions_img = $item['suggestions_img']; 				$suggestions_title = $item['suggestions_title']; 				$suggestions_text = $item['suggestions_text']; 							?>				<div class="suggestions__item">					<h3 class="suggestions__item_title"><?php echo esc_html( $suggestions_title ); ?></h3>					<p class="suggestions__item_text"><?php echo esc_html( $suggestions_text ); ?></p>				</div>		<?php } ?>	</div>	<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/doodle-star.svg" alt="" class="suggestions__doodle suggestions__doodle--star">
+	<div class="suggestions-wrapper">		<?php 			$suggestions = carbon_get_post_meta($post_id, 'suggestions' );			$icons = ['handson-35x35-1.svg', 'steamprojects-35x35-1.svg', 'innovation-white.svg'];
-			<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/doodle-gears.svg" alt="" class="suggestions__doodle suggestions__doodle--gear">
+			foreach ($suggestions as $index => $item) {
-			<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/doodle-circle-orange.svg" alt="" class="suggestions__doodle suggestions__doodle--bounce">
+				$suggestions_title = $item['suggestions_title'];
-			<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/doodle-pencils.svg" alt="" class="suggestions__doodle suggestions__doodle--float">
+				$suggestions_text = $item['suggestions_text'];
-			<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/doodle-paper-plane.svg" alt="" class="suggestions__doodle suggestions__doodle--paper">
+				$icon_file = $icons[$index % count($icons)];
+			?>				<div class="suggestions__item" data-delay="<?php echo $index * 100; ?>">
+					<div class="suggestions__icon-wrap">
+						<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/galileo/<?php echo $icon_file; ?>"
+					     alt="" class="suggestions__icon" loading="lazy">
+					</div>
+					<h3 class="suggestions__item_title"><?php echo esc_html( $suggestions_title ); ?></h3>
+					<p class="suggestions__item_text"><?php echo esc_html( $suggestions_text ); ?></p>
+				</div>		<?php } ?>	</div>
 	</div>
 </section>
 	<section class="infograph">