Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -11,9 +11,10 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import Link from "next/link";
-import { Sparkles, CheckCircle, Award, HelpCircle, Zap } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, HelpCircle, Zap, Mail } from 'lucide-react';
 
 export default function HomePage() {
   const navItems = [
@@ -283,7 +284,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact-center" data-section="contact-center">
         <ContactCenter
           tag="Начните прямо сейчас"
           tagIcon={Zap}
@@ -298,6 +299,22 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCTA
+          tag="Готовы начать?"
+          tagIcon={Mail}
+          title="Переведём ваш отдел на новый уровень"
+          description="Наша система продаж работает для компаний любого размера и вида деятельности. Начните с бесплатной консультации и увидите результаты в первый месяц."
+          buttons={[
+            { text: "Записаться на диагностику", href: "/contact" },
+            { text: "Узнать больше", href: "/services" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={footerColumns}