diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/Header.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/Header.tsx
index 63e0daaa..06c68e8c 100644
--- a/servers/nextjs/app/(presentation-generator)/presentation/components/Header.tsx
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/Header.tsx
@@ -231,7 +231,7 @@ const Header = ({
   };
   const downloadLink = (url: string) => {
     const link = document.createElement("a");
-    link.href = url;
+    link.href = `file://${url}`;
     // Append to document, trigger click and remove
     document.body.appendChild(link);
     link.click();
@@ -248,6 +248,11 @@ const Header = ({
       const data = await PresentationGenerationApi.exportAsPDF(apiBody);
 
       if (data.url) {
+        toast({
+          title: "Presentation exported successfully",
+          description: `Please check this path ${data.url}`,
+          variant: "default",
+        });
         downloadLink(data.url);
       }
       setShowLoader(false);
@@ -329,7 +334,7 @@ const Header = ({
       />
       <Announcement />
       <Wrapper className="flex items-center justify-between py-2">
-        <Link href="/" className="min-w-[162px]">
+        <Link href="/dashboard" className="min-w-[162px]">
           <Image
             src="/logo-white.png"
             alt="Presentation logo"
diff --git a/servers/nextjs/app/(presentation-generator)/services/api/presentation-generation.ts b/servers/nextjs/app/(presentation-generator)/services/api/presentation-generation.ts
index 02bff7f0..6c4f0cc6 100644
--- a/servers/nextjs/app/(presentation-generator)/services/api/presentation-generation.ts
+++ b/servers/nextjs/app/(presentation-generator)/services/api/presentation-generation.ts
@@ -354,7 +354,7 @@ export class PresentationGenerationApi {
   static async exportAsPPTX(presentationData: any) {
     try {
       const response = await fetch(
-        `${BASE_URL}/ppt/presentation/export_as_pptx/`,
+        `${BASE_URL}/ppt/presentation/export_as_pptx`,
         {
           method: "POST",
           headers: getHeader(),
@@ -380,7 +380,7 @@ export class PresentationGenerationApi {
   static async exportAsPDF(presentationData: any) {
     try {
       const response = await fetch(
-        `${BASE_URL}/ppt/presentation/export_as_pdf/`,
+        `${BASE_URL}/ppt/presentation/export_as_pdf`,
         {
           method: "POST",
           headers: getHeader(),
diff --git a/servers/nextjs/app/dashboard/components/Header.tsx b/servers/nextjs/app/dashboard/components/Header.tsx
index a07db2da..9cbf81ab 100644
--- a/servers/nextjs/app/dashboard/components/Header.tsx
+++ b/servers/nextjs/app/dashboard/components/Header.tsx
@@ -15,7 +15,7 @@ const Header = () => {
         <div className="flex items-center justify-between py-2">
           <div className="flex items-center gap-3">
             {pathname !== '/upload' && <BackBtn />}
-            <Link href="/">
+            <Link href="/dashboard">
               <Image
                 src="/logo-white.png"
                 alt="Presentation logo"
@@ -26,10 +26,6 @@ const Header = () => {
             </Link>
           </div>
           <div className="flex items-center gap-3 sm:gap-5 md:gap-10">
-            {/* {pathname !== '/dashboard' && <a href="/dashboard" className='flex cursor-pointer hover:text-gray-200 duration-300 items-center gap-1 font-neue-montreal font-medium text-white'>
-                            <LayoutDashboard className='w-4 h-4 mr-2 text-white' /> Dashboard
-                        </a>} */}
-
             <UserAccount />
           </div>
         </div>
diff --git a/servers/nextjs/app/page.tsx b/servers/nextjs/app/page.tsx
index 30cc3dd6..25390701 100644
--- a/servers/nextjs/app/page.tsx
+++ b/servers/nextjs/app/page.tsx
@@ -1,10 +1,16 @@
 "use client";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { toast } from "@/hooks/use-toast";
-import { Info, ExternalLink, PlayCircle } from "lucide-react";
+import { Info, ExternalLink, PlayCircle, Loader2 } from "lucide-react";
 import Link from "next/link";
 import { getEnv } from "@/utils/constant";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
 
 interface ModelOption {
   value: string;
@@ -89,10 +95,9 @@ interface ConfigState {
   imageModel: string;
 }
 
-
 export default function Home() {
-  const urls = getEnv();
   const router = useRouter();
+  const [isLoading, setIsLoading] = useState(true);
   const [config, setConfig] = useState<ConfigState>({
     provider: "openai",
     apiKey: "",
@@ -100,6 +105,51 @@ export default function Home() {
     imageModel: PROVIDER_CONFIGS.openai.imageModels[0].value,
   });
 
+  useEffect(() => {
+    const checkExistingConfig = async () => {
+      try {
+        const urls = getEnv();
+        const userConfigPath = urls.USER_CONFIG_PATH;
+
+        if (!userConfigPath) {
+          console.error("User config path not found");
+          setIsLoading(false);
+          return;
+        }
+
+        const response = await fetch(`/api/read-config?path=${encodeURIComponent(userConfigPath)}`);
+        if (!response.ok) {
+          throw new Error('Failed to load configuration');
+        }
+
+        const { config: savedConfig } = await response.json();
+
+        // If either API key exists, redirect to upload
+        if (savedConfig?.OPENAI_API_KEY || savedConfig?.GOOGLE_API_KEY) {
+          router.push('/upload');
+        } else {
+          setIsLoading(false);
+        }
+      } catch (error) {
+        console.error("Error checking config:", error);
+        setIsLoading(false);
+      }
+    };
+
+    checkExistingConfig();
+  }, [router]);
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen bg-gradient-to-b from-gray-50 to-white flex items-center justify-center">
+        <div className="text-center">
+          <Loader2 className="w-8 h-8 animate-spin text-blue-600 mx-auto mb-4" />
+          <p className="text-gray-600">Loading configuration...</p>
+        </div>
+      </div>
+    );
+  }
+
   const handleProviderChange = (provider: string) => {
     setConfig((prev) => ({
       ...prev,
@@ -130,7 +180,7 @@ export default function Home() {
     }
 
     try {
-      const userConfigPath = urls.USER_CONFIG_PATH;
+      const userConfigPath = getEnv().USER_CONFIG_PATH;
 
       if (!userConfigPath) {
         toast({
@@ -172,7 +222,7 @@ export default function Home() {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-gray-50 to-white">
+    <div className="min-h-screen bg-gradient-to-b font-satoshi from-gray-50 to-white">
       <main className="container mx-auto px-4 py-12 max-w-3xl">
         {/* Branding Header */}
         <div className="text-center mb-12">
@@ -259,46 +309,51 @@ export default function Home() {
             </div>
           </div>
           {/* API Guide Section */}
-          <div className="mb-8 bg-gray-50 rounded-lg p-6 border border-gray-200">
-            <div className="flex items-start gap-3 mb-4">
-              <Info className="w-5 h-5 text-blue-600 mt-1" />
-              <h3 className="text-lg font-medium text-gray-900">
-                {currentProvider.apiGuide.title}
-              </h3>
-            </div>
+          <Accordion type="single" collapsible className="mb-8 bg-gray-50 rounded-lg border border-gray-200">
+            <AccordionItem value="guide" className="border-none">
+              <AccordionTrigger className="px-6 py-4 hover:no-underline">
+                <div className="flex items-start gap-3">
+                  <Info className="w-5 h-5 text-blue-600 mt-1" />
+                  <h3 className="text-lg font-medium text-gray-900">
+                    {currentProvider.apiGuide.title}
+                  </h3>
+                </div>
+              </AccordionTrigger>
+              <AccordionContent className="px-6 pb-6">
+                <div className="space-y-4">
+                  <ol className="list-decimal list-inside space-y-2 text-gray-600">
+                    {currentProvider.apiGuide.steps.map((step, index) => (
+                      <li key={index} className="text-sm">
+                        {step}
+                      </li>
+                    ))}
+                  </ol>
 
-            <div className="space-y-4">
-              <ol className="list-decimal list-inside space-y-2 text-gray-600">
-                {currentProvider.apiGuide.steps.map((step, index) => (
-                  <li key={index} className="text-sm">
-                    {step}
-                  </li>
-                ))}
-              </ol>
-
-              <div className="flex flex-col sm:flex-row gap-4 mt-6">
-                {currentProvider.apiGuide.videoUrl && (
-                  <Link
-                    href={currentProvider.apiGuide.videoUrl}
-                    target="_blank"
-                    className="flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 transition-colors"
-                  >
-                    <PlayCircle className="w-4 h-4" />
-                    Watch Video Tutorial
-                    <ExternalLink className="w-3 h-3" />
-                  </Link>
-                )}
-                <Link
-                  href={currentProvider.apiGuide.docsUrl}
-                  target="_blank"
-                  className="flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 transition-colors"
-                >
-                  <span>Official Documentation</span>
-                  <ExternalLink className="w-3 h-3" />
-                </Link>
-              </div>
-            </div>
-          </div>
+                  <div className="flex flex-col sm:flex-row gap-4 mt-6">
+                    {currentProvider.apiGuide.videoUrl && (
+                      <Link
+                        href={currentProvider.apiGuide.videoUrl}
+                        target="_blank"
+                        className="flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 transition-colors"
+                      >
+                        <PlayCircle className="w-4 h-4" />
+                        Watch Video Tutorial
+                        <ExternalLink className="w-3 h-3" />
+                      </Link>
+                    )}
+                    <Link
+                      href={currentProvider.apiGuide.docsUrl}
+                      target="_blank"
+                      className="flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 transition-colors"
+                    >
+                      <span>Official Documentation</span>
+                      <ExternalLink className="w-3 h-3" />
+                    </Link>
+                  </div>
+                </div>
+              </AccordionContent>
+            </AccordionItem>
+          </Accordion>
 
           {/* Save Button */}
           <button