text: import { Grid } from '@freecodecamp/react-bootstrap';
  import PropTypes from 'prop-types';
  import React from 'react';
  import Helmet from 'react-helmet';
  import { useTranslation } from 'react-i18next';
  
  import AsSeenIn from './components/as-seen-in';
  import Certifications from './components/certifications';
  import LandingTop from './components/landing-top';
  import Testimonials from './components/testimonials';
  
  import './landing.css';
  
  const propTypes = {
    page: PropTypes.string
  };
  
  export const Landing = ({ page = 'landing' }) => {
    const { t } = useTranslation();
  
    return (
      <>
        <Helmet>
          <title>{t('metaTags:title')}</title>
        </Helmet>
        <main className='landing-page'>
          <Grid>
            <LandingTop pageName={page} />
          </Grid>
          <Grid fluid={true}>
            <AsSeenIn />
          </Grid>
          <Grid>
            <Testimonials />
            <Certifications />
          </Grid>
        </main>
      </>
    );
  };
  
  Landing.displayName = 'Landing';
  Landing.propTypes = propTypes;
  export default Landing;
  