diff --git a/app/[slug]/page.tsx b/app/[slug]/page.tsx
deleted file mode 100644
index 81a451f..0000000
--- a/app/[slug]/page.tsx
+++ /dev/null
@@ -1,1042 +0,0 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import { DEVELOPMENTTOOLS } from "@/app/libs/developmentToolsConstant";
-import Link from "next/link";
-import { Button } from "antd";
-import Image from "next/image";
-import StarGardientIcon from "@/app/components/theme/Icon/starGradientIcon";
-import {
- developmentToolsRoutes,
- Extension_URL,
- integrationTools,
-} from "@/app/libs/constants";
-import PlayIcon from "@/app/components/theme/Icon/playIcon";
-import LogsGradientIcon from "@/app/components/theme/Icon/logsGradientIcon";
-import ShareGradientIcon from "@/app/components/theme/Icon/shareGradientIcon";
-import PowerCircleIcon from "@/app/components/theme/Icon/powerCircleIcon";
-import ComparisonsStyles from "../components/comparisonsComponent/comparisonsStyles.module.scss";
-import DevelopmentToolsStyles from "../developmentToolsStyles.module.scss";
-import { usePathname } from "next/navigation";
-import RecorderGradientIcon from "@/app/components/theme/Icon/recorderGradientIcon";
-import SEOComponent from "@/app/components/theme/SEOComponent/SEOComponent";
-import { detectBrowser } from "@/app/libs/helpers";
-import EdgeIcon from "@/app/components/theme/Icon/edgeIcon";
-
-const Page = ({ params: { slug } }: { params: { slug: string } }) => {
- const [browser, setBrowser] = useState("chrome");
-
- useEffect(() => {
- setBrowser(detectBrowser());
- }, []);
- const toolsData = DEVELOPMENTTOOLS[slug];
- const {
- hero_section,
- development_tools_list,
- development_tools_about_details,
- development_tools_what,
- development_tools_user_agent_info,
- development_tools_steps_guide,
- development_tools_how_use,
- development_tools_Comparison,
- development_tool_example,
- meta_data,
- } = toolsData;
- const pathname = usePathname();
-
- const currentTool = developmentToolsRoutes.find(
- (tool: any) => tool.path === pathname
- );
-
- return (
- <>
-
- Swiftly document and share bugs like never before -
-- Free Forever. No Credit Card Required. -
-- Use AI to - reproduce and fix bugs -
-- - Screen Recording - {" "} - with{" "} - - Rewind (Upto 2-min) - -
-- Capture{" "} - - {" "} - backend logs - - with every bug report -
-- Assign bugs and{" "} - share at - single click -
-
- {hero_section?.description
- ?.split("BetterBugs.io")
- .map((part: any, index: any, arr: any) => (
-
- {desc.description} -
- )} - {/* Render examples */} - {desc.example.map( - (exampleItem: any, exampleIndex: number) => { - const isExampleHeading = - exampleItem?.example_input?.startsWith( - "Example" - ); - const isInputOrOutput = - exampleItem?.example_input === "Input" || - exampleItem?.example_input === "Output"; - const isStringOutput = - typeof exampleItem?.example_output === - "string"; - const isArrayOutput = Array.isArray( - exampleItem?.example_output - ); - - return ( -- {exampleItem.example_input} -
- {isStringOutput && ( -- {exampleItem.example_output} -
- )} - > - )} - {isInputOrOutput && ( - <> -- {exampleItem.example_input} -
- {isArrayOutput && ( -- {outputItem?.value} -
- ) - )} -
- {splitDescriptions.map(
- (text: any, subIndex: any) => {
- const isQuoted =
- text.startsWith("") && text.endsWith("");
- const containsBetterBugs =
- text.includes("BetterBugs.io");
-
- if (containsBetterBugs) {
- // Split the text around 'BetterBugs.io' to wrap it in a link
- const parts = text.split("BetterBugs.io");
- return (
-
- {development_tools_user_agent_info?.intro_text} -
- )} - {development_tools_user_agent_info?.example_string && ( -- {development_tools_user_agent_info?.example_string} -
- )} - {development_tools_user_agent_info?.example_string_description && ( -- {development_tools_user_agent_info?.example_string_description} -
- )} - {development_tools_user_agent_info?.info_items && ( -- {development_tool_example?.example_description} -
- )} - - {development_tool_example?.example_input && ( -- {development_tool_example?.example_input?.title} -
- )} - {development_tool_example?.example_input?.json_data && ( -
-
- {development_tool_example?.example_input?.json_data}
-
-
- )}
- - {development_tool_example?.example_outputs?.intro} -
- )} - {development_tool_example?.example_outputs?.outputs?.map( - (output: any, index: number) => ( -- {output?.mode} -
- )} - {output?.title && ( -- {output?.title} -
- )} - {output?.content && ( -
-
- {output?.content}
-
-
- )}
- {output?.note && (
- - {output?.note} -
- )} -- {splitDescriptions.map( - (text: any, subIndex: any) => { - const isQuoted = - text.startsWith("") && text.endsWith(""); - - return ( - - {text} - - ); - } - )} -
- ); - } - )} -- {development_tools_steps_guide?.guide_description - ?.split(/(".*?")/g) - ?.map((parts: any, i: any) => - parts?.startsWith("") && parts?.endsWith("") ? ( - - {parts} - - ) : ( - {parts} - ) - )} -
- > - )} - {development_tools_steps_guide?.steps?.length > 0 && ( -
- {p?.steps_points_description
- ?.split(/(".*?")/)
- .map(
- (part: string, i: number) =>
- part.startsWith("") &&
- part.endsWith("") ? (
-
- {part}
-
- ) : (
-
- {development_tools_how_use?.how_use_description} -
- > - )} - {development_tools_how_use?.point?.length > 0 && ( -- {how?.heading} -
- ) : ( -- {d?.desc} -
- ) - )} -- Swiftly document and share bugs like never before -
-- Free Forever. No Credit Card Required. -
-- Use AI{" "} - to reproduce and fix bugs -
-- - Screen Recording - {" "} - with{" "} - - Rewind (Upto 2-min) - -
-- Capture{" "} - - {" "} - backend logs - - with every bug report -
-- Assign bugs and{" "} - share at - single click -
-
- Two-way sync with
-
popular tools
-
- {tool?.name} -
-