feature： 剥离主题目录

themes/NEXT/components/ContactButton.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import Link from 'next/link'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faInfo } from '@fortawesome/free-solid-svg-icons'
+
+/**
+ * 悬浮在屏幕右下角,联系我的按钮
+ * @returns {JSX.Element}
+ * @constructor
+ */
+const ContactButton = () => {
+  return (
+    <Link href='/about'>
+      <a className={'fixed right-10 bottom-40 animate__fadeInRight animate__animated animate__faster'}>
+      <span
+        className='dark:bg-black bg-white px-5 py-3 cursor-pointer shadow-card text-xl hover:bg-blue-500 transform duration-200 hover:text-white hover:shadow'>
+        <FontAwesomeIcon icon={faInfo} className='dark:text-gray-200 ' title='about' />
+      </span>
+      </a>
+    </Link>
+  )
+}
+
+export default ContactButton