very first commit

src/app/pages/info/contacts/contacts.component.html

@@ -0,0 +1,34 @@
+<div class="legal-page">
+  <div class="legal-container">
+    <h1>Контакты</h1>
+    
+    <section class="legal-section">
+      <h2>Контактная информация</h2>
+      <p>Свяжитесь с нами по любым вопросам, связанным с работой маркетплейса, оформлением заказов или возвратом товаров.</p>
+    </section>
+
+  <section class="legal-section">
+    <h2>Реквизиты организации</h2>
+    <p><strong>Наименование:</strong> ООО "ИНТ ФИН ЛОГИСТИК"</p>
+    <p><strong>ИНН:</strong> 9909697628</p>
+  </section>
+
+  <section class="legal-section">
+    <h2>Email</h2>
+    <p>По всем вопросам пишите на: <a href="mailto:info@dexarmarket.ru">info@dexarmarket.ru</a></p>
+    <p>Мы стараемся отвечать на все письма в течение 24 часов в рабочие дни.</p>
+  </section>
+
+  <section class="legal-section">
+    <h2>Часы работы</h2>
+    <p><strong>Техническая поддержка:</strong> Круглосуточно (24/7)</p>
+    <p><strong>Ответы на вопросы:</strong> Понедельник - Пятница: 10:00 - 19:00 (МСК)</p>
+    <p>Суббота - Воскресенье: выходной</p>
+  </section>
+
+    <section class="legal-section">
+      <h2>Техническая поддержка</h2>
+      <p>При возникновении технических проблем с работой сайта или вопросов по оформлению заказа обращайтесь на <a href="mailto:info@dexarmarket.ru">info@dexarmarket.ru</a> с подробным описанием проблемы.</p>
+    </section>
+  </div>
+</div>

src/app/pages/info/contacts/contacts.component.scss

@@ -0,0 +1,43 @@
+@use '../../../../styles/shared-legal.scss';
+
+.contact-item {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem;
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  margin-bottom: 1rem;
+  transition: all 0.3s ease;
+  border-left: 3px solid var(--primary-color);
+  
+  &:hover {
+    transform: translateX(5px);
+    box-shadow: var(--shadow-sm);
+  }
+  
+  .icon {
+    font-size: 1.5rem;
+    color: var(--primary-color);
+  }
+  
+  .info {
+    flex: 1;
+    
+    strong {
+      display: block;
+      margin-bottom: 0.25rem;
+      color: var(--text-primary);
+    }
+    
+    a {
+      color: var(--primary-color);
+      text-decoration: none;
+      
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+

src/app/pages/info/contacts/contacts.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { environment } from '../../../../environments/environment';
+
+@Component({
+  selector: 'app-contacts',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './contacts.component.html',
+  styleUrls: ['./contacts.component.scss']
+})
+export class ContactsComponent {
+  brandName = environment.brandName;
+  contactEmail = environment.contactEmail;
+  supportEmail = environment.supportEmail;
+  phones = environment.phones;
+  domain = environment.domain;
+  isnovo = environment.theme === 'novo';
+}