add faq contact

src/app/[locale]/pages/faq/page.tsx

@@ -1,6 +1,7 @@
 import PageTitle from '@/app/ui/page-title';
 import PopularAskedQuestions from '@/app/ui/faq/popular-asked-questions';
 import FrequentlyAskedQuestions from '@/app/ui/faq/frequently-asked-questions';
+import FaqContact from '@/app/ui/faq/faq-contact';
 
 export default function Page() {
 	return (
@@ -8,6 +9,7 @@ export default function Page() {
 			<PageTitle title="frequently-asked-questions" />
 			<PopularAskedQuestions />
 			<FrequentlyAskedQuestions />
+			<FaqContact />
 		</div>
 	)
 }

src/app/styles/pages-styles.scss

@@ -4595,4 +4595,73 @@
 			padding: 15px;
 		}
 	}
+}
+
+.support-block {
+	background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
+	border-radius: 20px;
+	padding: 30px;
+	text-align: center;
+	margin-top: 40px;
+
+	h3 {
+		color: #0369a1;
+		margin-bottom: 15px;
+		font-size: 20px;
+	}
+
+	p {
+		color: #0c4a6e;
+		margin-bottom: 25px;
+		line-height: 1.6;
+	}
+
+	.support-buttons {
+		display: flex;
+		gap: 15px;
+		justify-content: center;
+		flex-wrap: wrap;
+	}
+
+	.support-schedule {
+		margin-top: 25px;
+		padding-top: 20px;
+		border-top: 1px solid rgba(3, 105, 161, 0.2);
+
+		h4 {
+			color: #0369a1;
+			margin-bottom: 10px;
+			font-size: 16px;
+		}
+
+		&-grid {
+			display: grid;
+			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+			gap: 15px;
+			font-size: 14px;
+			color: #0c4a6e;
+		}
+	}
+}
+
+.stats-mini {
+	&-wrapper {
+		display: flex;
+		justify-content: center;
+		margin-top: 30px;
+	}
+
+	&-content {
+		display: flex;
+		gap: 40px;
+	}
+
+	&-value {
+		font-size: 24px;
+		font-weight: 700;
+	}
+
+	&-item {
+		text-align: center;
+	}
 }

src/app/ui/faq/faq-contact.tsx

@@ -0,0 +1,53 @@
+export default function FaqContact() {
+	return (
+		<>
+			<div className="support-block" >
+				<h3 >Не нашли ответ на свой вопрос?</h3>
+				<p >
+					Наша команда поддержки работает 24/7 и готова помочь вам
+					<br />
+					с любыми вопросами по использованию платформы NO COPY.
+				</p>
+				<div className="support-buttons" >
+					<button className="btn btn-primary">
+						Написать в поддержку
+					</button>
+					<a href="tel:+78003021090" className="btn btn-outline">
+						📞 Позвонить: 8 (800) 302-10-90
+					</a>
+				</div>
+
+				<div className="support-schedule">
+					<h4 >Время работы поддержки:</h4>
+					<div className="support-schedule-grid">
+						<div>📧 E-mail: круглосуточно</div>
+						<div>📞 Телефон: 9:30 - 18:00 МСК</div>
+						<div>💬 Чат: 9:30 - 18:00 МСК</div>
+					</div>
+				</div>
+			</div>
+
+			<div className="stats-mini-wrapper">
+				<div className="stats-mini-content">
+					<div className="stats-mini-item">
+						<div className="stats-mini-value" style={{ 'color': '#6366f1;' }}>
+							18                            </div>
+						<div className="stats-mini-label">Вопросов в базе</div>
+					</div>
+					<div className="stats-mini-item">
+						<div className="stats-mini-value" style={{ 'color': '#10b981;' }}>
+							99%
+						</div>
+						<div className="stats-mini-label">Находят ответ</div>
+					</div>
+					<div className="stats-mini-item">
+						<div className="stats-mini-value" style={{ 'color': '#f59e0b;' }}>
+							24/7
+						</div>
+						<div className="stats-mini-label">Поддержка</div>
+					</div>
+				</div>
+			</div>
+		</>
+	)
+}