refactor: Migrate documentation content, rebuild UI components, and update core architecture.
This commit is contained in:
16
app/page.tsx
16
app/page.tsx
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user