fixed

Author: SENODROOM

src/App.js

@@ -2,7 +2,7 @@ import "./App.css";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 
 // PAGES:
-import Home from "./pages/Home";
+import Home from "./pages/Home/Home";
 import Boolforge from "./pages/Boolforge";
 import SignificantDigits from "./pages/SignificantDigits";
 import BCDNotation from "./pages/BCDNotation";

src/pages/Home.jsx

@@ -0,0 +1,36 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+const ArticleSection = ({ data }) => {
+  return (
+    <>
+      {data.map((article, index) => (
+        <article
+          key={index}
+          className={`home-card ${
+            article.featured ? "featured-card" : ""
+          } ${article.className || ""}`}
+        >
+          <h3>{article.title}</h3>
+          <p>{article.description}</p>
+
+          <div className="home-card-links">
+            {article.links.map((link, i) => (
+              <Link
+                key={i}
+                to={link.to}
+                className={`home-card-link ${
+                  link.primary ? "primary-link" : ""
+                }`}
+              >
+                {link.text}
+              </Link>
+            ))}
+          </div>
+        </article>
+      ))}
+    </>
+  );
+};
+
+export default ArticleSection;