import React, { Component } from 'react';
import './Footer.scss';
import SubscribeButton from '../components/SubscribeButton';
import FeedbackButtons from '../components/FeedbackButtons';
import { useLocation } from '@reach/router';
import tsLogo from '../components/images/testsigma-logo-v3-dark.svg';

const Footer = () => {
  const { pathname } = useLocation();
  const pathRoute = pathname.slice(0, -1);
  return (
    <>
      <FeedbackButtons />
      {/* <SubscribeButton /> */}
      <div className='footer-cta rounded'>
        <div className='flex items-center justify-between flex-wrap'>
          <h3 className='cta-heading m-0'>
            Learn how to execute low code tests across 3000+ device / browser
            environments.
          </h3>
          <a
            href='/request-demo'
            target={'_blank'}
            className='cta-link border border-primary_teal_green px-4 py-1.5 base-teal-gradient text-white rounded h-10'
          >
            Schedule a free demo
          </a>
        </div>
      </div>
      <div className='footer_greyBox'>
        <img src={tsLogo} alt='Testsigma' />
        <p>Want to contribute or report missing content?</p>
        <div className='p_flex'>
          <p className='right_border'>
            <a
              href={`https://github.com/testsigmahq/testsigma-tutorials/blob/dev/src/pages${pathRoute}.md`}
              target='_blank'
            >
              edit this page on github{' '}
            </a>
          </p>
          <p className='right_border'>
            <a
              href='https://github.com/testsigmahq/testsigma-tutorials/blob/dev/CONTRIBUTING.md'
              target='_blank'
            >
              contributing guidelines{' '}
            </a>
          </p>
          <p>
            <a
              href='https://github.com/testsigmahq/testsigma-tutorials/issues/new/choose'
              target='_blank'
            >
              report an issue
            </a>
          </p>
        </div>
        <p className='p_0'>
          <a href='https://github.com/testsigmahq/testsigma' target='_blank'>
            {' '}
            Testsigma{' '}
          </a>{' '}
          is open source.{' '}
          <a
            href='https://github.com/testsigmahq/testsigma/blob/main/LICENSE'
            className='link_underline'
            target='_blank'
          >
            See license
          </a>
        </p>
      </div>
      <div className='footer_text'>
        <div className='flex_item'>
          <p>
            <a href='https://testsigma.com/' target='_blank'>
              {' '}
              www.testsigma.com{' '}
            </a>
          </p>
        </div>
        <div className='flex_item'>
          <p className='text_end'>
            ©2023 Copyright , Testsigma Technologies Inc
          </p>
        </div>
      </div>
    </>
  );
};

export default Footer;