use dioxus::prelude::*;

#[component]
pub(crate) fn About() -> Element {
    rsx! {
        main { class: "about-page",
            section { class: "about-intro blueprint-panel",
                h1 { "What Polymodel is" }
                p { class: "product-lede",
                    "Polymodel is a place to share and remix the things you've made. It's built on an open network protocol, rather than a walled garden, and it's super easy to use and to build on yourself if you want to."
                }
            }

            section { class: "about-section blueprint-panel",
                h2 { "Remix, with credit" }
                p {
                    "Rarely are things made in a vacuum. Polymodel is designed to make remixing easy. You can fork a model, change something, and then publish the result, with a link back to the original maker. You can also make links yourself, if you know you built off of something."
                }
                p {
                    "Attribution travels with the project, so the people whose work you built on stay credited. In future, we will do perceptual hashing to ensure that even if someone forgets to give credit, we'll try to make the link."
                }
                p {
                    "If a model is designed to work with other models (like it's part of a modular system, or there's variant parts), you can show that by linking as well."
                }
            }

            section { class: "about-section blueprint-panel",
                h2 { "Why it's open" }
                p {
                    "Polymodel is built on the AT Protocol, the same open network and protocol that powers Bluesky. This means you can use the account and identity you might already have here, and in hundreds of other atproto apps."
                }
                p {
                     "But unlike signing in with Google, there isn't one big corporation in control."
                }
                p {
                    "Your projects, profile, and social networks all live in a place you can choose, not locked in side our database or anyone else's. If Polymodel disappears tomorrow, your models and everything else are safe, and if you move where your account is hosted, all your stuff comes with you."
                }
                p {
                    "That means no single platform owns your catalogue, and other apps on the same network can read and build on what you publish here."
                }
            }



            p { class: "about-footnote",
                "Polymodel is in alpha. Expect rough edges, missing features, and the occasional placeholder while we work out the kinks."
            }
        }
    }
}
