import { Link } from "react-router-dom";

export function BrandSection(): JSX.Element {
  return (
    <section aria-label="about-brand" style={{ padding: "2rem 1.5rem" }}>
      <h2>About Compton</h2>
      <p>
        Compton combines organic aesthetics with modern technology for secure accounts,
        profile management, and content publishing.
      </p>
      <p>
        <Link to="/pages/about">Read more about the brand</Link>
      </p>
    </section>
  );
}
