From 69fec139616d01c958a798ec11fc800d17fb8642 Mon Sep 17 00:00:00 2001
From: guru-agent <guru-agent@ideaGuru>
Date: Wed, 6 May 2026 09:01:55 +0000
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BA=86=EF=BC=81=E6=88=91?=
 =?UTF-8?q?=E5=9C=A8=E9=A6=96=E9=A1=B5=E6=B7=BB=E5=8A=A0=E4=BA=86=E4=B8=80?=
 =?UTF-8?q?=E4=B8=AA=E9=86=92=E7=9B=AE=E7=9A=84=E5=AD=A6=E4=B9=A0=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=8D=A1=E7=89=87=EF=BC=8C=E4=BD=8D=E4=BA=8E=20Hero?=
 =?UTF-8?q?=20=E5=8C=BA=E5=9F=9F=E4=B8=8B=E6=96=B9=E3=80=82=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E7=89=B9=E7=82=B9=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- **蓝色渐变背景** - 使用 sky 色调的渐变，突出显示
- **BookOpen 图标** - 白色圆形...

CCB74DBDB8FF-D11F734A31E94D98BACA34E76D60F54E
---
 src/app/page.tsx | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 91763e1..2055f8a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,10 @@ import {
   Database,
   FileCode,
   Zap,
-  ArrowRight
+  ArrowRight,
+  BookOpen
 } from 'lucide-react';
-import  {Button } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
 import {
   Card,
   CardHeader,
@@ -51,6 +52,14 @@ const features = [
   },
 ];
 
+// 学习页面入口
+const studyEntry = {
+  icon: BookOpen,
+  title: '学习中心',
+  description: '查看课程进度，继续学习建造工程师课程',
+  href: '/study'
+};
+
 const containerVariants = {
   hidden : { opacity: 0 },
   visible: {
@@ -95,6 +104,30 @@ export default function Home() {
         </div>
       </motion.section>
 
+      {/* 学习入口 */}
+      <motion.section
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.5, delay: 0.2 }}
+        className="mb-12"
+      >
+        <Card
+          className="cursor-pointer border-sky-200 bg-gradient-to-r from-sky-50 to-blue-50 transition-all hover:shadow-md hover:scale-[1.01]"
+          onClick={() => router.push(studyEntry.href)}
+        >
+          <CardHeader className="flex flex-row items-center gap-4">
+            <div className="flex size-12 shrink-0 items-center justify-center rounded-full bg-sky-500 text-white">
+              <studyEntry.icon className="h-6 w-6" />
+            </div>
+            <div className="flex-1">
+              <CardTitle className="text-lg text-sky-900">{studyEntry.title}</CardTitle>
+              <CardDescription className="text-sky-700">{studyEntry.description}</CardDescription>
+            </div>
+            <ArrowRight className="h-5 w-5 text-sky-500" />
+          </CardHeader>
+        </Card>
+      </motion.section>
+
       {/* Features */}
       <motion.section
         variants={containerVariants}