From 67dbeec2581b7d72766826c5d51f99634be63b5c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 9 Nov 2025 21:40:40 +0000
Subject: [PATCH] Delete old duplicate DocsLayout file

cgen-8c1048854ecf4779b66b83bda3719422
---
 client/pages/DocsLayout.tsx | 228 ------------------------------------
 1 file changed, 228 deletions(-)
 delete mode 100644 client/pages/DocsLayout.tsx

diff --git a/client/pages/DocsLayout.tsx b/client/pages/DocsLayout.tsx
deleted file mode 100644
index 2dad1652..00000000
--- a/client/pages/DocsLayout.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-import { useState } from "react";
-import { Link, Outlet, useLocation } from "react-router-dom";
-import Layout from "@/components/Layout";
-import { Input } from "@/components/ui/input";
-import { Badge } from "@/components/ui/badge";
-import {
-  BookOpen,
-  FileText,
-  Video,
-  Code,
-  Terminal,
-  Search,
-  Puzzle,
-  Home,
-  GraduationCap,
-  ChevronRight,
-  Menu,
-  X,
-  LayoutDashboard,
-} from "lucide-react";
-
-const navigation = [
-  {
-    name: "Overview",
-    href: "/docs",
-    icon: Home,
-    exact: true,
-  },
-  {
-    name: "Getting Started",
-    href: "/docs/getting-started",
-    icon: BookOpen,
-  },
-  {
-    name: "Curriculum",
-    href: "/docs/curriculum",
-    icon: GraduationCap,
-    badge: "New",
-  },
-  {
-    name: "Platform",
-    href: "/docs/platform",
-    icon: LayoutDashboard,
-  },
-  {
-    name: "Tutorials",
-    href: "/docs/tutorials",
-    icon: Video,
-    badge: "New",
-  },
-  {
-    name: "API Reference",
-    href: "/docs/api",
-    icon: Code,
-  },
-  {
-    name: "CLI Tools",
-    href: "/docs/cli",
-    icon: Terminal,
-  },
-  {
-    name: "Examples",
-    href: "/docs/examples",
-    icon: FileText,
-  },
-  {
-    name: "Integrations",
-    href: "/docs/integrations",
-    icon: Puzzle,
-  },
-];
-
-export default function DocsLayout() {
-  const [searchQuery, setSearchQuery] = useState("");
-  const [sidebarOpen, setSidebarOpen] = useState(false);
-  const location = useLocation();
-
-  const isActive = (href: string, exact = false) => {
-    if (exact) {
-      return location.pathname === href;
-    }
-    return location.pathname.startsWith(href);
-  };
-
-  const getBreadcrumb = () => {
-    const path = location.pathname;
-    const segments = path.split("/").filter(Boolean);
-
-    if (segments.length <= 1) return [];
-
-    const breadcrumbs = [];
-    let currentPath = "";
-
-    segments.forEach((segment, index) => {
-      currentPath += `/${segment}`;
-      if (index > 0) {
-        // Skip the first 'docs' segment
-        breadcrumbs.push({
-          name:
-            segment.charAt(0).toUpperCase() +
-            segment.slice(1).replace("-", " "),
-          href: currentPath,
-          isLast: index === segments.length - 1,
-        });
-      }
-    });
-
-    return breadcrumbs;
-  };
-
-  const breadcrumbs = getBreadcrumb();
-
-  return (
-    <Layout>
-      <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
-        <div className="container mx-auto px-4 py-8">
-          {/* Header */}
-          <div className="mb-12 pb-6 border-b border-slate-700/50">
-            <div className="flex items-center justify-between mb-6">
-              <div>
-                <h1 className="text-4xl font-bold text-white mb-2">
-                  AeThex Documentation
-                </h1>
-                <p className="text-gray-300 text-lg">
-                  Comprehensive guides, tutorials, and API references
-                </p>
-              </div>
-              <button
-                onClick={() => setSidebarOpen(!sidebarOpen)}
-                className="lg:hidden p-2 text-white bg-slate-800 hover:bg-slate-700 rounded-lg transition-colors"
-              >
-                {sidebarOpen ? (
-                  <X className="h-6 w-6" />
-                ) : (
-                  <Menu className="h-6 w-6" />
-                )}
-              </button>
-            </div>
-
-            {/* Breadcrumb */}
-            {breadcrumbs.length > 0 && (
-              <nav className="flex items-center space-x-2 text-sm text-gray-400 mb-6">
-                <Link
-                  to="/docs"
-                  className="hover:text-white transition-colors font-medium"
-                >
-                  Docs
-                </Link>
-                {breadcrumbs.map((crumb, index) => (
-                  <div key={index} className="flex items-center space-x-2">
-                    <ChevronRight className="h-4 w-4 text-gray-600" />
-                    {crumb.isLast ? (
-                      <span className="text-white font-medium">
-                        {crumb.name}
-                      </span>
-                    ) : (
-                      <Link
-                        to={crumb.href}
-                        className="hover:text-white transition-colors"
-                      >
-                        {crumb.name}
-                      </Link>
-                    )}
-                  </div>
-                ))}
-              </nav>
-            )}
-
-            {/* Search */}
-            <div className="relative max-w-sm">
-              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5" />
-              <Input
-                placeholder="Search documentation..."
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="pl-10 bg-slate-800/50 border-slate-600 text-white placeholder-gray-500 focus:border-purple-500 focus:ring-1 focus:ring-purple-500/50"
-              />
-            </div>
-          </div>
-
-          <div className="flex flex-col lg:flex-row gap-8">
-            {/* Sidebar */}
-            <aside
-              className={`w-full lg:w-64 ${sidebarOpen ? "block" : "hidden lg:block"}`}
-            >
-              <div className="bg-slate-800/30 border border-slate-700 rounded-xl p-4 sticky top-24 backdrop-blur-sm">
-                <nav className="space-y-1">
-                  {navigation.map((item) => {
-                    const Icon = item.icon;
-                    const active = isActive(item.href, item.exact);
-
-                    return (
-                      <Link
-                        key={item.name}
-                        to={item.href}
-                        className={`flex items-center justify-between px-3 py-2.5 rounded-lg text-sm font-medium transition-all ${
-                          active
-                            ? "bg-purple-600/80 text-white shadow-lg shadow-purple-500/20"
-                            : "text-gray-300 hover:bg-slate-700/50 hover:text-white"
-                        }`}
-                        onClick={() => setSidebarOpen(false)}
-                      >
-                        <div className="flex items-center space-x-3">
-                          <Icon className="h-5 w-5" />
-                          <span>{item.name}</span>
-                        </div>
-                        {item.badge && (
-                          <Badge className="bg-green-600 text-white text-xs px-2 py-1">
-                            {item.badge}
-                          </Badge>
-                        )}
-                      </Link>
-                    );
-                  })}
-                </nav>
-              </div>
-            </aside>
-
-            {/* Content */}
-            <main className="flex-1 min-w-0">
-              <Outlet />
-            </main>
-          </div>
-        </div>
-      </div>
-    </Layout>
-  );
-}