feat: home-page basic

apps/fronted/src/app/page.tsx

@@ -1,11 +1,23 @@
 import Image from "next/image";
 import { Button } from "@/components/ui/button";
-
+import { CircleArrowRight } from "lucide-react";
+import IconLogo from "@/assets/images/logo@2x.svg";
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div>魔方简历</div>
-      <Button>开始使用</Button>
+    <main className="flex min-h-screen flex-col items-center  p-[24px]">
+      <header className="flex justify-between w-[100%]">
+        <div>
+          <Image src={IconLogo} alt="logo"></Image>
+        </div>
+        <Button>前往工作台</Button>
+      </header>
+      <section className="flex flex-col items-center">
+        <h1 className="text-[48px]">极度自由的在线简历编辑器</h1>
+        <Button className="w-[160px] text-[18px] mt-[36px]">
+          开始使用 <CircleArrowRight className="ml-[10px]" />
+        </Button>
+      </section>
+      <div className="w-[900px] h-[500px] bg-[red] mt-[60px] rounded-[32px]"></div>
     </main>
   );
 }