/ packages / frontend / src / components / CookieNotice.tsx
CookieNotice.tsx
  1  import BackButton from "./common/BackButton.tsx";
  2  
  3  export default function Cookies() {
  4    return (
  5      <main className="px-4 flex justify-center">
  6        <section className="md:w-[800px] w-full">
  7          <BackButton />
  8          <h1 className="py-3">
  9            Cookie Notice
 10          </h1>
 11          <section className="mt-2 flex flex-col gap-1 bg-white p-5 rounded-lg">
 12            <p>
 13              This Cookie Notice applies to Mass Labs and Mass Market websites
 14              including their subdomains{" "}
 15              <em>(“Websites”)</em>. We use cookies to provide a smooth browsing
 16              experience, enable functionality, understand how the Websites are
 17              used and track the success of our marketing campaigns. We use the
 18              privacy-focused web analytics tool, Matomo Analytics, to power our
 19              tracking and analysis.
 20            </p>
 21            <p>
 22              Below we explain the types of tracking tools we use and why we use
 23              them. The processing of personal data is described in our Privacy
 24              Policy.
 25            </p>
 26            <p>
 27              Where we use cookies or similar tools that require your consent, we
 28              will ask you for consent via a consent banner.
 29            </p>
 30            <h2 className="my-3">
 31              1. Cookies we use
 32            </h2>
 33            <h3>
 34              a. Strictly Necessary or Essential
 35            </h3>
 36            <p>
 37              Strictly necessary cookies are essential for the website to function
 38              and cannot be declined. We currently do not use any strictly
 39              necessary or essential cookies.
 40            </p>
 41  
 42            <h3>b. Analytics - Audience Measurement Tools</h3>
 43            <p>
 44              By default, we only use audience measurement tools to measure
 45              performance, detect navigation problems, optimise technical
 46              performance and usability of our websites, estimate the necessary
 47              server capacity and to analyse viewed content, etc. For audience
 48              measurement, we use Matomo Analytics. We do not use Google. Matomo
 49              Analytics uses first-party cookies and JavaScript trackers for
 50              audience measurement purposes to produce anonymous statistical data
 51              and exclusively on our own behalf. First-party cookies are set by
 52              the domain you are visiting. They do not track your activity across
 53              different domains and they are not shared with external domains or
 54              third parties.
 55            </p>
 56            <p>
 57              Matomo cookies:
 58            </p>
 59            <table className="text-[9px] md:text-sm text-center my-5 border-collapse border border-gray-300">
 60              <thead>
 61                <tr>
 62                  <th className="border border-gray-300 p-2">Name</th>
 63                  <th className="border border-gray-300 p-2 w-[130px]">
 64                    Data recipient
 65                  </th>
 66                  <th className="border border-gray-300 p-2">Purpose</th>
 67                  <th className="border border-gray-300 p-2">
 68                    Max. storage duration
 69                  </th>
 70                </tr>
 71              </thead>
 72              <tbody>
 73                <tr>
 74                  <td className="border border-gray-300 p-2">pk-id</td>
 75                  <td className="border border-gray-300 p-2">Mass Labs</td>
 76                  <td className="border border-gray-300 p-2">
 77                    To store a unique visitor ID.
 78                  </td>
 79                  <td className="border border-gray-300 p-2">13 months</td>
 80                </tr>
 81                <tr>
 82                  <td className="border border-gray-300 p-2">-pk-ses</td>
 83                  <td className="border border-gray-300 p-2">Mass Labs</td>
 84                  <td className="border border-gray-300 p-2">
 85                    Session cookie used to temporarily store data for the visit to
 86                    link actions performed during the session (e.g., page views,
 87                    downloads, events) to a unique visit, allowing Matomo to
 88                    accurately attribute these actions to a single session.
 89                  </td>
 90                  <td className="border border-gray-300 p-2">30 minutes</td>
 91                </tr>
 92                <tr>
 93                  <td className="border border-gray-300 p-2">-pk-ref</td>
 94                  <td className="border border-gray-300 p-2">Mass Labs</td>
 95                  <td className="border border-gray-300 p-2">
 96                    Cookie used to store the attribution information; the referrer
 97                    initially used to visit the website.
 98                  </td>
 99                  <td className="border border-gray-300 p-2">6 months</td>
100                </tr>
101                <tr>
102                  <td className="border border-gray-300 p-2">-pk-cvar</td>
103                  <td className="border border-gray-300 p-2">Mass Labs</td>
104                  <td className="border border-gray-300 p-2">
105                    Session cookie used to temporarily store data for the visit.
106                  </td>
107                  <td className="border border-gray-300 p-2">30 minutes</td>
108                </tr>
109                <tr>
110                  <td className="border border-gray-300 p-2">-pk-hsr</td>
111                  <td className="border border-gray-300 p-2">Mass Labs</td>
112                  <td className="border border-gray-300 p-2">
113                    The -pk-hsr cookie temporarily stores data to determine which
114                    areas of a webpage visitors interact with most. The cookie
115                    also captures the session recording process for the start,
116                    continuation, and end of session recordings, ensuring the data
117                    is linked to a specific visit.
118                  </td>
119                  <td className="border border-gray-300 p-2">30 minutes</td>
120                </tr>
121                <tr>
122                  <td className="border border-gray-300 p-2">-pk-testcookie</td>
123                  <td className="border border-gray-300 p-2">Mass Labs</td>
124                  <td className="border border-gray-300 p-2">
125                    Temporary cookie to check if a visitor's browser supports
126                    cookies (set in Internet Explorer only).
127                  </td>
128                  <td className="border border-gray-300 p-2">
129                    Temporary cookie that expires almost immediately after being
130                    set.
131                  </td>
132                </tr>
133              </tbody>
134            </table>
135            <p>Our cookies process the following data:</p>
136            <ul className="pl-4">
137              <li>• IP address</li>
138              <li>• Date and time of the request</li>
139              <li>• Title of the page being viewed (Page Title)</li>
140              <li>• URL of the page being viewed (Page URL)</li>
141  
142              <li>
143                • URL of the page that was viewed prior to the current page
144                (Referrer URL)
145              </li>
146              <li>• Screen resolution being used</li>
147              <li>• Time in local user's time zone</li>
148              <li>
149                • Files that were clicked and downloaded ( Downloads)
150              </li>
151              <li>
152                • Links to an outside domain that were clicked ( Outlink)
153              </li>
154              <li>
155                • Pages generation time (the time it takes for webpages to be
156                generated by the webserver and then downloaded by the user: Page
157                speed).
158              </li>
159              <li>
160                • Location of the user: country, region, city ( Geolocation)
161              </li>
162              <li>
163                • Main Language of the browser being used - User Agent of the
164                browser being used
165              </li>
166            </ul>
167  
168            <h2 className="my-3">2. Managing cookie preferences</h2>
169            <p>
170              If necessary, we will ask for your consent to the use of certain
171              cookies described in this Cookie Notice when you access the
172              Websites. If so, a banner will appear when you first visit our
173              website informing you of the use of such cookies. If you reject the
174              cookies, we will not set any cookies on your device other than those
175              for which consent is not required or those that are strictly
176              necessary (including a cookie to indicate that you do not accept the
177              cookies to be set when you visit the website).
178            </p>
179            <p>
180              <b>In your browser settings:</b>{" "}
181              You can also deactivate cookies by changing the settings of your
182              website browser so that cookies are rejected. How to do this depends
183              on the browser you are using. All modern browsers allow you to
184              change your cookie settings, which can usually be found in the
185              Options or Preferences menu of your browser. Use the Help option in
186              your browser for guidance. Please note that disabling cookies may
187              impact the functionality of some websites and therefore limit your
188              user experience.
189            </p>
190            <h2 className="my-3">3. Contact</h2>
191            <p>
192              If you have any questions about this Cookie Notice, please email us
193              at <b>info@mass.market.</b>
194            </p>
195  
196            <em className="mt-3">Published 12th May 2025</em>
197          </section>
198        </section>
199      </main>
200    );
201  }