diff --git a/apps/web/src/app/main/home/components/CategorySection.tsx b/apps/web/src/app/main/home/components/CategorySection.tsx
index f7b3340..4d8a7f4 100755
--- a/apps/web/src/app/main/home/components/CategorySection.tsx
+++ b/apps/web/src/app/main/home/components/CategorySection.tsx
@@ -41,7 +41,7 @@ const CategorySection = () => {
 				</div>
 				<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
 					{isLoading ? (
-						<Skeleton></Skeleton>
+						<Skeleton paragraph={{rows:4}}></Skeleton>
 					) : (
 						courseCategoriesData.map((category, index) => {
 							const categoryColor = stringToColor(category.name);
diff --git a/apps/web/src/app/main/home/components/CoursesSection.tsx b/apps/web/src/app/main/home/components/CoursesSection.tsx
index bc2e5a4..6bd8858 100755
--- a/apps/web/src/app/main/home/components/CoursesSection.tsx
+++ b/apps/web/src/app/main/home/components/CoursesSection.tsx
@@ -1,7 +1,5 @@
 import React, { useState, useMemo } from "react";
-import { useNavigate } from "react-router-dom";
-import { Button, Typography, Skeleton } from "antd";
-import { ArrowRightOutlined } from "@ant-design/icons";
+import {  Typography, Skeleton } from "antd";
 import { TaxonomySlug, TermDto } from "@nice/common";
 import { api } from "@nice/client";
 import { CoursesSectionTag } from "./CoursesSectionTag";
@@ -40,7 +38,6 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
 	description,
 	initialVisibleCoursesCount = 8,
 }) => {
-	const navigate = useNavigate();
 	const [selectedCategory, setSelectedCategory] = useState<string>("全部");
 	const gateGory: GetTaxonomyProps = useGetTaxonomy({
 		type: TaxonomySlug.CATEGORY,