refactor: rename component

Author: JeelRajodiya

app/components/HomePage/HomePage.tsx

@@ -0,0 +1,44 @@
+import { contentManager } from "@/lib/contentManager";
+import styles from "./HomePage.module.css";
+import Link from "next/link";
+
+export default function HomePageLinks() {
+  const outline = contentManager.getOutline();
+
+  const half = Math.ceil(outline.length / 2);
+  const firstColumn = outline.slice(0, half);
+  const secondColumn = outline.slice(half);
+
+  return (
+    <div className={styles.HomePageLinks}>
+      <div className={styles.column}>
+        {firstColumn.map((ele, index) => (
+          <Link
+            key={index}
+            className={styles.HomePageLink}
+            href={
+              contentManager.getPathWithPrefix(ele.steps[0].fullPath) as string
+            }
+          >
+            <span>{index + 1}. </span>
+            <span className={styles.HomePageLinkTitle}>{ele.title}</span>
+          </Link>
+        ))}
+      </div>
+      <div className={styles.column}>
+        {secondColumn.map((ele, index) => (
+          <Link
+            key={index + half + 1}
+            className={styles.HomePageLink}
+            href={
+              contentManager.getPathWithPrefix(ele.steps[0].fullPath) as string
+            }
+          >
+            <span>{index + half + 1}. </span>
+            <span className={styles.HomePageLinkTitle}>{ele.title}</span>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}

app/components/HomePage/index.tsx

@@ -0,0 +1 @@
+export { default as default } from "./HomePageLinks";

app/components/HomePage/HomePage.module.css renamed to app/components/HomePageLinks/HomePageLinks.module.css

@@ -2,7 +2,7 @@ import styles from "./styles/page.module.css";
 import cx from "classnames";
 import { interFont, outfitFont } from "./styles/fonts";
 import CompanyLogos from "./components/CommunityLinks/CommunityLinks";
-import HomePage from "./components/HomePage/HomePage";
+import HomePage from "./components/HomePageLinks/HomePageLinks";
 
 export default function Home() {
   return (
@@ -23,7 +23,7 @@ export default function Home() {
             </div>
           </div>
         </div>
-        <HomePage/>
+        <HomePage />
       </div>
       <div className={styles.footer}>
         <div className={cx(styles.footerText, interFont.className)}>