解决已知问题

src/app/article/components/Copyright/index.scss

@@ -1,3 +0,0 @@
-.CopyrightComponent {
-    
-}

src/app/article/components/Copyright/index.tsx

@@ -1,15 +1,12 @@
 import { getUserDataAPI } from "@/api/user";
-import "./index.scss"
 
 const Copyright = async () => {
     const { data } = await getUserDataAPI()
 
     return (
-        <div className="CopyrightComponent">
-            <div className="p-3 space-y-2 border-l-[3px] border-primary bg-[#ecf7fe] rounded-md text-sm text-black-b">
-                <p>作者：{data?.name}</p>
-                <p>版权：此文章版权归 {data?.name} 所有，如有转载，请注明出处!</p>
-            </div>
+        <div className="p-3 space-y-2 border-l-[3px] border-primary bg-[#ecf7fe] rounded-md text-sm text-black-b">
+            <p>作者：{data?.name}</p>
+            <p>版权：此文章版权归 {data?.name} 所有，如有转载，请注明出处!</p>
         </div>
     );
 };

src/app/footprint/page.scss

@@ -2,5 +2,4 @@
     padding: 0px;
     margin: 0px;
     width: 100%;
-    height: 100vh;
 }

src/app/friend/components/ApplyForAdd/index.tsx

@@ -76,6 +76,12 @@ export default () => {
               <ModalHeader className="flex flex-col gap-1">申请友链</ModalHeader>
 
               <ModalBody>
+                <div className="mx-auto mb-4 p-3 space-y-2 border-l-[3px] border-primary bg-[#ecf7fe] rounded-md text-sm text-black-b">
+                  <p>1、网站无任何违法乱纪的内容</p>
+                  <p>2、网站文章不少于10篇（防止一时兴起）</p>
+                  <p>3、网站原创内容占 80% (婉拒资源分享、资讯新闻、论坛社区之类的站点)</p>
+                </div>
+
                 <Controller
                   name="title"
                   control={control}

src/app/friend/page.tsx

@@ -1,23 +1,25 @@
 import Link from "next/link";
 import { Metadata } from "next";
 
+import { getWebDataAPI } from "@/api/project";
 import { getWebListAPI, getWebTypeListAPI } from '@/api/web'
 import { Web } from "@/types/app/web";
 
 import Swiper from "@/components/Swiper";
 import Starry from "@/components/Starry";
 import ApplyForAdd from "./components/ApplyForAdd";
+
 import { ToastContainer } from "react-toastify";
 
 export const metadata: Metadata = {
-    title: "朋友圈",
-    description: "Generated by create next app",
+    title: "朋友圈"
 };
 
 export default async () => {
+    const { data: web } = await getWebDataAPI();
     const { data: linkList } = await getWebListAPI()
     const { data: typeList } = await getWebTypeListAPI()
-    
+
     let data: { [string: string]: { order: number, list: Web[] } } = {}
 
     // 给每个数据进行分组处理
@@ -52,6 +54,17 @@ export default async () => {
             </Swiper>
 
             <div className="relative -top-20 xs:-top-20 sm:-top-32 md:-top-36 w-[90%] xl:w-[1200px] p-10 pt-2 mx-auto bg-white dark:bg-black-b border dark:border-black-b rounded-2xl space-y-8 transition-colors">
+                <div>
+                    <h3 className="w-full text-center text-xl p-4 dark:text-white transition-colors">本站信息</h3>
+
+                    <div className="mx-auto p-3 space-y-2 border-l-[3px] border-primary bg-[#ecf7fe] rounded-md text-sm text-black-b">
+                        <p>站点名称：{web.title}</p>
+                        <p>站点介绍：{web.description}</p>
+                        <p>站点图标：{web.favicon}</p>
+                        <p>站点地址：{web.url}</p>
+                    </div>
+                </div>
+
                 {
                     Object.keys(data)?.map((type, index) => (
                         <div key={index}>