use leptos::prelude::*;
use crate::components::layout::PageContent;
use crate::components::simple_hero::SimpleHero;
use crate::components::proxy_list::ProxyList;
use crate::page::prelude::*;

#[component]
pub fn ProxyPage() -> impl IntoView {
    view! {
        <SimpleHero
            icon=view! {
                <img
                    src="/icons/proxy-icon.svg"
                    alt="Proxy Icon"
                    class="w-20 h-20"
                    id="proxy-icon"
                />
            }.into_any()
            main_text=t8s!("Proxy-Online").to_string()
            sub_text=t8s!("High-speed, reliable proxy servers for all your needs. Connect securely and anonymously.").to_string()
        />
        
        <PageContent>
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" id="proxy-content">
                <ProxyList 
                    class="w-full max-w-[1040px] mx-auto"
                    id="main-proxy-list"
                />
            </div>
        </PageContent>
    }
}
