Новые изменения

frontend/src/components/services/ServiceCategories.astro

@@ -1,5 +1,6 @@
 ---
 import Button from '@components/base/Button.astro';
+import Pagination from '@components/base/Pagination.astro';
 
 interface ServiceCategory {
     id: string;
@@ -133,8 +134,19 @@ const {
                 }
             ]
         }
-    ] as ServiceCategory[]
-} = Astro.props;
+    ] as ServiceCategory[],
+    currentPage = 1,
+    servicesPerPage = 6,
+    baseUrl = "/services"
+} = Astro.props as {
+    sectionSubtitle?: string;
+    sectionTitle?: string;
+    sectionDescription?: string;
+    categories?: ServiceCategory[];
+    currentPage?: number;
+    servicesPerPage?: number;
+    baseUrl?: string;
+};
 ---
 
 <section class="service-categories" id="services-list">
@@ -212,15 +224,6 @@ const {
                     </div>
             ))}
         </div>
-
-        <!-- CTA внизу -->
-        <div class="section-cta animate-on-scroll" data-animation="fade-up" data-delay="800">
-            <p class="cta-text-main">Не нашли нужную услугу?</p>
-            <p class="cta-text-sub">Позвоните — разберём вашу ситуацию бесплатно</p>
-            <Button variant="gold" size="lg" href="#contact">
-                Связаться с нами
-            </Button>
-        </div>
     </div>
 </section>
 
@@ -629,51 +632,6 @@ const {
         color: var(--color-accent);
     }
 
-    /* --- Нижний CTA --- */
-    .section-cta {
-        margin-top: 5rem;
-        text-align: center;
-        padding: 3rem 2rem;
-        background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
-        border-radius: 20px;
-        box-shadow: var(--shadow-xl);
-        position: relative;
-        overflow: hidden;
-    }
-
-    .section-cta::before {
-        content: '';
-        position: absolute;
-        top: -50%;
-        right: -20%;
-        width: 60%;
-        height: 150%;
-        background: radial-gradient(circle, var(--color-accent-glow) 0%, transparent 70%);
-        pointer-events: none;
-    }
-
-    .cta-text-main {
-        font-size: 1.5rem;
-        font-weight: 700;
-        color: #ffffff;
-        margin: 0 0 0.5rem 0;
-        position: relative;
-        z-index: 1;
-    }
-
-    .cta-text-sub {
-        font-size: 1rem;
-        color: rgba(255, 255, 255, 0.7);
-        margin: 0 0 1.5rem 0;
-        position: relative;
-        z-index: 1;
-    }
-
-    .section-cta .btn {
-        position: relative;
-        z-index: 1;
-    }
-
     /* --- Адаптивность --- */
     @media (max-width: 1200px) {
         .services-grid {
@@ -755,19 +713,6 @@ const {
             justify-content: flex-end;
             width: 100%;
         }
-
-        .section-cta {
-            padding: 2rem 1.5rem;
-            margin-top: 3rem;
-        }
-
-        .cta-text-main {
-            font-size: 1.25rem;
-        }
-
-        .cta-text-sub {
-            font-size: 0.9rem;
-        }
     }
 
     @media (max-width: 480px) {
@@ -810,19 +755,6 @@ const {
         .service-title {
             font-size: 1.1rem;
         }
-
-        .section-cta {
-            padding: 1.5rem 1rem;
-            border-radius: 16px;
-        }
-
-        .cta-text-main {
-            font-size: 1.1rem;
-        }
-
-        .cta-text-sub {
-            font-size: 0.85rem;
-        }
     }
 
     /* @media (prefers-reduced-motion: reduce) */