use leptos::prelude::*;
use crate::components::layout::{PageContent, PageTitle, PageDescription};

#[component]
pub fn RulesPageRu() -> impl IntoView {
    view! {
        <PageContent id="rules-page">
            <div class="rules-page">
                <PageTitle title="Правила".to_string() id="rules-title" />
                
                <div class="rules-page__content">
                    <PageDescription 
                        description="Используя наши VProxy прокси, вы не сможете получить доступ к определенным доменам.".to_string() 
                        id="rules-description-ru" 
                    />
                    
                    <div class="rules-page__list">
                        <p>"• Все правительственные веб-сайты"</p>
                        <p>"• SMTP порты (25, 465, 587, и 2525) и IMAP (110, 993, 995, и 143)"</p>
                        <p>"• Банковские и платежные веб-сайты [полный список]"</p>
                        <p>"• Сервисы обмена билетами"</p>
                        <p>"• Getgrass"</p>
                    </div>
                    
                    <div class="rules-page__note">
                        <p>"Если у вас есть вопросы или нужна дополнительная информация, пожалуйста, обратитесь в нашу службу поддержки."</p>
                        <p>"Эти ограничения введены для обеспечения безопасности наших прокси."</p>
                    </div>
                </div>
            </div>
        </PageContent>
    }
}
