add .

apps/web/src/app/main/courses/components/CourseCard.tsx

@@ -58,24 +58,6 @@ export default function CourseCard({ course }: CourseCardProps) {
 							</Tag>
 						);
 					})}
-					{/* <Tag
-						color="blue"
-						className="px-3 py-1 rounded-full bg-blue-100 text-blue-600 border-0">
-						{course.terms?.[0].name}
-            
-					</Tag>
-
-					<Tag
-						color={
-							course.terms?.[1].name === "入门"
-								? "green"
-								: course.terms?.[1].name === "中级"
-									? "blue"
-									: "purple"
-						}
-						className="px-3 py-1 rounded-full border-0">
-						{course.terms?.[1].name}
-					</Tag> */}
 				</div>
 				<Title
 					level={4}
@@ -90,15 +72,12 @@ export default function CourseCard({ course }: CourseCardProps) {
 							{
 								course?.depts.length > 1 ?`${course.depts[0].name}等`:course.depts[0].name
 							}
-							{/* {course?.depts?.map((dept) => {return dept.name.length > 1 ?`${dept.name.slice}等`: dept.name})} */}
-							{/* {course?.depts?.map((dept)=>{return dept.name})} */}
 						</Text>
 					</div>
 					<span className="text-xs font-medium text-gray-500">
 						{course?.meta?.views ? `观看次数 ${course?.meta?.views}` : null}
 					</span>
 				</div>
-
 				<div className="pt-4 border-t border-gray-100 text-center">
 					<Button
 						type="primary"

apps/web/src/app/main/home/components/CategorySection.tsx

@@ -41,7 +41,7 @@ const CategorySection = () => {
 		window.scrollTo({top: 0,behavior: "smooth",})
 	},[]);
 	return (
-		<section className="py-32 relative overflow-hidden">
+		<section className="py-8 relative overflow-hidden">
 			<div className="max-w-screen-2xl mx-auto px-4 relative">
 				<div className="text-center mb-24">
 					<Title

apps/web/src/app/main/home/components/CoursesSection.tsx

@@ -43,9 +43,9 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
     type: TaxonomySlug.CATEGORY,
   });
   return (
-		<section className="relative py-20 overflow-hidden bg-gradient-to-b from-gray-50 to-white">
+    <section className="relative py-20 overflow-hidden bg-gradient-to-b from-blue-50 to-gray-50 ">
       <div className="max-w-screen-2xl mx-auto px-6 relative">
-				<div className="flex justify-between items-end mb-16">
+        <div className="flex justify-between items-end mb-16 bg-blue-100 rounded-lg p-6">
           <div>
             <Title
               level={2}

apps/web/src/app/main/layout/MainLayout.tsx

@@ -9,7 +9,7 @@ const { Content } = Layout;
 export function MainLayout() {
 	return (
 		<MainProvider>
-			<Layout className="min-h-screen">
+			<Layout className="min-h-screen  bg-gray-100">
 				<MainHeader />
 				<Content className="mt-16 bg-gray-50 ">
 					<Outlet />