remove /deepsite

app/(public)/signin/page.tsx

@@ -14,7 +14,7 @@ export default async function SignInPage({
         <p className="text-lg text-muted-foreground mb-8">
           You can&apos;t access this resource without being signed in.
         </p>
-        <LoginButtons callbackUrl={callbackUrl ?? "/deepsite"} />
+        <LoginButtons callbackUrl={callbackUrl ?? "/"} />
       </div>
     </section>
   );

app/[owner]/[repoId]/page.tsx

@@ -16,7 +16,7 @@ export default async function ProjectPage({
   const { commit } = await searchParams;
   if (!session) {
     redirect(
-      `/api/auth/signin?callbackUrl=/deepsite/${owner}/${repoId}${
+      `/api/auth/signin?callbackUrl=/${owner}/${repoId}${
         commit ? `?commit=${commit}` : ""
       }`
     );

app/api/projects/route.ts

@@ -74,7 +74,7 @@ tags:
 
 # ${escapeMarkdownHeader(title)}
 
-This project has been created with [DeepSite](https://huggingface.co/deepsite) AI Vibe Coding.
+This project has been created with [DeepSite](https://deepsite.hf.co) AI Vibe Coding.
 `;
 
   const filesToUpload: File[] = [

app/layout.tsx

@@ -34,9 +34,9 @@ export const metadata: Metadata = {
     statusBarStyle: "black-translucent",
   },
   icons: {
-    icon: "/deepsite/logo.svg",
-    shortcut: "/deepsite/logo.svg",
-    apple: "/deepsite/logo.svg",
+    icon: "/logo.svg",
+    shortcut: "/logo.svg",
+    apple: "/logo.svg",
   },
   verification: {
     google: process.env.GOOGLE_SITE_VERIFICATION,
@@ -57,11 +57,11 @@ export default async function RootLayout({
   const structuredData = generateStructuredData("WebApplication", {
     name: "DeepSite",
     description: "Build websites with AI, no code required",
-    url: "https://huggingface.co/deepsite",
+    url: "https://deepsite.hf.co",
   });
   const organizationData = generateStructuredData("Organization", {
     name: "DeepSite",
-    url: "https://huggingface.co/deepsite",
+    url: "https://deepsite.hf.co",
   });
 
   return (

app/new/page.tsx

@@ -10,7 +10,7 @@ export default async function NewProjectPage({
   const session = await auth();
 
   if (!session) {
-    redirect("/api/auth/signin?callbackUrl=/deepsite/new");
+    redirect("/api/auth/signin?callbackUrl=/new");
   }
 
   const { prompt } = await searchParams;

components/ask-ai/redesign.tsx

@@ -41,7 +41,7 @@ export function Redesign({
       return;
     }
     setIsLoading(true);
-    const response = await fetch("/deepsite/api/redesign", {
+    const response = await fetch("/api/redesign", {
       method: "PUT",
       body: JSON.stringify({ url: url.trim() }),
       headers: {

components/ask-ai/useGeneration.ts

@@ -140,7 +140,7 @@ export const useGeneration = (projectName: string) => {
       ],
     });
     try {
-      const response = await fetch("/deepsite/api/projects", {
+      const response = await fetch("/api/projects", {
         method: "POST",
         body: JSON.stringify({
           projectTitle,
@@ -234,7 +234,7 @@ export const useGeneration = (projectName: string) => {
     const isFollowUp = files?.length > 0;
     abortController.current = new AbortController();
 
-    const request = await fetch("/deepsite/api/ask", {
+    const request = await fetch("/api/ask", {
       method: "POST",
       body: JSON.stringify({
         prompt,

components/editor/project-settings.tsx

@@ -98,7 +98,7 @@ export const ProjectSettings = ({
               <span className="text-3xl">{project?.cardData?.emoji}</span>
             ) : (
               <Image
-                src="/deepsite/logo.svg"
+                src="/logo.svg"
                 alt="DeepSite"
                 width={100}
                 height={100}

components/not-authorized.tsx

@@ -19,7 +19,7 @@ export const NotAuthorizedDomain = () => {
         host === "huggingface.co" ||
         host === "hf.co" ||
         host === "enzostvs-deepsite.hf.space" ||
-        host === "huggingface.co/deepsite"
+        host === "deepsite.hf.co"
       );
     };
 
@@ -104,7 +104,7 @@ export const NotAuthorizedDomain = () => {
         <DialogTitle className="hidden" />
         <div className="max-w-md mx-auto text-center px-6 py-12">
           <Image
-            src="/deepsite/logo.svg"
+            src="/logo.svg"
             alt="DeepSite"
             width={48}
             height={48}
@@ -122,7 +122,7 @@ export const NotAuthorizedDomain = () => {
             .
           </p>
 
-          <Link href="https://huggingface.co/deepsite" target="_blank">
+          <Link href="https://deepsite.hf.co" target="_blank">
             <Button size="lg" className="text-base!">
               Go to DeepSite
             </Button>

components/projects/big-project-card.tsx

@@ -33,7 +33,7 @@ export function BigProjectCard({
   onOpenDeleteDialog: (id: string) => void;
 }) {
   return (
-    <a href={`/deepsite/${project.name}`} className="">
+    <a href={`/${project.name}`} className="">
       <div className="group/big-card rounded-lg overflow-hidden transition-all border-2 border-background ring-[1px] ring-border relative">
         {project.private ? (
           <div className="h-40 bg-linear-to-br flex flex-col gap-1 items-center justify-center text-lg from-blue-500 to-purple-500">

components/projects/project-card.tsx

@@ -11,7 +11,7 @@ import { SpaceEntry } from "@huggingface/hub";
 
 export function ProjectCard({ project }: { project: SpaceEntry }) {
   return (
-    <a href={`/deepsite/${project.name}`}>
+    <a href={`/${project.name}`}>
       <div className="flex items-center justify-start gap-3 border-2 border-background ring-[1px] ring-border rounded-lg overflow-hidden transition-all hover:bg-accent">
         <div
           className={`size-10 bg-linear-to-br flex items-center justify-center text-lg from-${

components/providers/session.tsx

@@ -4,6 +4,6 @@ import { SessionProvider } from "next-auth/react";
 
 export function AuthProvider({ children }: { children: React.ReactNode }) {
   return (
-    <SessionProvider basePath="/deepsite/api/auth">{children}</SessionProvider>
+    <SessionProvider>{children}</SessionProvider>
   );
 }

components/public/bento.tsx

@@ -1,137 +1,162 @@
+"use client";
+
 export const Bento = () => {
   return (
     <section id="features" className="min-h-screen py-20 px-6 relative">
-      <header className="text-center mb-16">
-        <div className="w-fit mb-2 text-[11px] mx-auto uppercase text-muted-foreground/70 font-semibold tracking-widest">
+      {/* Header with fade-in animation */}
+      <header className="text-center mb-16 animate-in fade-in duration-700">
+        <div className="w-fit mb-2 text-[11px] mx-auto uppercase text-muted-foreground/70 font-semibold tracking-widest animate-in fade-in slide-in-from-top-2 duration-500">
           Powerful Features 🚀
         </div>
-        <h2 className="mb-3 text-balance text-3xl font-bold tracking-tight lg:text-5xl">
+        <h2 className="mb-3 text-balance text-3xl font-bold tracking-tight lg:text-5xl animate-in fade-in slide-in-from-top-3 duration-700 delay-100">
           Everything you need
         </h2>
-        <p className="text-muted-foreground mx-auto max-w-2xl md:text-lg lg:text-xl text-balance">
+        <p className="text-muted-foreground mx-auto max-w-2xl md:text-lg lg:text-xl text-balance animate-in fade-in slide-in-from-top-4 duration-700 delay-200">
           Build, deploy, and scale your websites with cutting-edge features
         </p>
       </header>
 
+      {/* Grid with staggered card animations */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto">
-        <div className="max-md:col-span-1 max-lg:col-span-2 lg:row-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Multi Pages - Large Card */}
+        <div className="max-md:col-span-1 max-lg:col-span-2 lg:row-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-100">
           <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-primary mb-3">
+            <div className="text-3xl lg:text-4xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3">
+              📄
+            </div>
+            <h3 className="text-2xl lg:text-3xl font-bold text-primary mb-3 transition-colors duration-300">
               Multi Pages
             </h3>
-            <p className="text-muted-foreground lg:text-lg mb-6">
+            <p className="text-muted-foreground lg:text-lg mb-6 transition-colors duration-300 group-hover:text-foreground/90">
               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">
+              <span className="px-3 py-1.5 bg-purple-500/30 text-purple-200 border border-purple-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-purple-500/40 hover:border-purple-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 Dynamic Routing
               </span>
-              <span className="px-3 py-1 bg-blue-500/20 text-blue-300 rounded-full text-sm">
+              <span className="px-3 py-1.5 bg-blue-500/30 text-blue-200 border border-blue-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-blue-500/40 hover:border-blue-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 Navigation
               </span>
-              <span className="px-3 py-1 bg-green-500/20 text-green-300 rounded-full text-sm">
+              <span className="px-3 py-1.5 bg-green-500/30 text-green-200 border border-green-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-green-500/40 hover:border-green-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 SEO Ready
               </span>
             </div>
           </div>
-          {/* <div className="absolute -top-20 -right-20 w-40 h-40 bg-linear-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 className="absolute -top-20 -right-20 w-40 h-40 bg-linear-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Auto Deploy */}
+        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-200">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">⚡</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
+              ⚡
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Auto Deploy
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               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-linear-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 className="absolute -bottom-10 -right-10 w-32 h-32 bg-linear-to-r from-yellow-500 to-orange-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Free Hosting */}
+        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-300">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">🌐</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
+              🌐
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Free Hosting
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               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-linear-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 className="absolute -top-10 -left-10 w-32 h-32 bg-linear-to-r from-green-500 to-emerald-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="lg:col-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Open Source Models */}
+        <div className="lg:col-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-400">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">🔓</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12">
+              🔓
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Open Source Models
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               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">
+              <span className="px-3 py-1.5 bg-cyan-500/30 text-cyan-200 border border-cyan-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-cyan-500/40 hover:border-cyan-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 DeepSeek
               </span>
-              <span className="px-3 py-1 bg-indigo-500/20 text-indigo-300 rounded-full text-sm">
+              <span className="px-3 py-1.5 bg-indigo-500/30 text-indigo-200 border border-indigo-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-indigo-500/40 hover:border-indigo-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 MiniMax
               </span>
-              <span className="px-3 py-1 bg-pink-500/20 text-pink-300 rounded-full text-sm">
+              <span className="px-3 py-1.5 bg-pink-500/30 text-pink-200 border border-pink-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-pink-500/40 hover:border-pink-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
                 Kimi
               </span>
             </div>
           </div>
-          {/* <div className="absolute -bottom-10 right-10 w-32 h-32 bg-linear-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 className="absolute -bottom-10 right-10 w-32 h-32 bg-linear-to-r from-cyan-500 to-indigo-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Perfect UX */}
+        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-500">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">✨</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
+              ✨
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Perfect UX
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               Intuitive interface designed for developers and non-developers
               alike.
             </p>
           </div>
-          {/* <div className="absolute -top-10 -right-10 w-32 h-32 bg-linear-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 className="absolute -top-10 -right-10 w-32 h-32 bg-linear-to-r from-rose-500 to-pink-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Hugging Face */}
+        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-[600ms]">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">🤗</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
+              🤗
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Hugging Face
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               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-linear-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 className="absolute -top-10 -right-10 w-32 h-32 bg-linear-to-r from-yellow-500 to-amber-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
 
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-border/20 transition-all duration-300">
+        {/* Blazing Fast */}
+        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-700">
           <div className="relative z-10">
-            <div className="text-3xl mb-4">🚀</div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3">
+            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12">
+              🚀
+            </div>
+            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
               Blazing Fast
             </h3>
-            <p className="text-muted-foreground mb-4">
+            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
               Optimized performance with edge computing and smart caching.
             </p>
           </div>
-          {/* <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-linear-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 className="absolute -bottom-10 -right-10 w-32 h-32 bg-linear-to-r from-blue-500 to-cyan-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
         </div>
       </div>
     </section>

components/public/navigation.tsx

@@ -10,7 +10,7 @@ export function Navigation() {
       <div className="flex items-center justify-start gap-4">
         <Link href="/" className="flex items-center gap-2">
           <Image
-            src="/deepsite/logo.svg"
+            src="/logo.svg"
             alt="DeepSite"
             width={100}
             height={100}

components/user-menu/index.tsx

@@ -42,7 +42,7 @@ export function UserMenu() {
         newUrl.searchParams.delete("signin");
         window.history.replaceState({}, "", newUrl.toString());
 
-        signIn("huggingface", { callbackUrl: "/deepsite" });
+        signIn("huggingface", { callbackUrl: "/" });
       }
     }
   }, [session, status]);
@@ -50,7 +50,7 @@ export function UserMenu() {
   const handleSignIn = () => {
     if (window.location.hostname === "localhost") {
       signIn("huggingface", {
-        callbackUrl: "/deepsite",
+        callbackUrl: "/",
       });
       return;
     }
@@ -78,12 +78,12 @@ export function UserMenu() {
     if (!isOnTargetPage) {
       window.open(`${targetUrl}?signin=true`, "_blank");
     } else {
-      signIn("huggingface", { callbackUrl: "/deepsite" });
+      signIn("huggingface", { callbackUrl: "/" });
     }
   };
 
   const handleSignOut = () => {
-    signOut({ callbackUrl: "/deepsite" });
+    signOut({ callbackUrl: "/" });
   };
 
   if (isLoading) {

components/viewer/blank-page.tsx

@@ -24,7 +24,7 @@ export function BlankPage() {
     <div className="bg-card max-w-lg w-full px-10 py-6 z-1 rounded-xl shadow-accent-foreground mx-auto">
       <header className="flex flex-col items-center justify-center">
         <Image
-          src="/deepsite/logo.svg"
+          src="/logo.svg"
           alt="DeepSite"
           width={56}
           height={56}

lib/auth.ts

@@ -62,7 +62,7 @@ export const authOptions: NextAuthOptions = {
     },
   },
   pages: {
-    signIn: "/deepsite/signin",
+    signIn: "/signin",
   },
   secret: process.env.NEXTAUTH_SECRET,
 };

lib/seo.ts

@@ -18,7 +18,7 @@ export function generateSEO({
   noIndex = false,
   canonical,
 }: SEOParams = {}): Metadata {
-  const baseUrl = "https://huggingface.co/deepsite";
+  const baseUrl = "https://deepsite.hf.co";
   const fullUrl = `${baseUrl}${path}`;
   const canonicalUrl = canonical || fullUrl;
 
@@ -98,7 +98,7 @@ export function generateStructuredData(
         ...baseStructuredData,
         name: "DeepSite",
         description: "Build websites with AI, no code required",
-        url: "https://huggingface.co/deepsite",
+        url: "https://deepsite.hf.co",
         applicationCategory: "DeveloperApplication",
         operatingSystem: "Web",
         offers: {
@@ -109,7 +109,7 @@ export function generateStructuredData(
         creator: {
           "@type": "Organization",
           name: "DeepSite",
-          url: "https://huggingface.co/deepsite",
+          url: "https://deepsite.hf.co",
         },
         ...data,
       };
@@ -118,8 +118,8 @@ export function generateStructuredData(
       return {
         ...baseStructuredData,
         name: "DeepSite",
-        url: "https://huggingface.co/deepsite",
-        logo: "https://huggingface.co/deepsite/logo.svg",
+        url: "https://deepsite.hf.co",
+        logo: "https://deepsite.hf.co/logo.svg",
         description: "AI-powered web development platform",
         sameAs: [
           // Add social media links here if available

lib/utils.ts

@@ -118,7 +118,7 @@ export const defaultHTML = `<!DOCTYPE html>
         Ask me anything.
       </h1>
     </div>
-      <img src="https://huggingface.co/deepsite/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-30 dark:invert dark:brightness-0" />
+      <img src="https://deepsite.hf.co/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-30 dark:invert dark:brightness-0" />
     <script></script>
   </body>
 </html>
@@ -126,7 +126,7 @@ export const defaultHTML = `<!DOCTYPE html>
 
 export function injectDeepSiteBadge(html: string): string {
   const badgeScript =
-    '<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>';
+    '<script src="https://deepsite.hf.co/deepsite-badge.js"></script>';
 
   // Remove any existing badge script to avoid duplicates
   const cleanedHtml = html.replace(

next.config.ts

@@ -1,18 +1,6 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  basePath: "/deepsite",
-  assetPrefix: "/deepsite",
-  async redirects() {
-    return [
-      {
-        source: "/",
-        destination: "/deepsite",
-        permanent: true,
-        basePath: false,
-      },
-    ];
-  },
   experimental: {
     globalNotFound: true,
   },

public/deepsite-badge.js

@@ -9,7 +9,7 @@
   // Don't show badge on huggingface.co/deepsite
   const hostname = window.location.hostname;
   const pathname = window.location.pathname;
-  if (hostname === "huggingface.co" && pathname.startsWith("/deepsite")) {
+  if (hostname === "deepsite.hf.co" && pathname.startsWith("/")) {
     return;
   }
 
@@ -80,12 +80,12 @@
 
   // Create link
   const link = document.createElement("a");
-  link.href = "https://huggingface.co/deepsite";
+  link.href = "https://deepsite.hf.co";
   link.target = "_blank";
   link.rel = "noopener noreferrer";
 
   const icon = document.createElement("img");
-  icon.src = "https://huggingface.co/deepsite/logo.svg";
+  icon.src = "https://deepsite.hf.co/logo.svg";
   icon.alt = "DeepSite";
   icon.style.marginRight = "6px";
   icon.style.width = "16px";

public/robots.txt

@@ -11,7 +11,7 @@ Disallow: /assets/
 Allow: /api/public/
 
 # Sitemap location
-Sitemap: https://huggingface.co/deepsite/sitemap.xml
+Sitemap: https://deepsite.hf.co/sitemap.xml
 
 # Crawl-delay for respectful crawling
 Crawl-delay: 1