fix image issues;

apps/formbricks-com/pages/docs/index.mdx

@@ -1,5 +1,5 @@
 import { Layout } from "@/components/docs/Layout";
-import HeroAnimation from "./open source tool for form and survey overview.png";
+import HeroAnimation from "./open-source-tool-for-form-and-survey-overview.png";
 import Image from "next/image";
 
 export const meta = {

apps/formbricks-com/pages/docs/react-form-library/el-text/index.mdx

@@ -1,7 +1,7 @@
 import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
-import StyleClasses from "../style-css/HTML classes of Formbricks React Form Library to custom style surveys and forms.png";
+import StyleClasses from "../style-css/html-classes-of-formbricks-react-form-library-to-custom-style-surveys-and-forms.png";
 
 export const meta = {
   title: "Text Input - Formbricks React Form Library",

apps/formbricks-com/pages/docs/react-form-library/el-textarea/index.mdx

@@ -1,7 +1,7 @@
 import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
-import StyleClasses from "../style-css/HTML classes of Formbricks React Form Library to custom style surveys and forms.png";
+import StyleClasses from "../style-css/html-classes-of-formbricks-react-form-library-to-custom-style-surveys-and-forms.png";
 
 export const meta = {
   title: "Text Input - Formbricks React Form Library",

apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx

@@ -2,7 +2,7 @@ import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
 import SimpleForm from "./simple-form-basic-theme-formbricks-react-form-survey-library-builder-v1.png";
-import LogData from "./data output console for open source form made with react library for free.png";
+import LogData from "./data-output-console.png";
 
 export const meta = {
   title: "Getting started - Formbricks React Form Library",

apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx

@@ -45,4 +45,6 @@ export default function WaitlistForm() {
 - Internationalization
 - Form Templates
 
+The Formbricks React Library uses [React Hook Form](https://react-hook-form.com/) to benefit from their easy to use data handling and performance optimizations. The easy to use approach was inspired by the [FormKit for Vue.js](https://formkit.com/) Library.
+
 export default ({ children }) => <Layout meta={meta}>{children}</Layout>;

apps/formbricks-com/pages/docs/react-form-library/link-formbricks-hq/index.mdx

@@ -1,9 +1,9 @@
 import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
-import Image1 from "./image 1 formspree free alternative open source.png";
-import Image2 from "./image 2 formspree alternative for free and open source.png";
-import Image3 from "./image3 formspree open source alternative for free opensorce.png";
+import Image1 from "./image1-formspree-open-source-alternative-for-free-opensource.png";
+import Image2 from "./image2-formspree-open-source-alternative-for-free-opensource.png";
+import Image3 from "./image3-formspree-open-source-alternative-for-free-opensource.png";
 
 export const meta = {
   title: "Receive and manage submissions - Link with Formbricks HQ",

apps/formbricks-com/pages/docs/react-form-library/style-css/index.mdx

@@ -1,8 +1,8 @@
 import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
-import StyleClasses from "../style-css/HTML classes of Formbricks React Form Library to custom style surveys and forms.png";
-import Styled from "./simple styling for best react from builder library to make open source surveys and forms.png";
+import StyleClasses from "./html-classes-of-formbricks-react-form-library-to-custom-style-surveys-and-forms.png";
+import Styled from "./simple-styling-for-best-react-from-builder-library-to-make-open-source-surveys-and-forms.png";
 
 export const meta = {
   title: "Styling with CSS - Formbricks React Form Library",

apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx

@@ -1,8 +1,8 @@
 import { Layout } from "@/components/docs/Layout";
 import { Callout } from "@/components/shared/Callout";
 import Image from "next/image";
-import ErrorMsgImg from "./validation errors form react library  open source best way to build forms react.png";
-import Styling from "./styling of validation errors form react library open source best and fastest way to build forms react.png";
+import ErrorMsgImg from "./validation-errors-form-react-library-open-source-best-way-to-build-forms-react.png";
+import Styling from "./styling-of-validation-errors-form-react-library-open-source-best-and-fastest-way-to-build-forms-react.png";
 
 export const meta = {
   title: "Validation & Error Message - Formbricks React Form Library",