start making FAQ page

src/app/ui/faq/frequently-asked-questions.tsx

@@ -0,0 +1,33 @@
+export default function FrequentlyAskedQuestions() {
+	return (
+		<div>
+			<div className="faq-section">
+				<h2>
+					<span></span>
+					Защита контента
+					<span>(2 вопросов)</span>
+				</h2>
+
+				<div className="faq-item">
+					<div className="faq-question">
+						<span>Как скрытый водяной знак защищает контент?</span>
+						<div className="faq-toggle">+</div>
+					</div>
+					<div className="faq-answer">
+						Скрытый водяной знак встраивается незаметно в ваш контент и позволяет отслеживать его использование в интернете. Технология работает на основе скрытого водяного знака No Copy и не влияет на качество изображений, видео или аудио.
+					</div>
+				</div>
+
+				<div className="faq-item">
+					<div className="faq-question">
+						<span>Насколько надежна защита?</span>
+						<div className="faq-toggle">+</div>
+					</div>
+					<div className="faq-answer">
+						Наша многослойная защита обеспечивает 99.8% точность определения авторства даже после обработки файлов.
+					</div>
+				</div>
+			</div>
+		</div>
+	)
+}

src/app/ui/faq/popular-asked-questions.tsx

@@ -0,0 +1,23 @@
+export default function PopularAskedQuestions() {
+	return (
+		<div className="popular-questions">
+			<h2>
+				Популярные вопросы
+			</h2>
+			<div className="popular-grid">
+				<div>
+					<h4>Как работает защита?</h4>
+					<p>Мы встраиваем невидимые водяные знаки в ваш контент</p>
+				</div>
+				<div>
+					<h4>Сколько файлов можно загрузить?</h4>
+					<p>Зависит от вашего тарифного плана</p>
+				</div>
+				<div>
+					<h4>Безопасность данных</h4>
+					<p>Все файлы хранятся на защищенных серверах</p>
+				</div>
+			</div>
+		</div>
+	)
+}