feat: 备案号

messages/zh.json

@@ -3,7 +3,7 @@
     "lang": "en",
     "language": "简体中文",
     "languageInChineseSimple": "简体中文",
-    "title": "SoraWebui",
+    "title": "智能学习",
     "description": "SoraWebui 是一个开源平台，使用户能够使用 OpenAI 的 Sora 模型轻松地从文本创建视频。",
     "loadingText": "加载中...",
     "generateText": "生成中...",

src/components/Footer.tsx

@@ -3,18 +3,18 @@ import Link from "next/link";
 
 const navigation = {
   product: [
-    {name: 'SoraWebui', href: 'https://sorawebui.com'}
+    { name: 'SoraWebui', href: 'https://sorawebui.com' }
   ],
   legal: [
-    {name: 'Privacy Policy', href: '/privacy-policy'},
-    {name: 'Terms & Conditions', href: '/terms-of-service'},
+    { name: 'Privacy Policy', href: '/privacy-policy' },
+    { name: 'Terms & Conditions', href: '/terms-of-service' },
   ]
 }
 
 export default function Footer({
-                                 locale = '',
-                                 description = ''
-                               }) {
+  locale = '',
+  description = ''
+}) {
   return (
     <footer className="bg-[#020d24]" aria-labelledby="footer-heading">
       <div id="footer-heading" className="sr-only">
@@ -36,12 +36,13 @@ export default function Footer({
               {description}
             </p>
           </div>
+
+
           <div className="mt-2 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
             <div className="md:grid md:grid-cols-2 md:gap-8">
               <div>
                 <div className="text-sm font-semibold leading-6 text-white"></div>
                 <ul role="list" className="mt-6 space-y-4">
-
                 </ul>
               </div>
               <div className="mt-10 md:mt-0">
@@ -51,41 +52,43 @@ export default function Footer({
                 </ul>
               </div>
             </div>
+
             <div className="md:grid md:grid-cols-2 md:gap-8">
               <div>
                 <div className="text-sm font-semibold leading-6 text-white">Product</div>
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.product.map((item) => {
-                      return (
-                        <li key={item.name}>
-                          <Link href={`${item.href}`}
-                                target={"_blank"}
-                                className="text-sm leading-6 text-gray-300 hover:text-[#2d6ae0]">
-                            {item.name}
-                          </Link>
-                        </li>
-                      )
-                    }
+                    return (
+                      <li key={item.name}>
+                        <Link href={`${item.href}`}
+                          target={"_blank"}
+                          className="text-sm leading-6 text-gray-300 hover:text-[#2d6ae0]">
+                          {item.name}
+                        </Link>
+                      </li>
+                    )
+                  }
                   )}
                 </ul>
               </div>
+
               <div className="mt-10 md:mt-0">
                 <div className="text-sm font-semibold leading-6 text-white">Legal</div>
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.legal.map((item) => {
-                      let hrefTo = `/${locale}${item.href}`;
-                      if (locale == 'en') {
-                        hrefTo = `${item.href}`;
-                      }
-                      return (
-                        <li key={item.name}>
-                          <Link href={`${hrefTo}`}
-                                className="text-sm leading-6 text-gray-300 hover:text-[#2d6ae0]">
-                            {item.name}
-                          </Link>
-                        </li>
-                      )
+                    let hrefTo = `/${locale}${item.href}`;
+                    if (locale == 'en') {
+                      hrefTo = `${item.href}`;
                     }
+                    return (
+                      <li key={item.name}>
+                        <Link href={`${hrefTo}`}
+                          className="text-sm leading-6 text-gray-300 hover:text-[#2d6ae0]">
+                          {item.name}
+                        </Link>
+                      </li>
+                    )
+                  }
                   )}
                 </ul>
               </div>
@@ -93,6 +96,21 @@ export default function Footer({
           </div>
         </div>
       </div>
+
+      <div className="mx-auto max-w-7xl px-6 py-4">
+        <div className="mt-2 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
+        </div>
+        <div className="mt-10 md:mt-0">
+          <div>
+          {/* align="center" */}
+              <div className="text-sm font-semibold leading-6 text-white " style={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+        }} >蜀ICP备2024057100号</div>
+          </div>
+        </div>
+      </div>
     </footer>
   )
 }