text: import React from "react"
  import SectionSlant from "../toolbox/section_slant"
  import Particles from "react-particles-js"
  import Fade from "react-reveal/Fade"
  import style from "../../styles/sections/landing_quote.module.scss"
  
  const LandingQuoteOne = () => (
    <SectionSlant colorOne={"#f5f5f5"} colorTwo={"#212121"} inverted>
      <Particles 
        className={style.particles}
        canvasClassName={style.particle_wrapper}
        params={{
          "fps_limit": 60,
          "particles": {
            "number": {
              "value": 35
            },
            "size": {
              "random": true,
              "value": 6
            },
            "collisions": {
              "enable": false
            },
            "line_linked": {
              "enable": true,
              "distance": 200,
              "opacity": 1
            },
          },
          "retina_detect": true,
          "interactivity": {
            "events": {
              "onhover": {
                "enable": false,
              }
            }
          },
        }} 
      />
      <Fade bottom>
        <div className={style.content}>
          <div className={style.quote_inverted}>{"💸 "}<em>{"Completely free, forever"}</em>{" 💸"}</div>
        </div>
      </Fade>
    </SectionSlant>
  )
  
  export default LandingQuoteOne
  