refactor: rename Partners to DemoVideo and HowItWorks to Features

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 />
     </>

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;

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;