{"version":3,"file":"static/js/990.be23006a.chunk.js","mappings":"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","sources":["components/Footer.jsx"],"sourcesContent":["import axios from 'axios';\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom'\nimport Loader from './common/Loader';\nimport { faFacebook, faInstagram, faLinkedin, faTiktok, faXTwitter, faYoutube } from '@fortawesome/free-brands-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport headerLogo from \"../utils/images/logo.png\";\nimport orangetick from \"../utils/images/orange_tick.png\";\nimport orangeround from \"../utils/images/orange_round_tick.png\";\n\nconst Footer = () => {\n\n  const [footerData, setFooterData] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(null);\n  const { i18n, t } = useTranslation();\n  useEffect(() => {\n    const fetchFooterData = async () => {\n      try {\n        setLoading(true);\n        const response = await axios.get(process.env.REACT_APP_API_KEY + '/api/global-settings/show');\n        setFooterData(response.data.data);\n        setLoading(false);\n      } catch (err) {\n        setError('Failed to fetch footer data');\n        setLoading(false);\n      }\n    };\n\n    fetchFooterData();\n  }, []);\nconsole.log('foo1terDatafoot1erDatafoot1erDatafoo1terData', footerData);\n  if (loading) return <Loader />;\n  if (error) return <p>{error}</p>;\n\n\n  return (\n    <>\n    {/* <footer className=\"footer-main\">\n  <div className=\"container\">\n    <div className=\"footer-inner d-flex align-items-start justify-content-between\">\n      <div className=\"footer-logo-main\">\n        <a className=\"footer-logo d-flex align-items-center\">\n          <span className=\"logo-left\">\n            <img src=\"/assets/img/logo-left.svg\" alt=\"logo-left\" loading=\"lazy\" width={32} height={32} />\n          </span>\n          <span className=\"logo\">\n            <img src=\"/assets/img/logo.svg\" alt=\"logo\" loading=\"lazy\" width={145} height={24}/>\n          </span>\n        </a>\n      </div>\n      <div className=\"footer-menu d-flex align-items-start justify-content-between\">\n        <div className=\"footer-block\">\n          <h3>Use cases</h3>\n          <ul>\n          {i18n?.language === \"en\" && \n            <>\n            <li>\n              <Link to={`/background-music`}>{t('footer_background_music')}</Link>\n            </li>\n            <li>\n            <Link to=\"/music-for\">{t('footer_music_for')}</Link>\n          </li>\n          </>\n            }\n          <li>\n            <Link to=\"/non-copyright-music\">{t('footer_non_copyright_music')}</Link> \n          </li>\n          \n            \n          </ul>\n        </div>\n        <div className=\"footer-block\">\n          <h3>{t('footer_solutions')}</h3>\n          <ul>\n            <li>\n              <Link to=\"/music\">{t('footer_royalty_free_music')}</Link>\n            </li>\n            <li>\n              <Link to=\"/licenses\">{t('footer_licenses')}</Link>\n            </li>\n            <li>\n              <Link to=\"/blog\">{t('footer_blog')}</Link>\n            </li>\n          </ul>\n        </div>\n        <div className=\"footer-block\">\n          <h3>{t('footer_company')}</h3>\n          <ul>\n            <li>\n              <Link to=\"/about-us\">{t('footer_about')}</Link>\n            </li>\n            <li>\n              <Link to=\"/contact\">{t('footer_contact_us')}</Link>\n            </li>\n          </ul>\n        </div>\n        <div className=\"footer-block\">\n          <h3>{t('footer_legal')}</h3>\n          <ul>\n            <li>\n              <Link to=\"/license-terms\">{t('footer_license_terms')}</Link>\n            </li>\n            <li>\n              <Link to=\"/privacy\">{t('footer_privacy_policy')}</Link>\n            </li>\n            <li>\n              <Link to=\"/terms\">{t('footer_terms_of_use')}</Link>\n            </li>\n            <li>\n              <Link to=\"/press\">{t('footer_press')}</Link>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n    <div className=\"need-help d-flex align-items-center justify-content-between\">\n      <div className=\"help-txt\">\n        <h4>{t('footer_title')}</h4>\n        <p>{t('footer_description')}</p>\n      </div>\n      <Link to=\"/contact\" className=\"btn btn-primary\">\n      {t('footer_contact')}\n      </Link>\n    </div>\n\n\n    <div className=\"copyright-sec d-flex align-items-center justify-content-between\">\n          <p>{footerData?.copyright_text}</p>\n          <div className=\"social-links\">\n            <Link to={footerData?.twitter_link} target=\"_blank\" rel=\"noopener noreferrer\">\n              <i className=\"fa-brands fa-x-twitter\" style={{ fontSize: '24px' }}/>\n            </Link>\n            <Link to={footerData?.youtube_link} target=\"_blank\" rel=\"noopener noreferrer\">\n              <i className=\"fa-brands fa-youtube\" style={{ fontSize: '24px' }}/>\n            </Link>\n            <Link to={footerData?.soundcloud_link} target=\"_blank\" rel=\"noopener noreferrer\">\n              <i className=\"fa-brands fa-soundcloud\" style={{ fontSize: '24px' }} />\n            </Link>\n            <Link to={footerData?.linkedin_link} target=\"_blank\" rel=\"noopener noreferrer\">\n              <i className=\"fa-brands fa-linkedin\" style={{ fontSize: '24px' }}/>\n            </Link>\n          </div>\n        </div>\n    \n  </div>\n    </footer> */}\n          <footer className='footer'>\n        <div className='footer_top'>\n          <div className=\"container_fluid\">\n            <div className='footer_top_inner'>\n              <div className='footer_left'>\n                <Link to=\"/\" className='footer_logo'><img src={headerLogo} /></Link>\n                <ul className='footer_social'>\n                  <li><Link to={footerData?.instagram_link} target=\"_blank\" rel=\"noopener noreferrer\"> <FontAwesomeIcon icon={faInstagram} /></Link></li>\n                  <li><Link to={footerData?.youtube_link} target=\"_blank\" rel=\"noopener noreferrer\"><FontAwesomeIcon icon={faYoutube} /></Link></li>\n                  <li><Link to={footerData?.tiktok_link} target=\"_blank\" rel=\"noopener noreferrer\"><FontAwesomeIcon icon={faTiktok} /></Link></li>\n                  <li><Link to={footerData?.facebook_link} target=\"_blank\" rel=\"noopener noreferrer\"><FontAwesomeIcon icon={faFacebook} /></Link></li>\n                  <li><Link to={footerData?.twitter_link} target=\"_blank\" rel=\"noopener noreferrer\"><FontAwesomeIcon icon={faXTwitter} /></Link></li>\n                  <li><Link to={footerData?.linkedin_link} target=\"_blank\" rel=\"noopener noreferrer\"><FontAwesomeIcon icon={faLinkedin} /></Link></li>\n                </ul>\n                <p>{t(\"legis_music_copyright_text\")}</p>\n              </div>\n              <div className='footer_right'>\n                <h4>{t(\"helpfullInfoText\")}</h4>\n                <ul>\n                  <li><Link to=\"/terms\">{t(\"tncText\")}</Link></li>\n                  <li><Link to=\"/contact\">{t(\"bredcumb_Contact\")}</Link></li>\n                  <li><Link to=\"/privacy\">{t(\"policiiesBtn\")}</Link></li>\n                  <li><Link to=\"/pricing\">{t(\"footer_pricing\")}</Link></li>\n                  {/* <li><Link to=\"/\">Media Kit</Link></li> */}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className='footer_bottom'>\n          <div className='container_fluid'>\n            <div className='footer_bottom_inner'>\n              <ul>\n                <li>{t(\"royalty_free_music_footer_text\")}</li>\n                <li><img src={orangeround} alt='' /></li>\n                <li>{t(\"licence_expires_text\")}</li>\n                <li><img src={orangeround} alt='' /></li>\n                <li>{t(\"automated_copyright_text\")}</li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  )\n}\n\nexport default Footer"],"names":["Footer","footerData","setFooterData","useState","loading","setLoading","error","setError","i18n","t","useTranslation","useEffect","async","response","axios","get","process","data","err","fetchFooterData","console","log","_jsx","Loader","children","_Fragment","_jsxs","className","Link","to","src","headerLogo","instagram_link","target","rel","FontAwesomeIcon","icon","faInstagram","youtube_link","faYoutube","tiktok_link","faTiktok","facebook_link","faFacebook","twitter_link","faXTwitter","linkedin_link","faLinkedin","orangeround","alt"],"sourceRoot":""}