diff --git a/documentation/src/components/integrations/layout/index.tsx b/documentation/src/components/integrations/layout/index.tsx
index 49fa6b5e..ed04f65f 100644
--- a/documentation/src/components/integrations/layout/index.tsx
+++ b/documentation/src/components/integrations/layout/index.tsx
@@ -8,7 +8,7 @@ import { BlogFooter } from "@site/src/refine-theme/blog-footer";
 const IntegrationsLayout = ({ children }: React.PropsWithChildren<{}>) => {
     return (
         <CommonLayout>
-            <Head title="Integrations | Refine">
+            <Head title="Features | OpenPanel">
                 <html data-page="integrations" data-customized="true" />
             </Head>
             <div className={clsx("refine-prose, pb-16")}>
diff --git a/documentation/src/pages/integrations/index.tsx b/documentation/src/pages/features/index.tsx
similarity index 100%
rename from documentation/src/pages/integrations/index.tsx
rename to documentation/src/pages/features/index.tsx
diff --git a/documentation/src/refine-theme/footer-data.tsx b/documentation/src/refine-theme/footer-data.tsx
index 4f3eefaf..e5f47173 100644
--- a/documentation/src/refine-theme/footer-data.tsx
+++ b/documentation/src/refine-theme/footer-data.tsx
@@ -41,7 +41,7 @@ export const menuItems = [
             },
             {
                 label: "Features",
-                href: "/integrations",
+                href: "/features",
             },
         ],
     },
