From 5ee5af3e8be4fef6d565c2b8dc21a4366a14c50a Mon Sep 17 00:00:00 2001 From: Matti Nannt Date: Fri, 10 Feb 2023 15:29:21 +0100 Subject: [PATCH] Docs revamp (#197) * add new docs for user research approach --------- Co-authored-by: knugget --- .../components/docs/FeedbackBoxDummy.tsx | 82 ++++++++ .../components/docs/FeedbackButtonPopover.tsx | 33 +++ .../formbricks-com/components/docs/Layout.tsx | 14 +- .../components/{shared => docs}/PmfDummy.tsx | 0 .../components/shared/APILayout.tsx | 24 ++- .../components/shared/HeaderPMF.tsx | 6 + apps/formbricks-com/images/docs/copy-id.png | Bin 0 -> 11672 bytes apps/formbricks-com/images/docs/new-pmf.png | Bin 0 -> 54185 bytes apps/formbricks-com/lib/docsNavigation.ts | 138 ++++++------- .../launch-formbricks-hq/API-endpoint.webp | Bin 26116 -> 0 bytes .../NPS-feedback-overview.webp | Bin 24562 -> 0 bytes .../pages/blog/launch-formbricks-hq/index.mdx | 95 --------- ...s HQ open source alternative formspree.png | Bin 83765 -> 0 bytes .../blog/react-form-library-launch/index.mdx | 71 ------- ...urvey with multi-step form open-source.png | Bin 81768 -> 0 bytes ...ary 2023 forms and surveys open source.png | Bin 120848 -> 0 bytes .../NPS-feedback-summary.webp | Bin .../NPS-filled-out.webp | Bin .../pages/blog/weekly-update-091222/index.mdx | 4 +- .../pages/blog/weekly-update-270123/index.mdx | 2 +- .../docs/api/create-submission/index.mdx | 76 +++++++ .../pages/docs/api/setup/index.mdx | 32 +++ .../pages/docs/api/update-schema/index.mdx | 75 +++++++ .../docs/api/update-submission/index.mdx | 75 +++++++ .../best-practices/feedback-box/index.mdx | 182 +++++++++++++++++ .../best-practices/interview-prompt/index.mdx | 14 ++ .../onboarding-segmentation/index.mdx | 14 ++ .../docs/best-practices/pmf-survey/index.mdx | 178 +++++++++++++++++ .../best-practices/waitlist-survey/index.mdx | 14 ++ .../what-are-best-practices/index.mdx | 25 +++ .../formbricks-hq/core-api/api-endpoints.png | Bin 63550 -> 0 bytes .../docs/formbricks-hq/core-api/index.mdx | 189 ------------------ ...sualisation-open-source-survey-builder.png | Bin 54003 -> 0 bytes .../pages/docs/formbricks-hq/schema/index.mdx | 99 --------- ...urce-data-form-builder-creator-webform.png | Bin 42408 -> 0 bytes ...n-source-form-creator-web-form-builder.png | Bin 20183 -> 0 bytes .../ui/email-notifications/index.mdx | 56 ------ ...p-1-send-web-form-to-email-open-source.png | Bin 19182 -> 0 bytes ...ct-email-survey-response-to-email-send.png | Bin 12813 -> 0 bytes ...d-form-data-to-open-source-alternative.png | Bin 20521 -> 0 bytes ...ey-data-via-mail-to-myself-open-source.png | Bin 9660 -> 0 bytes .../docs/formbricks-hq/ui/webhooks/index.mdx | 60 ------ ...p-3-send-form-data-webhook-open-source.png | Bin 15403 -> 0 bytes .../step-4-webhook-survey-data-opensource.png | Bin 9288 -> 0 bytes apps/formbricks-com/pages/docs/index.mdx | 9 +- .../docs/introduction/how-it-works/index.mdx | 36 ++++ .../how-to-achieve-this/index.mdx | 22 -- .../docs/introduction/quick-start/index.mdx | 12 -- .../introduction/what-is-formbricks/index.mdx | 28 +-- .../introduction/why-formbricks/index.mdx | 28 --- .../introduction/why-is-it-better/index.mdx | 21 ++ .../react-form-library/form-wrapper/index.mdx | 50 ----- ...-standard-css-form-open-source-builder.PNG | Bin 4747 -> 0 bytes ... form made with react library for free.PNG | Bin 26112 -> 0 bytes .../getting-started/data-output-console.png | Bin 26112 -> 0 bytes .../getting-started/index.mdx | 105 ---------- ...s-react-form-survey-library-builder-v1.PNG | Bin 6273 -> 0 bytes ...s-react-form-survey-library-builder-v1.png | Bin 17005 -> 0 bytes .../icon-name-react-library-form-builder.png | Bin 17960 -> 0 bytes .../docs/react-form-library/icons/index.mdx | 74 ------- ...build-forms-fast-validation-multi-step.png | Bin 67747 -> 0 bytes .../input-checkbox/index.mdx | 158 --------------- .../react-form-library/input-email/index.mdx | 83 -------- ...y-react-form-library-2023-forms-survey.png | Bin 16910 -> 0 bytes .../react-form-library/input-number/index.mdx | 94 --------- ...-form-library-build-forms-surveys-fast.png | Bin 16428 -> 0 bytes .../input-password/index.mdx | 91 --------- ...r-surveys-and-form-build-fast-and-easy.png | Bin 17121 -> 0 bytes .../react-form-library/input-phone/index.mdx | 85 -------- ...stom-styling-react-form-library-survey.png | Bin 66536 -> 0 bytes .../react-form-library/input-radio/index.mdx | 180 ----------------- ...s-exp-1-form-survey-best-react-library.png | Bin 4453 -> 0 bytes ...-exp-2-best-react-library-survey-forms.png | Bin 8096 -> 0 bytes ...es-exp-3-forms-and-survey-form-builder.png | Bin 8043 -> 0 bytes ...rvey-forms-validation-multi-step-forms.png | Bin 14605 -> 0 bytes .../react-form-library/input-search/index.mdx | 90 --------- .../react-form-library/input-submit/index.mdx | 52 ----- .../react-form-library/input-text/index.mdx | 85 -------- .../input-textarea/index.mdx | 92 --------- ...sy-react-form-librari-hook-form-survey.png | Bin 15698 -> 0 bytes .../react-form-library/input-url/index.mdx | 83 -------- .../react-form-library/introduction/index.mdx | 73 ------- .../introduction/sampleform.png | Bin 18030 -> 0 bytes ...formspree free alternative open source.png | Bin 20055 -> 0 bytes ...e alternative for free and open source.png | Bin 14659 -> 0 bytes ...source-alternative-for-free-opensource.png | Bin 20055 -> 0 bytes ...source-alternative-for-free-opensource.png | Bin 14659 -> 0 bytes ... source alternative for free opensorce.png | Bin 18396 -> 0 bytes ...source-alternative-for-free-opensource.png | Bin 18396 -> 0 bytes .../link-formbricks-hq/index.mdx | 70 ------- ...rary to custom style surveys and forms.png | Bin 46510 -> 0 bytes ...rary-to-custom-style-surveys-and-forms.png | Bin 46510 -> 0 bytes .../react-form-library/style-css/index.mdx | 139 ------------- ... to make open source surveys and forms.PNG | Bin 13271 -> 0 bytes ...-to-make-open-source-surveys-and-forms.png | Bin 13271 -> 0 bytes .../style-tailwind/index.mdx | 34 ---- .../validation-errors/index.mdx | 77 ------- ...t and fastest way to build forms react.png | Bin 21992 -> 0 bytes ...t-and-fastest-way-to-build-forms-react.png | Bin 21992 -> 0 bytes ...n source best way to build forms react.png | Bin 23710 -> 0 bytes ...n-source-best-way-to-build-forms-react.png | Bin 23710 -> 0 bytes .../work-with-components/index.mdx | 57 ------ .../deployment}/index.mdx | 9 +- .../docs/self-hosting/quick-start/index.mdx | 49 +++++ .../pages/docs/wrappers/email/index.mdx | 14 ++ .../pages/docs/wrappers/inline/index.mdx | 77 +++++++ .../pages/docs/wrappers/link/index.mdx | 14 ++ .../pages/docs/wrappers/modal/demo.tsx | 63 ++++++ .../pages/docs/wrappers/modal/index.mdx | 129 ++++++++++++ .../pages/docs/wrappers/pop-over/demo.tsx | 9 + .../pages/docs/wrappers/pop-over/index.mdx | 82 ++++++++ .../pages/docs/wrappers/slide-out/demo.tsx | 9 + .../pages/docs/wrappers/slide-out/index.mdx | 127 ++++++++++++ .../docs/wrappers/what-are-wrappers/index.mdx | 30 +++ apps/formbricks-com/pages/pmf.tsx | 2 +- apps/formbricks-com/tsconfig.json | 8 +- packages/feedback/test-cal.html | 33 --- packages/feedback/test-crowd.html | 32 --- packages/feedback/test-lotus.html | 34 ---- packages/pmf/src/form.css | 20 +- packages/pmf/src/index.ts | 19 +- 121 files changed, 1591 insertions(+), 2655 deletions(-) create mode 100644 apps/formbricks-com/components/docs/FeedbackBoxDummy.tsx create mode 100644 apps/formbricks-com/components/docs/FeedbackButtonPopover.tsx rename apps/formbricks-com/components/{shared => docs}/PmfDummy.tsx (100%) create mode 100644 apps/formbricks-com/images/docs/copy-id.png create mode 100644 apps/formbricks-com/images/docs/new-pmf.png delete mode 100644 apps/formbricks-com/pages/blog/launch-formbricks-hq/API-endpoint.webp delete mode 100644 apps/formbricks-com/pages/blog/launch-formbricks-hq/NPS-feedback-overview.webp delete mode 100644 apps/formbricks-com/pages/blog/launch-formbricks-hq/index.mdx delete mode 100644 apps/formbricks-com/pages/blog/launch-formbricks-hq/launch formbricks HQ open source alternative formspree.png delete mode 100644 apps/formbricks-com/pages/blog/react-form-library-launch/index.mdx delete mode 100644 apps/formbricks-com/pages/blog/react-form-library-launch/launch2-react library form builder survey with multi-step form open-source.png delete mode 100644 apps/formbricks-com/pages/blog/react-form-library-launch/v2 developer experience best react library 2023 forms and surveys open source.png rename apps/formbricks-com/pages/blog/{launch-formbricks-hq => weekly-update-091222}/NPS-feedback-summary.webp (100%) rename apps/formbricks-com/pages/blog/{launch-formbricks-hq => weekly-update-091222}/NPS-filled-out.webp (100%) create mode 100644 apps/formbricks-com/pages/docs/api/create-submission/index.mdx create mode 100644 apps/formbricks-com/pages/docs/api/setup/index.mdx create mode 100644 apps/formbricks-com/pages/docs/api/update-schema/index.mdx create mode 100644 apps/formbricks-com/pages/docs/api/update-submission/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/feedback-box/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/interview-prompt/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/onboarding-segmentation/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/pmf-survey/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/waitlist-survey/index.mdx create mode 100644 apps/formbricks-com/pages/docs/best-practices/what-are-best-practices/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/core-api/api-endpoints.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/core-api/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/schema/data-visualisation-open-source-survey-builder.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/schema/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/schema/no-schema-visualisation-of-open-source-data-form-builder-creator-webform.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/schema/schema-open-source-form-creator-web-form-builder.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/email-notifications/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/email-notifications/step-1-send-web-form-to-email-open-source.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/email-notifications/step-2-select-email-survey-response-to-email-send.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/email-notifications/step-3-add-email-to-send-form-data-to-open-source-alternative.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/email-notifications/step-4-set-active-to-send-survey-data-via-mail-to-myself-open-source.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/webhooks/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/webhooks/step-3-send-form-data-webhook-open-source.png delete mode 100644 apps/formbricks-com/pages/docs/formbricks-hq/ui/webhooks/step-4-webhook-survey-data-opensource.png create mode 100644 apps/formbricks-com/pages/docs/introduction/how-it-works/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/introduction/how-to-achieve-this/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/introduction/quick-start/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/introduction/why-formbricks/index.mdx create mode 100644 apps/formbricks-com/pages/docs/introduction/why-is-it-better/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/form-wrapper/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/basic-styling-standard-css-form-open-source-builder.PNG delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/data output console for open source form made with react library for free.PNG delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/data-output-console.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/plain-form-no-css-formbricks-react-form-survey-library-builder-v1.PNG delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/getting-started/simple-form-basic-theme-formbricks-react-form-survey-library-builder-v1.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/icons/icon-name-react-library-form-builder.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/icons/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-checkbox/Checkbox-input-form-survey-react-lib-easy-build-forms-fast-validation-multi-step.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-checkbox/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-email/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-number/Number-input-best-easy-react-form-library-2023-forms-survey.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-number/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-password/Password-input-easy-react-form-library-build-forms-surveys-fast.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-password/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-phone/Phone-react-library-for-surveys-and-form-build-fast-and-easy.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-phone/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-radio/Radio-CSS-custom-styling-react-form-library-survey.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-radio/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-radio/radio-boxes-exp-1-form-survey-best-react-library.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-radio/radio-boxes-exp-2-best-react-library-survey-forms.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-radio/radio-boxes-exp-3-forms-and-survey-form-builder.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-search/Search-input-react-form-library-survey-forms-validation-multi-step-forms.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-search/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-submit/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-text/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-textarea/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-url/URL-field-input-best-easy-react-form-librari-hook-form-survey.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/input-url/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/introduction/sampleform.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image 1 formspree free alternative open source.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image 2 formspree alternative for free and open source.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image1-formspree-open-source-alternative-for-free-opensource.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image2-formspree-open-source-alternative-for-free-opensource.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image3 formspree open source alternative for free opensorce.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/image3-formspree-open-source-alternative-for-free-opensource.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-css/HTML classes of Formbricks React Form Library to custom style surveys and forms.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-css/html-classes-of-formbricks-react-form-library-to-custom-style-surveys-and-forms.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-css/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-css/simple styling for best react from builder library to make open source surveys and forms.PNG delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-css/simple-styling-for-best-react-from-builder-library-to-make-open-source-surveys-and-forms.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/style-tailwind/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/validation-errors/styling of validation errors form react library open source best and fastest way to build forms react.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/validation-errors/styling-of-validation-errors-form-react-library-open-source-best-and-fastest-way-to-build-forms-react.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/validation-errors/validation errors form react library open source best way to build forms react.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/validation-errors/validation-errors-form-react-library-open-source-best-way-to-build-forms-react.png delete mode 100644 apps/formbricks-com/pages/docs/react-form-library/work-with-components/index.mdx rename apps/formbricks-com/pages/docs/{formbricks-hq/self-hosting => self-hosting/deployment}/index.mdx (83%) create mode 100644 apps/formbricks-com/pages/docs/self-hosting/quick-start/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/email/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/inline/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/link/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/modal/demo.tsx create mode 100644 apps/formbricks-com/pages/docs/wrappers/modal/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/pop-over/demo.tsx create mode 100644 apps/formbricks-com/pages/docs/wrappers/pop-over/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/slide-out/demo.tsx create mode 100644 apps/formbricks-com/pages/docs/wrappers/slide-out/index.mdx create mode 100644 apps/formbricks-com/pages/docs/wrappers/what-are-wrappers/index.mdx delete mode 100644 packages/feedback/test-cal.html delete mode 100644 packages/feedback/test-crowd.html delete mode 100644 packages/feedback/test-lotus.html diff --git a/apps/formbricks-com/components/docs/FeedbackBoxDummy.tsx b/apps/formbricks-com/components/docs/FeedbackBoxDummy.tsx new file mode 100644 index 0000000000..5217a9476a --- /dev/null +++ b/apps/formbricks-com/components/docs/FeedbackBoxDummy.tsx @@ -0,0 +1,82 @@ +import clsx from "clsx"; +import { usePlausible } from "next-plausible"; +import Script from "next/script"; +import { useEffect, useRef, useState } from "react"; + +declare global { + interface Window { + formbricks: any; + } +} + +export default function FeedbackButton() { + const plausible = usePlausible(); + const [isOpen, setIsOpen] = useState(false); + const feedbackRef = useRef(null); + + useEffect(() => { + // Close the feedback form if the user clicks outside of it + function handleClickOutside(event: any) { + if (feedbackRef.current && !feedbackRef.current.contains(event.target)) { + if (isOpen) setIsOpen(false); + } + } + // Bind the event listener + document.addEventListener("mousedown", handleClickOutside); + return () => { + // Unbind the event listener on clean up + document.removeEventListener("mousedown", handleClickOutside); + }; + }, [feedbackRef, isOpen]); + + return ( + <> + +
+
{ + e.stopPropagation(); + }} + ref={feedbackRef}> + +
+
+
+ + ); +} diff --git a/apps/formbricks-com/components/docs/FeedbackButtonPopover.tsx b/apps/formbricks-com/components/docs/FeedbackButtonPopover.tsx new file mode 100644 index 0000000000..7e834657d6 --- /dev/null +++ b/apps/formbricks-com/components/docs/FeedbackButtonPopover.tsx @@ -0,0 +1,33 @@ +import { Button } from "@formbricks/ui"; +import { useEffect, useRef, useState } from "react"; + +declare global { + interface Window { + formbricks: any; + } +} + +export function FeedbackButton() { + useEffect(() => { + window.formbricks = { + ...window.formbricks, + config: { + hqUrl: process.env.NEXT_PUBLIC_FORMBRICKS_URL, + formId: process.env.NEXT_PUBLIC_FORMBRICKS_FORM_ID, + contact: { + name: "Matti", + position: "Co-Founder", + imgUrl: "https://avatars.githubusercontent.com/u/675065?s=128&v=4", + }, + }, + }; + // @ts-ignore + import("@formbricks/feedback"); + }, []); + + return ( + + ); +} diff --git a/apps/formbricks-com/components/docs/Layout.tsx b/apps/formbricks-com/components/docs/Layout.tsx index ed98092835..c8fa03d14d 100644 --- a/apps/formbricks-com/components/docs/Layout.tsx +++ b/apps/formbricks-com/components/docs/Layout.tsx @@ -2,7 +2,6 @@ import { useCallback, useEffect, useState } from "react"; import Link from "next/link"; import { useRouter } from "next/router"; import clsx from "clsx"; - import { Hero } from "@/components/shared/Hero"; import { FooterLogo, Logomark } from "@/components/shared/Logo"; import { MobileNavigation } from "@/components/shared/MobileNavigation"; @@ -42,7 +41,7 @@ function Header({ navigation }: any) { className={clsx( "sticky top-0 z-50 flex flex-wrap items-center justify-between bg-slate-100 px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:px-8", isScrolled - ? "bg-slate-100/90 backdrop-blur dark:bg-slate-900/90 [@supports(backdrop-filter:blur(0))]:bg-slate-100/75 dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75" + ? "[@supports(backdrop-filter:blur(0))]:bg-slate-100/75 dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75 bg-slate-100/90 backdrop-blur dark:bg-slate-900/90" : "dark:bg-transparent" )}>
@@ -61,7 +60,7 @@ function Header({ navigation }: any) { @@ -125,6 +124,15 @@ export function Layout({ children, meta }: LayoutProps) { )} {children} +
+

Need help?

+

+ Join our Discord and ask away. We're happy to help where we can! +

+ +
{previousPage && ( diff --git a/apps/formbricks-com/components/shared/PmfDummy.tsx b/apps/formbricks-com/components/docs/PmfDummy.tsx similarity index 100% rename from apps/formbricks-com/components/shared/PmfDummy.tsx rename to apps/formbricks-com/components/docs/PmfDummy.tsx diff --git a/apps/formbricks-com/components/shared/APILayout.tsx b/apps/formbricks-com/components/shared/APILayout.tsx index b578682b78..a12496d68c 100644 --- a/apps/formbricks-com/components/shared/APILayout.tsx +++ b/apps/formbricks-com/components/shared/APILayout.tsx @@ -27,7 +27,7 @@ interface APICallProps { } export function APILayout({ method, url, description, queries, bodies, responses, example }: APICallProps) { - const [switchState, setSwitchState] = useState(false); + const [switchState, setSwitchState] = useState(true); function handleOnChange() { setSwitchState(!switchState); } @@ -50,16 +50,16 @@ export function APILayout({ method, url, description, queries, bodies, responses
{method}
-
- http://localhost:300/api - {url} +
+ http://localhost:300 + {url}
-
{description}
+
{description}

Parameters

@@ -88,7 +88,11 @@ export function APILayout({ method, url, description, queries, bodies, responses {example && (

Body Example

-
{example}
+
+
+                        {example}
+                      
+
)}
@@ -187,7 +191,9 @@ function Response({ color, statusCode, description, example }: RespProps) {
{example && toggleExample && ( -
{example}
+
+ {example} +
)}
); diff --git a/apps/formbricks-com/components/shared/HeaderPMF.tsx b/apps/formbricks-com/components/shared/HeaderPMF.tsx index ec8fe48e8c..2543632b2c 100644 --- a/apps/formbricks-com/components/shared/HeaderPMF.tsx +++ b/apps/formbricks-com/components/shared/HeaderPMF.tsx @@ -35,6 +35,11 @@ export default function Header() { className="text-base font-medium text-slate-400 hover:text-slate-700 dark:hover:text-slate-300"> Pricing

50%

+ + Docs +
@@ -80,6 +85,7 @@ export default function Header() {
How it works Pricing + Docs