import InfoPage from "../../../components/InfoPage";

export default function CookiesPage() {
  return (
    <InfoPage
      title="Cookies"
      subtitle="How and why we use cookies on our site."
    >
      <div className="info-page__card">
        <h2>What Are Cookies</h2>
        <p>
          Cookies are small text files stored on your device that help websites
          remember preferences and improve user experience.
        </p>
        <p>
          Cookies can be first-party (set by us) or third-party (set by service
          providers).
        </p>
        <p>
          Similar technologies like pixels or local storage may also be used for
          the same purposes.
        </p>
      </div>

      <div className="info-page__card">
        <h2>How We Use Cookies</h2>
        <p>
          We use cookies to keep items in your cart, maintain session security,
          analyze site performance, and personalize content.
        </p>
        <p>
          We also use cookies to understand which pages are most helpful and
          where improvements are needed.
        </p>
        <p>
          These insights help us prioritize content and improve fitment clarity.
        </p>
      </div>

      <div className="info-page__card">
        <h2>Your Controls</h2>
        <p>
          You can manage cookies through your browser settings. Disabling
          cookies may impact site functionality.
        </p>
        <p>
          Most browsers allow you to remove existing cookies and block new ones.
        </p>
        <p>
          If you block cookies, some checkout or account features may not work
          correctly.
        </p>
      </div>

      <div className="info-page__card">
        <h2>Analytics</h2>
        <p>
          Analytics cookies help us measure site performance and troubleshoot
          issues. Data is aggregated and used to improve the shopping experience.
        </p>
        <p>
          We use these insights to fix slow pages, improve navigation, and refine
          product information.
        </p>
      </div>

      <div className="info-page__card">
        <h2>Advertising</h2>
        <p>
          We may use limited advertising cookies to measure campaign performance.
          You can opt out through browser or provider tools.
        </p>
        <p>
          Opting out does not reduce the number of ads, but it may make them less
          relevant.
        </p>
      </div>

      <div className="info-page__card">
        <h2>Cookie Lifetimes</h2>
        <p>
          Some cookies expire when you close your browser, while others persist
          for a set period to remember preferences.
        </p>
      </div>

      <div className="info-page__card">
        <h2>Questions</h2>
        <p>
          If you have questions about cookies or privacy, reach out to our
          support team and we will help you understand your options.
        </p>
      </div>
    </InfoPage>
  );
}