diff --git a/app/(root)/page.tsx b/app/(root)/page.tsx
index 1520046..cbaaf0d 100644
--- a/app/(root)/page.tsx
+++ b/app/(root)/page.tsx
@@ -2,20 +2,19 @@ import About from "@/components/shared/About";
 import DataTable from "@/components/shared/DataTable";
 import Faq from "@/components/shared/FAQ";
 import Hero from "@/components/shared/Hero";
-import HowItWorks from "@/components/shared/HowItWorks";
+import Features from "@/components/shared/Features";
 import Newsletter from "@/components/shared/Newsletter";
-import Partners from "@/components/shared/Partners";
+import DemoVideo from "@/components/shared/DemoVideo";
 import Testimonials from "@/components/shared/Testimonials";
 
 const RootPage = () => {
   return (
     <>
       <Hero />
-      <HowItWorks />
+      <Features />
       <Testimonials />
-      <Partners />
+      <DemoVideo />
       <About />
-      {/* <DataTable /> */}
       <Faq />
       <Newsletter />
     </>
diff --git a/components/shared/Partners.tsx b/components/shared/DemoVideo.tsx
similarity index 96%
rename from components/shared/Partners.tsx
rename to components/shared/DemoVideo.tsx
index 3d4240c..dc18d3b 100644
--- a/components/shared/Partners.tsx
+++ b/components/shared/DemoVideo.tsx
@@ -6,7 +6,7 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import HeroVideoDialog from "../ui/heroVideoAction";
 
-const Partners = () => {
+const DemoVideo = () => {
   const router = useRouter();
   const handleClick = () => {
     router.push("/docs");
@@ -53,4 +53,4 @@ const Partners = () => {
   );
 };
 
-export default Partners;
+export default DemoVideo;
diff --git a/components/shared/HowItWorks.tsx b/components/shared/Features.tsx
similarity index 94%
rename from components/shared/HowItWorks.tsx
rename to components/shared/Features.tsx
index ac753a8..f67940d 100644
--- a/components/shared/HowItWorks.tsx
+++ b/components/shared/Features.tsx
@@ -2,7 +2,7 @@ import { Features } from "@/constants";
 import React from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
 
-const HowItWorks = () => {
+const FeaturesSection = () => {
   return (
     <section className="container text-center py-12 sm:py-24">
       <h2 className="text-3xl md:text-5xl font-bold">
@@ -32,4 +32,4 @@ const HowItWorks = () => {
   );
 };
 
-export default HowItWorks;
+export default FeaturesSection;