refactor: Migrate documentation content, rebuild UI components, and update core architecture.

This commit is contained in:
gitfromwildan
2026-03-10 01:38:58 +07:00
parent aac81dff8a
commit ab755844a3
132 changed files with 3947 additions and 12862 deletions

View File

@@ -1,5 +1,5 @@
import { buttonVariants } from "@/components/ui/button";
import { page_routes } from "@/lib/routes-config";
import { page_routes } from "@/lib/routes";
import {
ArrowRightIcon,
LayoutDashboard,
@@ -13,7 +13,7 @@ import Link from "next/link";
import { cn } from "@/lib/utils";
import AnimatedShinyText from "@/components/ui/animated-shiny-text";
import { getMetadata } from "@/app/layout";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
import { Card, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
export const metadata = getMetadata({
title: "WooNooW - The Ultimate WooCommerce Enhancement Suite",
@@ -23,7 +23,7 @@ export default function Home() {
return (
<div className="flex flex-col items-center justify-center px-4 py-8 text-center sm:py-20">
<Link
href="/docs/changelog"
href="/docs/resources/changelog"
className="mb-5 sm:text-lg flex items-center gap-2 underline underline-offset-4 sm:-mt-12"
>
<div className="z-10 flex min-h-10 items-center justify-center max-[800px]:mt-10">
@@ -33,7 +33,7 @@ export default function Home() {
)}
>
<AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
<span>🚀 v2.0 Released: Multi-Channel Notifications</span>
<span>🚀 v1.0 Released: Multi-Channel Notifications</span>
<ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
</AnimatedShinyText>
</div>
@@ -41,7 +41,7 @@ export default function Home() {
</Link>
<div className="w-full max-w-[900px] pb-8">
<h1 className="mb-4 text-3xl font-bold sm:text-6xl bg-clip-text text-transparent bg-gradient-to-r from-green-500 to-lime-500">
<h1 className="mb-4 text-3xl font-bold sm:text-6xl bg-clip-text text-transparent bg-linear-to-r from-green-500 to-lime-500">
Fill the Gap. <br />Elevate Your Store.
</h1>
<p className="mb-8 sm:text-xl text-muted-foreground max-w-2xl mx-auto">
@@ -52,7 +52,7 @@ export default function Home() {
<div className="flex flex-row items-center gap-6 mb-16">
<Link
href="/docs/getting-started/introduction"
href={`/docs${page_routes[0].href}`}
className={buttonVariants({
className: "px-8 bg-black text-white hover:bg-neutral-800 dark:bg-white dark:text-black dark:hover:bg-neutral-200",
size: "lg",
@@ -74,7 +74,7 @@ export default function Home() {
{/* The Gap Analysis */}
<div className="w-full max-w-5xl mb-20 text-left">
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
{/* Production Reality (The Problem) */}
<div className="p-8 rounded-2xl bg-red-50 dark:bg-red-950/20 border border-red-100 dark:border-red-900/30">
<h3 className="text-xl font-bold mb-4 text-red-700 dark:text-red-400 flex items-center gap-2">
@@ -123,7 +123,7 @@ export default function Home() {
<div className="w-full max-w-6xl">
<h2 className="text-2xl font-bold mb-8">Core Modules</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<Card className="text-left hover:border-green-500/50 transition-colors">
<CardHeader>
<LayoutDashboard className="size-8 text-green-500 mb-2" />