Reupload OmniDev clean version

app/actions/auth.ts

@@ -5,13 +5,12 @@ import { headers } from "next/headers";
 export async function getAuth() {
   const authList = await headers();
   const host = authList.get("host") ?? "localhost:3000";
-  const url = host.includes("/spaces/enzostvs")
-    ? "enzostvs-deepsite.hf.space"
-    : host;
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
+  const baseFromEnv = process.env.PUBLIC_BASE_URL?.trim();
+  const isLocal = (baseFromEnv || host).includes("localhost");
+  const protocol = isLocal ? "http" : "https";
+  const baseUrl = baseFromEnv || `${protocol}://${host}`;
+  const redirectPath = process.env.AUTH_REDIRECT_PATH || "/auth/callback";
+  const redirect_uri = `${baseUrl}${redirectPath}`;
 
   const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
   return loginRedirectUrl;

app/api/ask/route.ts

@@ -30,6 +30,7 @@ import { COLORS } from "@/lib/utils";
 import { templates } from "@/lib/templates";
 
 const ipAddresses = new Map();
+const IS_UNLIMITED_MODE = (process.env.UNLIMITED_MODE || '').toLowerCase() === 'true';
 
 export async function POST(request: NextRequest) {
   const authHeaders = await headers();
@@ -74,8 +75,10 @@ export async function POST(request: NextRequest) {
     : authHeaders.get("x-forwarded-for");
 
   if (!token) {
-    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
-    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+    if (!IS_UNLIMITED_MODE) {
+      ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    }
+    if (!IS_UNLIMITED_MODE && ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
       return NextResponse.json(
         {
           ok: false,
@@ -124,18 +127,20 @@ export async function POST(request: NextRequest) {
           }
           const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
           const contents = [
-            { role: "user", parts: [{ text: systemPrompt }] },
             { role: "user", parts: [{ text: userPrompt }] },
           ];
           const estimatedInputTokens = estimateInputTokens(systemPrompt, userPrompt);
           const dynamicMaxTokens = calculateMaxTokens(selectedProvider, estimatedInputTokens, true);
           const config: any = {
-            generationConfig: { maxOutputTokens: dynamicMaxTokens },
+            maxOutputTokens: dynamicMaxTokens,
           };
           const response = await ai.models.generateContentStream({
             model: selectedModel.value,
             config,
-            contents,
+            contents: [
+              { role: "user", parts: [{ text: systemPrompt }] },
+              ...contents,
+            ],
           });
 
           // Newer SDKs return an async iterable of chunks with `.text`
@@ -177,7 +182,7 @@ export async function POST(request: NextRequest) {
         // Explicitly close the writer after successful completion
         await writer.close();
       } catch (error: any) {
-        if (error.message?.includes("exceeded your monthly included credits")) {
+        if (!IS_UNLIMITED_MODE && error.message?.includes("exceeded your monthly included credits")) {
           await writer.write(
             encoder.encode(
               JSON.stringify({
@@ -283,8 +288,10 @@ export async function PUT(request: NextRequest) {
     : authHeaders.get("x-forwarded-for");
 
   if (!token) {
-    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
-    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+    if (!IS_UNLIMITED_MODE) {
+      ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    }
+    if (!IS_UNLIMITED_MODE && ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
       return NextResponse.json(
         {
           ok: false,
@@ -343,13 +350,19 @@ export async function PUT(request: NextRequest) {
       }
       const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
       const contents = [
-        { role: "user", parts: [{ text: systemPrompt }] },
         { role: "user", parts: [{ text: userContext }] },
         { role: "model", parts: [{ text: assistantContext }] },
         { role: "user", parts: [{ text: prompt }] },
       ];
-      const config: any = { generationConfig: { maxOutputTokens: dynamicMaxTokens } };
-      const response = await ai.models.generateContentStream({ model: selectedModel.value, config, contents });
+      const config: any = { maxOutputTokens: dynamicMaxTokens };
+      const response = await ai.models.generateContentStream({
+        model: selectedModel.value,
+        config,
+        contents: [
+          { role: "user", parts: [{ text: systemPrompt }] },
+          ...contents,
+        ],
+      });
       const iterable: any = (response as any)?.stream ?? response;
       for await (const c of iterable as AsyncIterable<any>) {
         const text = (c && (c.text ?? c?.candidates?.[0]?.content?.parts?.[0]?.text)) || "";
@@ -624,7 +637,7 @@ This project was created with [DeepSite](https://deepsite.hf.co).
       );
     }
   } catch (error: any) {
-    if (error.message?.includes("exceeded your monthly included credits")) {
+    if (!IS_UNLIMITED_MODE && error.message?.includes("exceeded your monthly included credits")) {
       return NextResponse.json(
         {
           ok: false,

app/api/auth/login-url/route.ts

@@ -2,20 +2,12 @@ import { NextRequest, NextResponse } from "next/server";
 
 export async function GET(req: NextRequest) {
   const host = req.headers.get("host") ?? "localhost:3000";
-  
-  let url: string;
-  if (host.includes("localhost")) {
-    url = host;
-  } else if (host.includes("hf.space") || host.includes("/spaces/enzostvs")) {
-    url = "enzostvs-deepsite.hf.space";
-  } else {
-    url = "deepsite.hf.co";
-  }
-  
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
+  const baseFromEnv = process.env.PUBLIC_BASE_URL?.trim();
+  const isLocal = (baseFromEnv || host).includes("localhost");
+  const protocol = isLocal ? "http" : "https";
+  const baseUrl = baseFromEnv || `${protocol}://${host}`;
+  const redirectPath = process.env.AUTH_REDIRECT_PATH || "/auth/callback";
+  const redirect_uri = `${baseUrl}${redirectPath}`;
 
   const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
   

app/api/auth/route.ts

@@ -21,16 +21,13 @@ export async function POST(req: NextRequest) {
     `${process.env.OAUTH_CLIENT_ID}:${process.env.OAUTH_CLIENT_SECRET}`
   ).toString("base64")}`;
 
-  const host =
-    req.headers.get("host") ?? req.headers.get("origin") ?? "localhost:3000";
-
-  const url = host.includes("/spaces/enzostvs")
-    ? "enzostvs-deepsite.hf.space"
-    : host;
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
+  const host = req.headers.get("host") ?? req.headers.get("origin") ?? "localhost:3000";
+  const baseFromEnv = process.env.PUBLIC_BASE_URL?.trim();
+  const isLocal = (baseFromEnv || host).includes("localhost");
+  const protocol = isLocal ? "http" : "https";
+  const baseUrl = baseFromEnv || `${protocol}://${host}`;
+  const redirectPath = process.env.AUTH_REDIRECT_PATH || "/auth/callback";
+  const redirect_uri = `${baseUrl}${redirectPath}`;
   const request_auth = await fetch("https://huggingface.co/oauth/token", {
     method: "POST",
     headers: {

app/api/enhance/route.ts

@@ -0,0 +1,61 @@
+import { NextRequest, NextResponse } from "next/server";
+import { GoogleGenAI } from "@google/genai";
+import { InferenceClient } from "@huggingface/inference";
+
+export async function POST(req: NextRequest) {
+  try {
+    const { prompt, model, provider, enhancedSettings } = await req.json();
+    if (!prompt || typeof prompt !== 'string') {
+      return NextResponse.json({ ok: false, message: 'Missing prompt' }, { status: 400 });
+    }
+
+    const system = `You are a senior product designer and prompt engineer. Rewrite the user's prompt to make it clearer, more actionable and specific for an AI that builds complete web applications (frontend-first with modern, responsive, accessible UI; optionally include backend notes if requested). Always preserve the original intent but add concrete details, constraints, and acceptance criteria. If enhanced settings are provided (colors, theme, etc.), weave them naturally into the prompt. Return ONLY the rewritten prompt, nothing else.`;
+
+    const userParts: string[] = [
+      `Original prompt: ${prompt}`
+    ];
+    if (enhancedSettings?.isActive) {
+      userParts.push(
+        `Enhanced settings: primary=${enhancedSettings?.primaryColor || 'auto'}, secondary=${enhancedSettings?.secondaryColor || 'auto'}, theme=${enhancedSettings?.theme || 'auto'}`
+      );
+    }
+
+    const selectedProvider = (provider || '').toLowerCase();
+    let text = '';
+
+    if (selectedProvider === 'google' || (model || '').toLowerCase().startsWith('gemini-')) {
+      const apiKey = process.env.GEMINI_API_KEY;
+      if (!apiKey) return NextResponse.json({ ok: false, message: 'Missing GEMINI_API_KEY' }, { status: 500 });
+      const ai = new GoogleGenAI({ apiKey });
+      const res = await ai.models.generateContent({
+        model: model || 'gemini-2.5-flash',
+        contents: [
+          { role: 'user', parts: [{ text: system }] },
+          { role: 'user', parts: [{ text: userParts.join('\n') }] },
+        ],
+        config: { maxOutputTokens: 1024 },
+      } as any);
+      text = (res as any)?.candidates?.[0]?.content?.parts?.[0]?.text || '';
+    } else {
+      const token = process.env.HF_TOKEN || process.env.DEFAULT_HF_TOKEN;
+      const client = new InferenceClient(token);
+      const res = await client.chatCompletion({
+        model: model,
+        provider: provider as any,
+        messages: [
+          { role: 'system', content: system },
+          { role: 'user', content: userParts.join('\n') },
+        ],
+      });
+      text = res.choices?.[0]?.message?.content || '';
+    }
+
+    if (!text.trim()) {
+      return NextResponse.json({ ok: false, message: 'No content returned' }, { status: 500 });
+    }
+    return NextResponse.json({ ok: true, prompt: text });
+  } catch (e: any) {
+    return NextResponse.json({ ok: false, message: e?.message || 'Internal error' }, { status: 500 });
+  }
+}
+

app/new/page.tsx

@@ -3,9 +3,9 @@ import { Metadata } from "next";
 import { generateSEO } from "@/lib/seo";
 
 export const metadata: Metadata = generateSEO({
-  title: "Create New Project - DeepSite",
+  title: "Create New Project - OmniDev",
   description:
-    "Start building your next website with AI. Create a new project on DeepSite and experience the power of AI-driven web development.",
+    "Start building your next website with AI. Create a new project on OmniDev and experience the power of AI-driven web development.",
   path: "/new",
 });
 

components/animated-text/index.tsx

@@ -100,7 +100,7 @@ export function AnimatedText({ className = "" }: AnimatedTextProps) {
 
   return (
     <p className={`font-mono ${className}`}>
-      Hey DeepSite,&nbsp;
+      Hey OmniDev,&nbsp;
       {displayText.split("").map((char, index) => (
         <span
           key={`${currentSuggestionIndex}-${index}`}

components/contexts/pro-context.tsx

@@ -16,6 +16,7 @@ const ProContext = createContext<ProContextType | undefined>(undefined);
 export function ProProvider({ children }: { children: ReactNode }) {
   const [isOpen, setIsOpen] = useState(false);
   const { pages } = useEditor();
+  const isUnlimited = (process.env.UNLIMITED_MODE || '').toLowerCase() === 'true';
 
   const openProModal = () => {
     setIsOpen(true);
@@ -34,7 +35,9 @@ export function ProProvider({ children }: { children: ReactNode }) {
   return (
     <ProContext.Provider value={value}>
       {children}
-      <ProModal open={isOpen} onClose={setIsOpen} pages={pages} />
+      {!isUnlimited && (
+        <ProModal open={isOpen} onClose={setIsOpen} pages={pages} />
+      )}
     </ProContext.Provider>
   );
 }

components/editor/ask-ai/index.tsx

@@ -15,11 +15,12 @@ import { Uploader } from "@/components/editor/ask-ai/uploader";
 import { ReImagine } from "@/components/editor/ask-ai/re-imagine";
 import { Selector } from "@/components/editor/ask-ai/selector";
 import { PromptBuilder } from "@/components/editor/ask-ai/prompt-builder";
+import { PromptEnhancer } from "@/components/editor/ask-ai/prompt-enhancer";
 import { useUser } from "@/hooks/useUser";
 import { useLoginModal } from "@/components/contexts/login-context";
 import { Settings } from "./settings";
 import { useProModal } from "@/components/contexts/pro-context";
-import { MAX_FREE_PROJECTS } from "@/lib/utils";
+import { IS_UNLIMITED, MAX_FREE_PROJECTS } from "@/lib/utils";
 import { PROMPTS_FOR_AI } from "@/lib/prompts";
 
 export const AskAi = ({
@@ -80,7 +81,7 @@ export const AskAi = ({
 
   const callAi = async (redesignMarkdown?: string) => {
     removePromptStorage();
-    if (user && !user.isPro && projects.length >= MAX_FREE_PROJECTS)
+    if (!IS_UNLIMITED && user && !user.isPro && projects.length >= MAX_FREE_PROJECTS)
       return openProModal([]);
     if (isAiWorking) return;
     if (!redesignMarkdown && !prompt.trim()) return;
@@ -170,7 +171,7 @@ export const AskAi = ({
               }}
             >
               <p className="text-sm font-medium text-neutral-300 group-hover:text-neutral-200 transition-colors duration-200">
-                {isThinking ? "DeepSite is thinking..." : "DeepSite's plan"}
+                {isThinking ? "OmniDev is thinking..." : "OmniDev's plan"}
               </p>
               <ChevronDown
                 className={classNames(
@@ -224,8 +225,8 @@ export const AskAi = ({
                     : isUploading
                     ? "Uploading images..."
                     : isAiWorking && !isSameHtml
-                    ? "DeepSite is working..."
-                    : "DeepSite is thinking..."
+                    ? "OmniDev is working..."
+                    : "OmniDev is thinking..."
                 }
               />
               {isAiWorking && (
@@ -254,10 +255,10 @@ export const AskAi = ({
             )}
             placeholder={
               selectedElement
-                ? `Ask DeepSite about ${selectedElement.tagName.toLowerCase()}...`
+                ? `Ask OmniDev about ${selectedElement.tagName.toLowerCase()}...`
                 : isFollowUp && (!isSameHtml || pages?.length > 1)
-                ? "Ask DeepSite for edits"
-                : "Ask DeepSite anything..."
+                ? "Ask OmniDev for edits"
+                : "Ask OmniDev anything..."
             }
             value={prompt}
             onChange={(e) => setPrompt(e.target.value)}
@@ -288,6 +289,7 @@ export const AskAi = ({
               enhancedSettings={enhancedSettings!}
               setEnhancedSettings={setEnhancedSettings}
             />
+            <PromptEnhancer prompt={prompt} setPrompt={setPrompt} enhancedSettings={enhancedSettings!} />
             <Settings
               open={openProvider}
               error={providerError}
@@ -320,3 +322,4 @@ export const AskAi = ({
     </div>
   );
 };
+

components/editor/ask-ai/prompt-enhancer.tsx

@@ -0,0 +1,53 @@
+"use client";
+import { WandSparkles } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useState } from "react";
+import { useAi } from "@/hooks/useAi";
+import { EnhancedSettings } from "@/types";
+import { toast } from "sonner";
+
+export function PromptEnhancer({
+  prompt,
+  setPrompt,
+  enhancedSettings,
+}: {
+  prompt: string;
+  setPrompt: (p: string) => void;
+  enhancedSettings: EnhancedSettings;
+}) {
+  const { model, provider, globalAiLoading } = useAi();
+  const [loading, setLoading] = useState(false);
+
+  const enhance = async () => {
+    if (!prompt.trim()) return;
+    try {
+      setLoading(true);
+      const res = await fetch('/api/enhance', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ prompt, model, provider, enhancedSettings }),
+      });
+      const data = await res.json();
+      if (!res.ok || !data.ok) throw new Error(data.message || 'Failed to enhance prompt');
+      setPrompt(data.prompt);
+      toast.success('Prompt enhanced');
+    } catch (e: any) {
+      toast.error(e?.message || 'Failed to enhance');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <Button
+      size="xs"
+      variant="outline"
+      className="!rounded-md"
+      disabled={loading || globalAiLoading || !prompt.trim()}
+      onClick={enhance}
+    >
+      <WandSparkles className="size-3.5" /> Improve
+    </Button>
+  );
+}
+

components/editor/index.tsx

@@ -103,7 +103,7 @@ export const AppEditor = ({
               readOnlyMessage: {
                 value: currentCommit
                   ? "You can't edit the code, as this is an old version of the project."
-                  : "Wait for DeepSite to finish working...",
+                  : "Wait for OmniDev to finish working...",
                 isTrusted: true,
               },
             }}

components/iframe-detector/index.tsx

@@ -15,8 +15,7 @@ export default function IframeDetector() {
         host.endsWith(".hf.co") ||
         host === "huggingface.co" ||
         host === "hf.co" ||
-        host === "enzostvs-deepsite.hf.space" ||
-        host === "deepsite.hf.co"
+        host === (process.env.NEXT_PUBLIC_ALLOWED_IFRAME_HOST || "omnidev.hf.co")
       );
     };
 

components/iframe-detector/modal.tsx

@@ -21,7 +21,7 @@ export default function IframeWarningModal({
 }: // onOpenChange,
 IframeWarningModalProps) {
   const handleVisitSite = () => {
-    window.open("https://deepsite.hf.co", "_blank");
+    window.open(process.env.NEXT_PUBLIC_HOME_URL || "https://omnidev.hf.co", "_blank");
   };
 
   return (
@@ -33,7 +33,7 @@ IframeWarningModalProps) {
             <DialogTitle>Unauthorized Embedding</DialogTitle>
           </div>
           <DialogDescription className="text-left">
-            You&apos;re viewing DeepSite through an unauthorized iframe. For the
+            You&apos;re viewing OmniDev through an unauthorized iframe. For the
             best experience and security, please visit the official website
             directly.
           </DialogDescription>
@@ -52,7 +52,7 @@ IframeWarningModalProps) {
         <DialogFooter className="flex-col sm:flex-row gap-2">
           <Button onClick={handleVisitSite} className="w-full sm:w-auto">
             <ExternalLink className="mr-2 h-4 w-4" />
-            Visit Deepsite.hf.co
+            Visit OmniDev
           </Button>
         </DialogFooter>
       </DialogContent>

components/login-modal/index.tsx

@@ -9,8 +9,8 @@ import { useEditor } from "@/hooks/useEditor";
 export const LoginModal = ({
   open,
   onClose,
-  title = "Log In to use DeepSite for free",
-  description = "Log In through your Hugging Face account to continue using DeepSite and increase your monthly free limit.",
+  title = "Log In to use OmniDev",
+  description = "Log In through your Hugging Face account to continue using OmniDev.",
   prompt,
 }: {
   open: boolean;

components/my-projects/index.tsx

@@ -7,7 +7,7 @@ import { toast } from "sonner";
 import { useUser } from "@/hooks/useUser";
 import { ProjectType } from "@/types";
 import { ProjectCard } from "./project-card";
-import { MAX_FREE_PROJECTS } from "@/lib/utils";
+import { IS_UNLIMITED, MAX_FREE_PROJECTS } from "@/lib/utils";
 import { ProTag } from "@/components/pro-modal";
 import { Button } from "@/components/ui/button";
 import { useProModal } from "@/components/contexts/pro-context";
@@ -39,28 +39,26 @@ export function MyProjects() {
           <div className="text-left">
             <h1 className="text-3xl font-bold text-white">
               <span className="capitalize">{user?.fullname}</span>&apos;s
-              DeepSite Projects
-              {user?.isPro ? (
-                ""
-              ) : (
+              OmniDev Projects
+              {!IS_UNLIMITED && !user?.isPro && (
                 <span className="text-neutral-400 text-2xl ml-2">
                   ({projects.length}/{MAX_FREE_PROJECTS})
                 </span>
               )}
             </h1>
             <p className="text-muted-foreground text-lg mt-1 max-w-xl">
-              {user?.isPro ? (
-                "Create, manage, and explore your DeepSite projects."
-              ) : (
+              {IS_UNLIMITED || user?.isPro
+                ? "Create, manage, and explore your OmniDev projects."
+                : (
                 <span>
                   Upgrade to{" "}
                   <ProTag className="mx-1" onClick={() => openProModal([])} />{" "}
-                  to create unlimited projects with DeepSite.
+                  to create more projects.
                 </span>
               )}
             </p>
           </div>
-          {projects?.length >= MAX_FREE_PROJECTS && !user?.isPro ? (
+          {projects?.length >= MAX_FREE_PROJECTS && !user?.isPro && !IS_UNLIMITED ? (
             <Button
               size="default"
               variant="default"
@@ -74,7 +72,7 @@ export function MyProjects() {
           )}
         </header>
         <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 ? (
+          {IS_UNLIMITED || projects.length < MAX_FREE_PROJECTS || user?.isPro ? (
             <Link
               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"

lib/api.ts

@@ -2,14 +2,14 @@ import axios from "axios";
 import MY_TOKEN_KEY from "./get-cookie-name";
 
 export const api = axios.create({
-  baseURL: `/api`,
+  baseURL: (typeof window !== 'undefined' ? (process.env.NEXT_PUBLIC_APP_API_URL as string) : undefined) || `/api`,
   headers: {
     cache: "no-store",
   },
 });
 
 export const apiServer = axios.create({
-  baseURL: process.env.NEXT_APP_API_URL as string,
+  baseURL: (process.env.NEXT_APP_API_URL as string) || `http://localhost:3000/api`,
   headers: {
     cache: "no-store",
   },

lib/prompts.ts

@@ -25,7 +25,7 @@ You create website in a way a designer would, using ONLY HTML, CSS and Javascrip
 Try to create the best UI possible. Important: Make the website responsive by using TailwindCSS. Use it as much as you can, if you can't use it, use custom css (make sure to import tailwind with <script src="https://cdn.tailwindcss.com"></script> in the head).
 Also try to elaborate as much as you can, to create something unique, with a great design.
 If you want to use ICONS import Feather Icons (Make sure to add <script src="https://unpkg.com/feather-icons"></script> and <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> in the head., and <script>feather.replace();</script> in the body. Ex : <i data-feather="user"></i>).
-For interactive animations you can use: Vanta.js (Make sure to add <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> and <script>VANTA.GLOBE({...</script> in the body.).
+For interactive animations you can use: Vanta.js (Make sure to add <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> and <script>VANTA.GLOBE({...</script> in the body.). Prefer stunning hero sections with animated backgrounds (e.g., animated gradients, particles, waves, noise overlay, parallax) while keeping performance and accessibility in mind.
 Don't hesitate to use real public API for the datas, you can find good ones here https://github.com/public-apis/public-apis depending on what the user asks for.
 You can create multiple pages website at once (following the format rules below) or a Single Page Application. But make sure to create multiple pages if the user asks for different pages.
 ${PROMPT_FOR_IMAGE_GENERATION}
@@ -167,4 +167,4 @@ export const PROMPTS_FOR_AI = [
   "Create a Password Generator, with a password generator section, and a history section.",
   "Create a Currency Converter, with a currency converter section, and a history section.",
   "Create a Dictionary, with a dictionary section, and a history section.",
-];
+];

lib/seo.ts

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

lib/utils.ts

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from "clsx";
+import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
@@ -16,7 +16,9 @@ export const COLORS = [
 ];
 
 export const getPTag = (repoId: string) => {
-  return `<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=${repoId}" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p>`;
+  const base = process.env.PUBLIC_BASE_URL || "https://omnidev.hf.co";
+  return `<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="${base}/logo.svg" alt="OmniDev Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="${base}" style="color: #fff;text-decoration: underline;" target="_blank">OmniDev</a> - <a href="${base}?remix=${repoId}" style="color: #fff;text-decoration: underline;" target="_blank">Remix</a></p>`;
 };
 
-export const MAX_FREE_PROJECTS = 3;
+export const IS_UNLIMITED = (process.env.UNLIMITED_MODE || "").toLowerCase() === "true";
+export const MAX_FREE_PROJECTS = IS_UNLIMITED ? 1000000 : 3;

middleware.ts

@@ -10,7 +10,8 @@ export function middleware(request: NextRequest) {
   if (request.nextUrl.pathname.startsWith('/_next/static')) {
     response.headers.set('Cache-Control', 'public, max-age=31536000, immutable');
   }
-  response.headers.set('X-Canonical-URL', `https://deepsite.hf.co${request.nextUrl.pathname}`);
+  const canonicalBase = process.env.PUBLIC_BASE_URL || `https://${request.nextUrl.host}`;
+  response.headers.set('X-Canonical-URL', `${canonicalBase}${request.nextUrl.pathname}`);
   
   return response;
 }