minor final fixes

apps/formbricks-com/app/docs/best-practices/cancel-subscription/page.mdx

@@ -47,7 +47,7 @@ To run the Churn Survey in your app you want to proceed as follows:
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages
-  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart)
+  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey)
 </Note>
 
 ### 1. Create new Churn Survey
@@ -158,7 +158,7 @@ These settings make sure the survey is always displayed, when a user wants to Ca
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Churn Survey in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ###

apps/formbricks-com/app/docs/best-practices/feature-chaser/page.mdx

@@ -44,7 +44,7 @@ To run the Feature Chaser survey in your app you want to proceed as follows:
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages
-  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart)
+  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey)
 </Note>
 
 ### 1. Create new Feature Chaser
@@ -128,7 +128,7 @@ Lastly, scroll down to “Recontact Options”. Here you have full freedom to de
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Feature Chaser in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ###

apps/formbricks-com/app/docs/best-practices/feedback-box/page.mdx

@@ -133,7 +133,7 @@ Scroll down to “Recontact Options”. Here you have to choose the right settin
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ### &nbsp;

apps/formbricks-com/app/docs/best-practices/improve-trial-cr/page.mdx

@@ -44,7 +44,7 @@ To display the Trial Conversion Survey in your app you want to proceed as follow
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages
-  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart)
+  and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey)
 </Note>
 
 ### 1. Create new Trial Conversion Survey
@@ -137,7 +137,7 @@ Lastly, scroll down to “Recontact Options”. Here you have to choose the corr
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ###

apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx

@@ -49,7 +49,7 @@ To display an Interview Prompt in your app you want to proceed as follows:
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages
-  and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart)
+  and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart-in-app-survey)
 </Note>
 
 ### 1. Create new Interview Prompt
@@ -162,7 +162,7 @@ Scroll down to “Recontact Options”. Here you have to choose the correct sett
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ###

apps/formbricks-com/app/docs/best-practices/pmf-survey/page.mdx

@@ -43,7 +43,7 @@ To display the Product-Market Fit survey in your app you want to proceed as foll
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages
-  and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart)
+  and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart-in-app-survey)
 </Note>
 
 ### 1. Create new PMF survey
@@ -134,7 +134,7 @@ Lastly, scroll down to “Recontact Options”. Here you have to choose the corr
 <Note>
   ## Formbricks Widget running? {{ class: "text-white" }}
   You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this
-  tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget.
+  tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget.
 </Note>
 
 ###

apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx

@@ -111,10 +111,10 @@ In the manual below, this code snippet contains all the information you need:
 
 In a local instance of your app, you'll embed the Formbricks Widget. Dependent on your frontend tech, the setup differs a bit:
 
-- [Next.JS App Directory](/docs/getting-started/nextjs-app)
-- [Next.JS Pages Directory](/docs/getting-started/nextjs-pages)
-- [React (Create React App)](/docs/getting-started/react)
-- [Vue.JS](/docs/getting-started/vuejs)
+- [Next.JS App Directory](/docs/getting-started/framework-guides#next-js)
+- [Next.JS Pages Directory](/docs/getting-started/framework-guides#next-js)
+- [React (Create React App)](/docs/getting-started/framework-guides#react-js)
+- [Vue.JS](/docs/getting-started/framework-guides#vue-js)
 
 ## Restart your app and open browser console
 

apps/formbricks-com/components/docs/GettingStarted.tsx

@@ -8,7 +8,7 @@ const gettingStarted = [
     description: "Get up and running with our cloud and JavaScript widget",
   },
   {
-    href: "/docs/getting-started/nextjs-app",
+    href: "/docs/getting-started/framework-guides#next-js",
     name: "Next.js App",
     description: "Integrate the Formbricks SDK into a Next.js application with the new app directory",
   },

apps/formbricks-com/components/docs/Libraries.tsx

@@ -8,26 +8,26 @@ import logoVueJs from "@/images/logos/vuejs.svg";
 
 const libraries = [
   {
-    href: "#formbricks-x-html",
+    href: "#html",
     name: "HTML",
     description: "All you need to do is add 3 lines of code to your HTML script and thats it, you're done!",
     logo: logoHtml,
   },
   {
-    href: "#formbricks-x-react-js",
+    href: "#react-js",
     name: "React.js",
     description: "Load the our Js library with your environment ID and you're ready to go!",
     logo: logoReactJs,
   },
   {
-    href: "#formbricks-x-next-js",
+    href: "#next-js",
     name: "Next.js",
     description:
       "Natively add us to your NextJs project with support for both App as well as Pages project structure!",
     logo: logoNextjs,
   },
   {
-    href: "#formbricks-x-vue-js",
+    href: "#vue-js",
     name: "Vue.js",
     description: "Simply add us to your router change and sit back!",
     logo: logoVueJs,

apps/formbricks-com/next.config.mjs

@@ -72,7 +72,7 @@ const nextConfig = {
       },
       {
         source: "/docs/getting-started/nextjs",
-        destination: "/docs/getting-started/nextjs-app",
+        destination: "/docs/getting-started/framework-guides#next-js",
         permanent: true,
       },
       {

apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx

@@ -11,7 +11,7 @@ export default function IntegrationsPage({ params }) {
       <p className="mb-6 text-slate-500">Connect Formbricks with your favorite tools.</p>
       <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
         <Card
-          docsHref="https://formbricks.com/docs/getting-started/nextjs-app"
+          docsHref="https://formbricks.com/docs/getting-started/framework-guides#next-js"
           docsText="Docs"
           docsNewTab={true}
           label="Javascript Widget"