fe/components/common/Footer/index.tsx

import Link from "next/link";
import useStore from "libs/hooks/useStore";

export default function Footer() {
  const {
    siteConfig: { siteName, host },
  } = useStore();

  return (
    <footer className="footer">
      <div className="container">
        <Link href="/" className="logo" title={siteName}>
          <img src="/logo.svg" alt={siteName} />
          <span>NovelDit</span>
        </Link>
        <p className="copyright">
          Copyright ©{" "}
          <Link href={`https://${host}`} title={siteName}>
            {siteName}
          </Link>{" "}
          {new Date().getFullYear()}. All rights reserved.
        </p>
        <div className="links">
          <Link href="/privacy-policy">Privacy policy</Link>
        </div>
      </div>
    </footer>
  );
}