Add new home page (#68)

* 🚧 add component in the first one-file-theme

* 🚧 Minor component updates

* 🔧 Update category previews generation and enhance package scripts

* ✨ 🚧 add work in progress new components

* 🔧 Update Next.js version, add new home page, and replace deprecated components

* 🎨 rename releaseDateCategory to latestUpdateDate

apps/website/package.json

@@ -21,7 +21,7 @@
     "fs-extra": "11.2.0",
     "lucide-react": "^0.468.0",
     "motion": "^11.14.1",
-    "next": "15.1.0",
+    "next": "15.1.1",
     "next-mdx-remote": "5.0.0",
     "next-themes": "0.4.4",
     "path": "0.12.7",

apps/website/src/app/(site)/[section]/page.tsx

@@ -1,11 +1,11 @@
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { MainMenuCardContent } from "#/src/app/card";
 import MenuSectionWrapper from "#/src/components/main-menus/menu-category-wrapper";
 import { MainMenusGradientCard } from "@cuicui/ui/cuicui/other/cursors/dynamic-cards/gradient-card";
 
 import { sectionList } from "@/section-list";
 import { newFindSectionBySlug } from "#/src/utils/section-category-components-utils/section-list-utils";
+import { getCategoryPreviewBySlug } from "#/src/features/preview-category/utils/render-preview-category";
 
 type Props = {
   params: Promise<{ section: string }>;
@@ -48,10 +48,9 @@ export default async function Page({ params }: Props) {
                 description={category.meta.description}
                 title={category.meta.name}
               >
-                <MainMenuCardContent
-                  slugCategory={category.slug}
-                  isComingSoon={category.meta.isComingSoon}
-                />
+                <div className="flex items-center justify-center size-full gap-2 py-4 px-12">
+                  {getCategoryPreviewBySlug(category)}
+                </div>
               </MainMenusGradientCard>
             </Link>
           );