fix: ui

Author: coderz-w

src/app/(app)/(home)/page.tsx

@@ -14,6 +14,7 @@ export default function Home() {
     <div>
       <Hero />
       <BlogCardList />
+      <WindVane />
     </div>
   );
 }
@@ -61,7 +62,7 @@ const Hero = () => {
   const title = {
     template: [
       { type: 'h1', text: `Hi, I'm `, class: ' font-light text-4xl font-900 inline-block' },
-      { type: 'h1', text: `zw`, class: ' font-light text-4xl font-bold inline-block' },
+      { type: 'h1', text: `zw`, class: ' text-4xl font-bold inline-block' },
       {
         type: 'h1',
         text: `👋`,
@@ -244,11 +245,23 @@ const BlogCardList = () => {
   ];
 
   return (
-    <div className=" w-screen mt-10 md:mt-16 flex flex-col gap-y-8 px-8">
-      <span className="text-2xl font-medium leading-loose ml-4 font-mono hidden md:block">
+    <div className=" w-full mt-10 md:mt-16 flex flex-col gap-y-8 px-8">
+      <span className="text-2xl font-medium leading-loose md:ml-4 font-mono hidden gap-x-2 items-center  md:flex">
         最近文章
+        <span className=" i-material-symbols-kid-star-outline cursor-pointer hover:rotate-[720deg] animate-ease-out duration-150" />
       </span>
       <FocusCards cards={cards} />
     </div>
   );
 };
+
+const WindVane = () => {
+  return (
+    <div className=" w-full mt-10 md:mt-16 flex flex-col gap-y-8 px-8">
+      <span className="text-2xl flex justify-center md:justify-start items-center gap-x-2 text-center  font-medium leading-loose md:ml-4 font-mono ">
+        风向标
+        <span className=" i-mingcute-navigation-line cursor-pointer hover:rotate-[360deg] animate-ease-out duration-200" />
+      </span>
+    </div>
+  );
+};