remove /projects route

app/(public)/page.tsx

@@ -1,193 +1,5 @@
-// import { AskAi } from "@/components/space/ask-ai";
-import { redirect } from "next/navigation";
-import { AnimatedText } from "@/components/animated-text";
-import { AnimatedBlobs } from "@/components/animated-blobs";
+import { MyProjects } from "@/components/my-projects";
 
-export default function Home() {
-  redirect("/projects");
-  return (
-    <div className="">
-      <header className="container mx-auto pt-20 px-6 relative flex flex-col items-center justify-center text-center">
-        <div className="rounded-full border border-sky-100/10 bg-gradient-to-r from-sky-500/15 to-sky-sky-500/5 text-sm text-sky-300 px-3 py-1 max-w-max mx-auto mb-2">
-          ✨ DeepSite v3 is out!
-        </div>
-        <h1 className="text-6xl lg:text-8xl font-semibold text-white font-mono max-w-4xl">
-          Code your website with AI in seconds
-        </h1>
-        <AnimatedText className="text-xl lg:text-2xl text-neutral-300/80 mt-4 text-center max-w-2xl" />
-        <div className="mt-14 max-w-2xl w-full mx-auto">{/* <AskAi /> */}</div>
-        <AnimatedBlobs />
-      </header>
-
-      <div id="features" className="min-h-screen py-20 px-6 relative">
-        <div className="container mx-auto"></div>
-        <div className="text-center mb-16">
-          <div className="rounded-full border border-neutral-100/10 bg-neutral-100/5 text-sm text-neutral-300 px-3 py-1 max-w-max mx-auto mb-4">
-            🚀 Powerful Features
-          </div>
-          <h2 className="text-4xl lg:text-6xl font-extrabold text-white font-mono mb-4">
-            Everything you need
-          </h2>
-          <p className="text-lg lg:text-xl text-neutral-300/80 max-w-2xl mx-auto">
-            Build, deploy, and scale your websites with cutting-edge features
-          </p>
-        </div>
-
-        {/* Bento Grid */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto">
-          {/* Multi Pages */}
-          <div
-            className="lg:row-span-2 relative p-8 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-1 hover:-translate-y-2 hover:shadow-2xl hover:shadow-purple-500/20"
-            style={{ transformStyle: "preserve-3d" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl lg:text-4xl mb-4">📄</div>
-              <h3 className="text-2xl lg:text-3xl font-bold text-white font-mono mb-3">
-                Multi Pages
-              </h3>
-              <p className="text-neutral-300/80 lg:text-lg mb-6">
-                Create complex websites with multiple interconnected pages.
-                Build everything from simple landing pages to full-featured web
-                applications with dynamic routing and navigation.
-              </p>
-              <div className="flex flex-wrap gap-2">
-                <span className="px-3 py-1 bg-purple-500/20 text-purple-300 rounded-full text-sm">
-                  Dynamic Routing
-                </span>
-                <span className="px-3 py-1 bg-blue-500/20 text-blue-300 rounded-full text-sm">
-                  Navigation
-                </span>
-                <span className="px-3 py-1 bg-green-500/20 text-green-300 rounded-full text-sm">
-                  SEO Ready
-                </span>
-              </div>
-            </div>
-            <div className="absolute -top-20 -right-20 w-40 h-40 bg-gradient-to-r from-purple-500 to-pink-500 opacity-20 blur-3xl rounded-full transition-all duration-700 ease-out group-hover:scale-[4] group-hover:opacity-30" />
-          </div>
-
-          {/* Auto Deploy */}
-          <div
-            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-110 hover:-translate-y-4 hover:-rotate-3 hover:shadow-2xl hover:shadow-yellow-500/25"
-            style={{ perspective: "1000px", transformStyle: "preserve-3d" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">⚡</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Auto Deploy
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Push your changes and watch them go live instantly. No complex
-                CI/CD setup required.
-              </p>
-            </div>
-            <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-gradient-to-r from-yellow-500 to-orange-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-
-          {/* Free Hosting */}
-          <div className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-2 hover:-translate-y-3 hover:shadow-xl hover:shadow-green-500/20">
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">🌐</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Free Hosting
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Host your websites for free with global CDN and lightning-fast
-                performance.
-              </p>
-            </div>
-            <div className="absolute -top-10 -left-10 w-32 h-32 bg-gradient-to-r from-green-500 to-emerald-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-
-          {/* Open Source Models */}
-          <div
-            className="lg:col-span-2 md:col-span-2 relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-600 hover:scale-[1.02] hover:rotate-y-6 hover:-translate-y-1 hover:shadow-2xl hover:shadow-cyan-500/20"
-            style={{ perspective: "1200px", transformStyle: "preserve-3d" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">🔓</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Open Source Models
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Powered by cutting-edge open source AI models. Transparent,
-                customizable, and community-driven development.
-              </p>
-              <div className="flex flex-wrap gap-2">
-                <span className="px-3 py-1 bg-cyan-500/20 text-cyan-300 rounded-full text-sm">
-                  Llama
-                </span>
-                <span className="px-3 py-1 bg-indigo-500/20 text-indigo-300 rounded-full text-sm">
-                  Mistral
-                </span>
-                <span className="px-3 py-1 bg-pink-500/20 text-pink-300 rounded-full text-sm">
-                  CodeLlama
-                </span>
-              </div>
-            </div>
-            <div className="absolute -bottom-10 right-10 w-32 h-32 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-
-          {/* UX Focus */}
-          <div
-            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-110 hover:rotate-3 hover:-translate-y-2 hover:rotate-x-6 hover:shadow-xl hover:shadow-rose-500/25"
-            style={{ transformStyle: "preserve-3d" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">✨</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Perfect UX
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Intuitive interface designed for developers and non-developers
-                alike.
-              </p>
-            </div>
-            <div className="absolute -top-10 -right-10 w-32 h-32 bg-gradient-to-r from-rose-500 to-pink-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-
-          {/* Hugging Face Integration */}
-          <div
-            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-[1.08] hover:-rotate-2 hover:-translate-y-3 hover:rotate-y-8 hover:shadow-xl hover:shadow-amber-500/20"
-            style={{ perspective: "800px" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">🤗</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Hugging Face
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Seamless integration with Hugging Face models and datasets for
-                cutting-edge AI capabilities.
-              </p>
-            </div>
-            <div className="absolute -top-10 -right-10 w-32 h-32 bg-gradient-to-r from-yellow-500 to-amber-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-
-          {/* Performance */}
-          <div
-            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-1 hover:-translate-y-4 hover:rotate-x-8 hover:shadow-2xl hover:shadow-blue-500/25"
-            style={{ transformStyle: "preserve-3d" }}
-          >
-            <div className="relative z-10">
-              <div className="text-3xl mb-4">🚀</div>
-              <h3 className="text-2xl font-bold text-white font-mono mb-3">
-                Blazing Fast
-              </h3>
-              <p className="text-neutral-300/80 mb-4">
-                Optimized performance with edge computing and smart caching.
-              </p>
-            </div>
-            <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-gradient-to-r from-blue-500 to-cyan-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
-          </div>
-        </div>
-      </div>
-
-      {/* Background Effects */}
-      <div className="absolute inset-0 pointer-events-none -z-[1]">
-        <div className="w-1/3 h-1/3 bg-gradient-to-r from-purple-500 to-pink-500 opacity-5 blur-3xl absolute top-20 left-10 rounded-full" />
-        <div className="w-1/4 h-1/4 bg-gradient-to-r from-blue-500 to-teal-500 opacity-10 blur-3xl absolute bottom-20 right-20 rounded-full" />
-        <div className="w-1/5 h-1/5 bg-gradient-to-r from-amber-500 to-rose-500 opacity-8 blur-3xl absolute top-1/2 left-1/3 rounded-full" />
-      </div>
-    </div>
-  );
+export default async function HomePage() {
+  return <MyProjects />;
 }

app/(public)/projects/page.tsx

@@ -1,9 +0,0 @@
-import { getProjects } from "@/app/actions/projects";
-import { MyProjects } from "@/components/my-projects";
-import { NotLogged } from "@/components/not-logged/not-logged";
-
-export default async function ProjectsPage() {
-  // const { ok, projects } = await getProjects();
-
-  return <MyProjects />;
-}

components/editor/ask-ai/fake-ask.tsx

@@ -26,7 +26,7 @@ export const FakeAskAi = () => {
 
   const callAi = async () => {
     setPromptStorage(prompt);
-    router.push("/projects/new");
+    router.push("/new");
   };
 
   const randomPrompt = () => {

components/my-projects/index.tsx

@@ -76,7 +76,7 @@ export function MyProjects() {
         <div className="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
           {projects.length < MAX_FREE_PROJECTS || user?.isPro ? (
             <Link
-              href="/projects/new"
+              href="/new"
               className="bg-neutral-900 rounded-xl h-64 lg:h-44 flex items-center justify-center text-neutral-300 border border-neutral-800 hover:brightness-110 transition-all duration-200"
             >
               <Plus className="size-5 mr-1.5" />

components/my-projects/project-card.tsx

@@ -49,7 +49,7 @@ export function ProjectCard({
   return (
     <div className="text-neutral-200 space-y-4 group cursor-pointer">
       <Link
-        href={`/projects/${project.name}`}
+        href={`/${project.name}`}
         className="relative bg-neutral-900 rounded-2xl overflow-hidden h-64 lg:h-44 w-full flex items-center justify-end flex-col px-3 border border-neutral-800"
       >
         {project.private ? (

components/not-logged/not-logged.tsx

@@ -10,7 +10,7 @@ export const NotLogged = () => {
         <div className="rounded-full border border-sky-100/10 bg-gradient-to-r from-sky-500/15 to-sky-sky-500/5 text-sm text-sky-300 px-3 py-1 max-w-max mx-auto mb-2">
           ✨ DeepSite v3 is out!
         </div>
-        <h1 className="text-5xl lg:text-6xl font-semibold text-white font-mono max-w-4xl">
+        <h1 className="text-5xl lg:text-7xl font-semibold text-white font-mono max-w-4xl">
           Welcome to DeepSite
         </h1>
         <p className="text-white/70 text-xl mt-3 mb-8">

components/public/navigation/index.tsx

@@ -16,7 +16,7 @@ import { ProTag } from "@/components/pro-modal";
 const navigationLinks = [
   {
     name: "Create Website",
-    href: "/projects/new",
+    href: "/new",
   },
   {
     name: "Features",

components/user-menu/index.tsx

@@ -45,13 +45,11 @@ export const UserMenu = ({ className }: { className?: string }) => {
         </DropdownMenuLabel>
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
-          <DropdownMenuItem
-            onClick={() => (window.location.href = "/projects/new")}
-          >
+          <DropdownMenuItem onClick={() => (window.location.href = "/new")}>
             <CirclePlus className="size-4 text-neutral-100" />
             New Project
           </DropdownMenuItem>
-          <Link href="/projects">
+          <Link href="/">
             <DropdownMenuItem>
               <FolderCode className="size-4 text-neutral-100" />
               View Projects

hooks/useAi.ts

@@ -124,7 +124,7 @@ export const useAi = (onScrollToBottom?: () => void, livePreviewRef?: React.RefO
         if (livePreviewRef?.current) {
           livePreviewRef.current.reset();
         }
-        router.replace(`/projects/${response.data.space.project.space_id}`);
+        router.replace(`/${response.data.space.project.space_id}`);
         setProject(response.data.space);
         setProjects([...projects, response.data.space]);
         toast.success("AI responded successfully");
@@ -315,7 +315,7 @@ export const useAi = (onScrollToBottom?: () => void, livePreviewRef?: React.RefO
         ) as HTMLIFrameElement;
 
         if (isNew && res.repoId) {
-          router.push(`/projects/${res.repoId}`);
+          router.push(`/${res.repoId}`);
           setIsAiWorking(false);
         } else {
           setPages(res.pages);

hooks/useEditor.ts

@@ -31,7 +31,7 @@ export const useEditor = (namespace?: string, repoId?: string) => {
         return project;
       } catch (error: any) {
         toast.error(error.response.data.error);
-        router.push("/projects");
+        router.push("/");
         return null;
       }
     },

hooks/useUser.ts

@@ -110,7 +110,7 @@ export const useUser = (initialData?: {
             router.push(currentRoute);
             removeCurrentRoute();
           } else {
-            router.push("/projects");
+            router.push("/");
           }
           toast.success("Login successful");
         }