text: import React, { Component } from "react";
  import Fade from "react-reveal";
  
  class Data extends Component {
    render() {
  
      const title1 = "DATA COLLECTION";
      const p1 = "You will be presented with a few short surveys at the beginning and end of the trial, as well as a regular check-in survey every week. The surveys take only a few minutes to complete. You will not be asked to provide any personal or identifiable information or data. All answers will be anonymous and reported in aggregate only. Analytics and usage statistics will be gathered from the users of the app, but never linked to your unique device or any other Personally Identifiable Information (PII). Any collected data will be stored on a secure server in North America.";
      const p2 = "By continuing to use this app you give your informed consent and allow your anonymous data to be collected and used for this research. ";
  
      // const p1 = "No PII (Personally Identifiable Information) is ever collected.";
      // const p2 = "Collected data is stored on a secure Google Cloud SQL Server in North America for the duration of this research and will be deleted within a year of completing the defense.";
  
      const title2 = "Completely Anonymous";
      const p3 = "All participants are anonymous. There are no avatars, no nick names, no registration emails, just anonymous participation. Your app is only identified by a random unique ID, which is what's linked to your activity and survey responses.";
      const p4 = "There is no way for me to identify any participant or link them to any individual. The only permission the app requires is access to the Activity data to track steps for the pedometer feature.";
  
      const title3 = "Only for Research";
      const p5 = "This app is for research only. There's no ads, no tracking, no monetization. No data is shared with anyone except the research team.";
  
      return (
        <section id="data">
          <Fade duration={1000}>
            <div className="row">
              <div className="three columns">
                &nbsp;
              </div>
              <div className="nine columns main-col">
                <h2>{title1}</h2>
                <p>{p1}</p>
                <p><b>{p2}</b></p>
  
                <h2>{title2}</h2>
                <p>{p3}</p>
                <p>{p4}</p>
  
                <h2>{title3}</h2>
                <p>{p5}</p>
              </div>
            </div>
          </Fade>
        </section>
      );
    }
  }
  
  export default Data;
  