feat: update main page and add padding

fix: wrong width

app/page.tsx

@@ -8,9 +8,9 @@ export default function Home() {
     <div className="min-h-screen flex flex-col bg-gray-100">
       <Header />
       <main className="container mx-auto p-4 flex-grow">
-        <section className="text-center mb-12">
+        <section className="text-center mb-12 max-md: max-w-2xl mx-auto">
           <h2 className="text-4xl font-extrabold text-gray-900">智能计算实验室简介</h2>
-          <p className="text-xl text-gray-600 mt-4">这里是实验室的基本信息简介，阿巴阿巴阿巴。</p>
+          <p className="text-xl text-gray-600 mt-4 text-left">　　在物理的世界里，粒子有形形色色的活法，有的粒子很轻，终生不为人所注意；有的粒子会一鸣惊人，在湮灭时释放出大量的光；有的粒子狡黠善变，一辈子不停地改变身份，时时刻刻要成为别的粒子；但有的粒子一生稳定，怀揣着出发时得到的巨大能量，一生孤独而平静地飞行，只活在自己的轨道里。</p>
         </section>
         <section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
           {websites.map((website, index) => (

components/footer.tsx

@@ -1,7 +1,9 @@
 export default function Footer() {
   return (
-    <footer className="container w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
+    <footer className="w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
-      <div>© {new Date().getFullYear()} 智能计算实验室 · Designed by LufsX.</div>
+      <div className="container mx-auto">
+        <div>© {new Date().getFullYear()} 智能计算实验室 · Designed by LufsX.</div>
+      </div>
     </footer>
   );
 }

components/header.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export default function Header() {
   return (
-    <header className="home-header w-full bg-white shadow flex">
+    <header className="home-header px-4 w-full bg-white shadow flex sm:px-8">
       <nav className="container mx-auto flex justify-between items-center">
         <div className="flex items-center">
           <Link href="/">

data/contacts.tsx

@@ -1,19 +1,19 @@
 export const contacts = [
   {
     name: "张三",
-    describe: "实验室主任",
+    describe: "实验室主任，不会你以为真的就叫这个名字吧？不会吧不会吧？",
     email: "zhangsan@example.com",
     phone: "1234567890",
   },
   {
     name: "李四",
-    describe: "实验室副主任",
+    describe: "实验室副主任。这仅仅只是示例数据，实际上也只能阿巴阿巴。",
     email: "lisi@example.com",
     qq: "1234567890",
   },
   {
     name: "王五",
-    describe: "实验室秘书",
+    describe: "实验室秘书。假的，全是假的！",
     email: "wangwu@example.com",
     qq: "1234567890",
     phone: "1234567890",

data/urls.tsx

@@ -5,11 +5,17 @@ export const websites = [
     description: "实验室 Git 服务。",
     link: "https://git.intcplab.cn",
   },
+  {
+    icon: "./img/gitea.svg",
+    title: "机器学习课程",
+    description: "机器学习课程的配套资源。",
+    link: "https://git.intcplab.cn/yuhuapeng/Machine-Learning-in-Python",
+  },
   {
     icon: "./img/bbs.svg",
     title: "实验室论坛",
     description: "只是一个假的论坛。",
-    link: "https://website2.example.com",
+    link: "https://bbs.intcplab.cn",
   },
   {
     icon: "./img/unknow.svg",