export default function AboutPage() {
  return (
    <main className="info-page">
      <section className="info-hero">
        <h1 className="info-title">About Leon&apos;s Pet Store</h1>
        <p className="info-subtitle">Pet care, adoption support, grooming, and everyday essentials in one place.</p>
        <div className="title-decoration"></div>
      </section>

      <section className="info-content">
        <div className="info-card">
          <h2>What We Do</h2>
          <p>
            Leon&apos;s Pet Store connects families with adoptable pets, helpful services, and quality products for day-to-day pet care.
          </p>
        </div>

        <div className="info-card">
          <h2>Our Focus</h2>
          <ul className="info-list">
            <li>Support responsible pet adoption</li>
            <li>Provide grooming and care services</li>
            <li>Offer reliable pet supplies and essentials</li>
            <li>Create a friendly experience for customers and staff</li>
          </ul>
        </div>

        <div className="info-card">
          <h2>Visit the Store</h2>
          <p>
            Browse adoptable pets, schedule appointments, shop products, or contact the team for help finding the right fit for a pet and household.
          </p>
        </div>
      </section>
    </main>
  );
}
