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

#[component]
pub fn RulesPage() -> impl IntoView {
    view! {
        <PageContent id="rules-page">
            <div class="rules-page">
                <PageTitle title="Rules".to_string() id="rules-title" />
                
                <div class="rules-page__content">
                    <PageDescription 
                        description="Using our VProxy proxies, you will not be able to access certain domains.".to_string() 
                        id="rules-description" 
                    />
                    
                    <div class="rules-page__list">
                        <p>"• All government websites"</p>
                        <p>"• SMTP ports (25, 465, 587, and 2525) and IMAP (110, 993, 995, and 143)"</p>
                        <p>"• Banking and payment websites [full list]"</p>
                        <p>"• Ticket exchange services"</p>
                        <p>"• Getgrass"</p>
                    </div>
                    
                    <div class="rules-page__note">
                        <p>"If you have any questions or need additional information, please contact our support."</p>
                        <p>"These restrictions are in place to ensure the security of our proxies."</p>
                    </div>
                </div>
            </div>
        </PageContent>
    }
}
