Merge pull request #131 from SpaceyaTech/new-resources-page-build

New resources page build

package.json

@@ -20,7 +20,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@headlessui/react": "^1.7.15",
+    "@headlessui/react": "^1.7.18",
     "@hookform/resolvers": "^3.3.2",
     "@tanstack/react-query": "^4.35.3",
     "@tanstack/react-query-devtools": "^4.35.3",

src/APP/components/Header2.jsx

@@ -30,11 +30,11 @@ const navLinks = [
     link: "Blogs",
     route: "/blogs",
   },
-  // {
-  //   id: 6,
-  //   link: "Resources",
-  //   route: "/resources",
-  // },
+  {
+    id: 6,
+    link: "Resources",
+    route: "/resources",
+  },
   // {
   //   id: 7,
   //   link: "Shop",

src/APP/index.js

@@ -27,7 +27,7 @@ import GalleryPage from "./pages/gallery/GalleryPage";
 import LandingPage from "./pages/landingPage/LandingPage";
 import Layout from "./pages/Layout";
 import Products from "./pages/products2/Products";
-import Resources from "./pages/resources/Resources";
+import Resources from "./pages/resources2/Resources";
 import Homepage from "./pages/shop/Homepage";
 import Checkout from "./pages/shop/OrderSummaryPage";
 import ProductDisplay from "./pages/shop/ProductDisplayPage";

src/APP/pages/resources2/sections/HeroSection.jsx

@@ -1,30 +1,32 @@
-import { earth_moon } from "../../../../assets/images/resources-page";
-
-const HeroSection = () => {
-  return (
-    <div className="bg-[#E5EFEC] py-9 px-6 border-[0.5px] border-solid border-[#00664E] rounded-2xl relative md:mb-24 xl:mb-28 mb-0">
-      <div className="flex flex-col gap-2 md:w-2/5 w-full ">
-        <h5 className="text-xl text-[#009975] font-normal">Resources</h5>
-
-        <h3 className="md:text-3xl text-xl md:leading-[46px] leading-9 font-medium">
-          Discover{" "}
-          <span className="text-[#009975]">tech tools and resources</span> to
-          boost your productivity
-        </h3>
-        <p className="md:mb-10 md:text-base text-sm font-normal">
-          Master the art of tech with our expert guides, tutorials, and
-          step-by-step instructions to help you develop proficiency and
-          confidence in the world of technology.
-        </p>
-      </div>
-
-      <img
-        src={earth_moon}
-        alt="earth & moon"
-        className="absolute md:right-12 right-8 -top-16 md:-top-32 lg:-top-40 object-contain w-32 md:w-96 lg:w-fit md:z-10"
-      />
-    </div>
-  );
-};
-
-export default HeroSection;
+import React from "react";
+
+import { earthMoon } from "../../../../assets/images/resources-page";
+
+function HeroSection() {
+  return (
+    <div className="bg-[#E5EFEC] py-9 px-6 border-[0.5px] border-solid border-[#00664E] rounded-2xl relative md:mb-20 lg:mb-24 xl:mb-28 mb-0">
+      <div className="flex flex-col gap-2 md:w-2/5 w-full ">
+        <h5 className="text-xl text-[#009975] font-normal">Resources</h5>
+
+        <h3 className="md:text-3xl text-xl md:leading-[46px] leading-9 font-medium">
+          Discover{" "}
+          <span className="text-[#009975]">tech tools and resources</span>
+          to boost your productivity
+        </h3>
+        <p className="md:mb-10 md:text-base text-sm font-normal">
+          Master the art of tech with our expert guides, tutorials, and
+          step-by-step instructions to help you develop proficiency and
+          confidence in the world of technology.
+        </p>
+      </div>
+
+      <img
+        src={earthMoon}
+        alt="earth & moon"
+        className="absolute md:right-12 right-8 -top-16 md:-top-32 lg:-top-40 object-contain w-32 md:w-96 lg:w-fit md:z-10"
+      />
+    </div>
+  );
+}
+
+export default HeroSection;