Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -31,47 +31,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Начало", id: "hero" },
-          name: "Начало",
+        { name: "Услуги", id: "services" },
-          id: "hero",
+        { name: "Проекти", id: "projects" },
-        },
+        { name: "Контакти", id: "contact" },
-        {
-          name: "Услуги",
-          id: "services",
-        },
-        {
-          name: "Проекти",
-          id: "projects",
-        },
-        {
-          name: "Контакти",
-          id: "contact",
-        },
       ]}
       brandName="Трета Индустриална"
       button={{
-        text: "Заяви консултация",
+        text: "Заяви консултация",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Професионални индустриални решения за вашия бизнес"
       description="Надежден партньор с над 15 години опит в индустриалния сектор. Качество, сигурност и бърза реакция за вашия успех."
       buttons={[
-        {
+        { text: "Заяви консултация", href: "#contact" },
-          text: "Заяви консултация",
+        { text: "Обадете се сега", href: "tel:+359888123456" },
-          href: "#contact",
-        },
-        {
-          text: "Обадете се сега",
-          href: "tel:+359888123456",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-monitors-system-performance-green-screen-pc_482257-119751.jpg"
       imageAlt="industrial automation facility"
@@ -82,12 +60,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Защо да изберете Трета Индустриална?"
-      buttons={[
+      buttons={[{ text: "Научете повече", href: "#services" }]}
-        {
-          text: "Научете повече",
-          href: "#services",
-        },
-      ]}
     />
   </div>
 
@@ -97,21 +70,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Settings, title: "Индустриална автоматизация", description: "Оптимизация на процесите чрез най-модерните технологии." },
-          icon: Settings,
+        { icon: Wrench, title: "Монтаж и поддръжка", description: "Превантивен и спешен ремонт за минимални престои." },
-          title: "Индустриална автоматизация",
+        { icon: Building2, title: "Инженерни консултации", description: "Специализирана експертиза за оптимизация на производството." },
-          description: "Оптимизация на процесите чрез най-модерните технологии.",
-        },
-        {
-          icon: Wrench,
-          title: "Монтаж и поддръжка",
-          description: "Превантивен и спешен ремонт за минимални престои.",
-        },
-        {
-          icon: Building2,
-          title: "Инженерни консултации",
-          description: "Специализирана експертиза за оптимизация на производството.",
-        },
       ]}
       title="Нашите индустриални услуги"
       description="Пълна гама от специализирани решения за вашата производствена база."
@@ -124,26 +85,10 @@ export default function LandingPage() {
       title="Постижения"
       tag="Нашите резултати"
       metrics={[
-        {
+        { id: "1", value: "15+", description: "Години опит" },
-          id: "1",
+        { id: "2", value: "200+", description: "Завършени проекти" },
-          value: "15+",
+        { id: "3", value: "98%", description: "Доволни клиенти" },
-          description: "Години опит",
+        { id: "4", value: "24/7", description: "Поддръжка" },
-        },
-        {
-          id: "2",
-          value: "200+",
-          description: "Завършени проекти",
-        },
-        {
-          id: "3",
-          value: "98%",
-          description: "Доволни клиенти",
-        },
-        {
-          id: "4",
-          value: "24/7",
-          description: "Поддръжка",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -156,42 +101,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Автоматизирана линия за производство", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg" },
-          id: "p1",
+        { id: "p2", name: "Инфраструктурен upgrade на завод", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22928.jpg" },
-          name: "Автоматизирана линия за производство",
+        { id: "p3", name: "Индустриален контролен център", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg" },
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg",
-        },
-        {
-          id: "p2",
-          name: "Инфраструктурен upgrade на завод",
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22928.jpg",
-        },
-        {
-          id: "p3",
-          name: "Индустриален контролен център",
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg",
-        },
-        {
-          id: "p4",
-          name: "Специализирано оборудване за складове",
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/manufacture-steel-machine-with-control-computer-clear-room_645730-186.jpg",
-        },
-        {
-          id: "p5",
-          name: "Оптимизация на енергийни системи",
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
-        },
-        {
-          id: "p6",
-          name: "Технически одит и сертифициране",
-          price: "Виж проекта",
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-uses-tracking-software-tablet-diagnose-system_482257-119776.jpg",
-        },
       ]}
       title="Завършени индустриални проекти"
       description="Разгледайте част от нашите реализирани обекти с висока сложност."
@@ -204,28 +116,7 @@ export default function LandingPage() {
       testimonial="Изключителен професионализъм и прецизност при изпълнението на сложни индустриални системи."
       rating={5}
       author="Георги Иванов, Заводски директор"
-      avatars={[
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "Георги Иванов" }]}
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
-          alt: "Георги Иванов",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
-          alt: "Мария Петрова",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
-          alt: "Иван Стойков",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg",
-          alt: "Елена Димитрова",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
-          alt: "Стефан Николов",
-        },
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -237,104 +128,50 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Phone, title: "Запитване", description: "Свържете се с нас за безплатна консултация." },
-          icon: Phone,
+        { icon: ListChecks, title: "Анализ", description: "Проучваме специфичните нужди на вашия бизнес." },
-          title: "Запитване",
+        { icon: Layout, title: "Планиране", description: "Предлагаме оптимизиран инженерен проект." },
-          description: "Свържете се с нас за безплатна консултация.",
-        },
-        {
-          icon: ListChecks,
-          title: "Анализ",
-          description: "Проучваме специфичните нужди на вашия бизнес.",
-        },
-        {
-          icon: Layout,
-          title: "Планиране",
-          description: "Предлагаме оптимизиран инженерен проект.",
-        },
-        {
-          icon: Zap,
-          title: "Изпълнение",
-          description: "Прецизен монтаж от нашите сертифицирани техници.",
-        },
-        {
-          icon: Award,
-          title: "Поддръжка",
-          description: "Продължаващо техническо обслужване и мониторинг.",
-        },
       ]}
       title="Нашият работен процес"
-      description="5 лесни стъпки до успешно партньорство."
+      description="Лесни стъпки до успешно партньорство."
-    />
-  </div>
-
-  <div id="cta" data-section="cta">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Безплатна консултация"
-      title="Готови ли сте за проект?"
-      description="Обадете се сега или изпратете запитване за безплатна консултация."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
-      useInvertedBackground={true}
+        title="Свържете се с нас"
-      background={{
+        description="Разполагаме с екип на разположение за вашите въпроси и консултации. Обадете ни се или изпратете запитване чрез формата."
-        variant: "plain",
+        useInvertedBackground={true}
-      }}
+        inputs={[
-      tag="Свържете се с нас"
+            { name: "name", type: "text", placeholder: "Вашето име", required: true },
-      title="Контакти"
+            { name: "email", type: "email", placeholder: "Вашият имейл", required: true }
-      description="Намерете ни на нашия адрес или ни пишете за въпроси."
+        ]}
-    />
+        textarea={{ name: "message", placeholder: "Вашето съобщение", rows: 4 }}
+        onSubmit={(data) => console.log(data)}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBase
-      columns={[
+        logoText="Трета Индустриална"
-        {
+        copyrightText="© 2025 Трета Индустриална. Всички права запазени."
-          title: "Трета Индустриална",
+        columns={[
-          items: [
             {
-              label: "Относно нас",
+                title: "Компания",                items: [
-              href: "#about",
+                    { label: "За нас", href: "#about" },
+                    { label: "Услуги", href: "#services" }
+                ]
             },
             {
-              label: "Услуги",
+                title: "Контакти",                items: [
-              href: "#services",
+                    { label: "Телефон: +359 888 123 456", href: "tel:+359888123456" },
-            },
+                    { label: "Имейл: office@treta.bg", href: "mailto:office@treta.bg" }
-            {
+                ]
-              label: "Проекти",
+            }
-              href: "#projects",
+        ]}
-            },
+      />
-          ],
-        },
-        {
-          title: "Контакти",
-          items: [
-            {
-              label: "София, България",
-              href: "#contact",
-            },
-            {
-              label: "+359 888 123 456",
-              href: "tel:+359888123456",
-            },
-            {
-              label: "office@treta.bg",
-              href: "mailto:office@treta.bg",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Трета Индустриална"
-      bottomRightText="Всички права запазени"
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,12 +12,12 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
+  --foreground: #1a2332;
-  --primary-cta: #15479c;
+  --primary-cta: #0066ff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #2d3e50;
   --secondary-cta-text: #15479c;
-  --accent: #E34400;
+  --accent: #ff6b35;
   --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */