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) => (