
import React from 'react';
import { useTranslation } from 'react-i18next';

const Footer: React.FC = () => {
  const { t } = useTranslation();
  return (
    <footer className="landing-footer">
      <div className="footer-content">
        <div className="footer-left">
          <img src="/assets/images/ado2-sidebar-logo.svg" alt="ADO2" className="footer-logo" />
          <p className="footer-copyright">Copyright ⓒ O2O Inc. All rights reserved</p>
          <div className="footer-links">
            <a href="https://demo.castad.net/privacy.html" rel="noopener noreferrer" className="footer-link">{t('footer.privacyPolicy')}</a>
            <span className="footer-link-divider">|</span>
            <a href="https://demo.castad.net/terms.html" rel="noopener noreferrer" className="footer-link">{t('footer.termsOfService')}</a>
          </div>
        </div>
        <div className="footer-right">
          <p className="footer-info">{t('footer.company')}</p>
          <p className="footer-info">{t('footer.businessNumber')}</p>
          <p className="footer-info">{t('footer.headquarters')}</p>
          <p className="footer-info">{t('footer.researchCenter')}</p>
          <p className="footer-info">{t('footer.phone')}</p>
          <p className="footer-info">{t('footer.email')}</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
