Refactor components dir structure, remove animation from docs content.

Author: vLuckyyy

app/docs/[...slug]/page.tsx

@@ -9,12 +9,12 @@ import { MDXRemote } from "next-mdx-remote/rsc";
 import { Suspense, cache } from "react";
 
 import { components, mdxOptions } from "@/components/mdx/mdx-components";
-import { DocsHeader } from "@/components/page/docs/content/DocsHeader";
-import { EditOnGitHub } from "@/components/page/docs/content/EditOnGitHub";
-import { ErrorBoundary } from "@/components/page/docs/content/ErrorBoundary";
-import { ReadingTime } from "@/components/page/docs/content/ReadingTime";
-import { ShortLink } from "@/components/page/docs/content/ShortLink";
-import { docsStructure } from "@/components/page/docs/sidebar/sidebar-structure";
+import { DocsHeader } from "@/components/docs/content/DocsHeader";
+import { EditOnGitHub } from "@/components/docs/content/EditOnGitHub";
+import { ErrorBoundary } from "@/components/docs/content/ErrorBoundary";
+import { ReadingTime } from "@/components/docs/content/ReadingTime";
+import { ShortLink } from "@/components/docs/content/ShortLink";
+import { docsStructure } from "@/components/docs/sidebar/sidebar-structure";
 
 interface DocMeta {
   title: string;

app/docs/layout.tsx

@@ -1,8 +1,8 @@
 import { Metadata } from "next";
 import { Poppins } from "next/font/google";
 
-import SidebarWrapper from "@/components/page/docs/sidebar/SidebarWrapper";
-import Navbar from "@/components/page/header/Navbar";
+import SidebarWrapper from "@/components/docs/sidebar/SidebarWrapper";
+import Navbar from "@/components/hero/Navbar";
 
 const poppins = Poppins({
   weight: "500",

app/docs/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 
-import { docsStructure } from "@/components/page/docs/sidebar/sidebar-structure";
+import { docsStructure } from "@/components/docs/sidebar/sidebar-structure";
 
 function flattenDocs(structure: typeof docsStructure) {
   return structure.flatMap(item =>

app/layout.tsx

@@ -9,7 +9,7 @@ import "./prism-languages";
 import { CookieConsentModal } from "@/components/CookieConsentModal";
 import { CookiePreferencesMenu } from "@/components/CookiePreferencesMenu";
 import Footer from "@/components/footer/Footer";
-import Navbar from "@/components/page/header/Navbar";
+import Navbar from "@/components/hero/Navbar";
 import { SpeedInsights } from "@/components/SpeedInsights";
 import { generateOgImageUrl } from "@/lib/og-utils";
 

app/page.tsx

@@ -1,7 +1,7 @@
 import { Metadata } from "next";
 
 import { generateOgImageMetadata } from "@/components/OgImage";
-import AnimatedHome from "@/components/page/home/AnimatedHome";
+import AnimatedHome from "@/components/home/AnimatedHome";
 
 export const dynamic = "force-static";
 export const fetchCache = "force-cache";

app/projects/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 
 import { generateOgImageMetadata } from "@/components/OgImage";
-import Hero from "@/components/page/header/Hero";
+import Hero from "@/components/hero/Hero";
 import Project from "@/components/projects/Projects";
 
 export const dynamic = "force-dynamic";

app/team/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 
 import { generateOgImageMetadata } from "@/components/OgImage";
-import Hero from "@/components/page/header/Hero";
+import Hero from "@/components/hero/Hero";
 import Team from "@/components/team/Team";
 
 export const metadata: Metadata = {

components/docs/content/DocsHeader.tsx

@@ -0,0 +1,35 @@
+"use client";
+import { ReactNode } from "react";
+
+interface DocHeaderProps {
+  category?: string;
+  title: string;
+  description?: string;
+  actions?: ReactNode;
+}
+
+export function DocsHeader({ category, title, description, actions }: DocHeaderProps) {
+  return (
+    <div className="mb-4">
+      <div className="mb-2 flex items-center justify-between gap-4">
+        {category && (
+          <div
+            className="text-muted-foreground text-sm uppercase tracking-wide"
+            style={{ letterSpacing: "0.08em" }}
+          >
+            {category}
+          </div>
+        )}
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+      </div>
+
+      <h1 className="mb-1 text-4xl font-extrabold tracking-tight">
+        <span>{title}</span>
+      </h1>
+
+      {description && (
+        <p className="text-muted-foreground mt-0 mb-0 text-lg">{description}</p>
+      )}
+    </div>
+  );
+}