diff --git a/src/APP/index.js b/src/APP/index.js
index 7288a6ae..bc5d243f 100644
--- a/src/APP/index.js
+++ b/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";
diff --git a/src/APP/pages/resources/Resources.jsx b/src/APP/pages/resources/Resources.jsx
deleted file mode 100644
index 62d1efa9..00000000
--- a/src/APP/pages/resources/Resources.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { HeroSection, ResourcesSection } from "./sections";
-
-const Resources = () => {
-  return (
-    <div className="px-10 md:py-32 py-20 flex flex-col gap-8">
-      <HeroSection />
-      <ResourcesSection />
-    </div>
-  );
-};
-
-export default Resources;
diff --git a/src/APP/pages/resources/sections/HeroSection.jsx b/src/APP/pages/resources/sections/HeroSection.jsx
deleted file mode 100644
index 48c94e84..00000000
--- a/src/APP/pages/resources/sections/HeroSection.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-// <<<<<<< felix-blog-page-build
-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-32 mb-12">
-      <div className="flex flex-col gap-2 md:w-2/5 w-full ">
-        <h5 className="text-xl text-primary font-normal">Resources</h5>
-
-        <h3 className="md:text-3xl text-xl md:leading-[46px] leading-9 font-medium">
-          Discover{" "}
-          <span className="text-primary">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 { 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-32 mb-12">
-//       <div className="flex flex-col gap-2 md:w-2/5 w-full ">
-//         <h5 className="text-xl text-primary font-normal">Resources</h5>
-
-//         <h3 className="md:text-3xl text-xl md:leading-[46px] leading-9 font-medium">
-//           Discover{" "}
-//           <span className="text-primary">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-12 lg:-top-16 object-cover w-32  md:w-[520px] md:h-[520px]  lg:w-[440px] lg:h-[440px] md:z-10"
-//       />
-//     </div>
-//   );
-// };
-
-// export default HeroSection;
-// >>>>>>> main
diff --git a/src/APP/pages/resources/sections/ResourceCard.jsx b/src/APP/pages/resources/sections/ResourceCard.jsx
deleted file mode 100644
index df33f82f..00000000
--- a/src/APP/pages/resources/sections/ResourceCard.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import { tools } from "../../../../assets/images/resources-page";
-
-import { arrowRight } from "../../../../assets/images/resources-page";
-
-const ResourceCard = ({ resource }) => {
-  const { id, name, description } = resource;
-  return (
-    <div className="flex flex-col items-center p-6 gap-3 border border-[#CBCDCC] rounded-2xl bg-white">
-      <div className="p-4  rounded-full bg-[#F5FFFD]">
-        <img src={tools} alt={name} className="w-12 h-12" />
-      </div>
-
-      <h4 className="text-center text-lg font-medium capitalize">{name}</h4>
-
-      <p className="text-base font-normal text-center">{description}</p>
-
-      <Link
-        to="/"
-        className="flex items-center gap-2 text-xs leading-5  py-1 px-2 border transition-all duration-300 ease-in border-white hover:border-[#009975] rounded-lg"
-      >
-        {/* <button className="flex items-center gap-2 text-xs leading-5"> */}
-        <span className="text-primary uppercase">explore</span>
-        <img src={arrowRight} alt="arrow-right" />
-        {/* </button> */}
-      </Link>
-    </div>
-  );
-};
-
-export default ResourceCard;
diff --git a/src/APP/pages/resources/sections/ResourcesSection.jsx b/src/APP/pages/resources/sections/ResourcesSection.jsx
deleted file mode 100644
index dde13f5d..00000000
--- a/src/APP/pages/resources/sections/ResourcesSection.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useState } from "react";
-import { search } from "../../../../assets/images/resources-page";
-import ResourceCard from "./ResourceCard";
-import useResourcesData from "../../../../hooks/Queries/resources/useResourcesData";
-
-function ResourcesSection() {
-  const [searchText, setSearchText] = useState("");
-  const {
-    data: resourceTypes,
-    isLoading,
-    isError,
-    isSuccess,
-  } = useResourcesData();
-
-  const handleSearch = (e) => {
-    e.preventDefault();
-    console.log(searchText);
-  };
-
-  return (
-    <>
-      {isError && <p>Error loading resource categories!</p>}
-      {isLoading && <p>Loading resource categories...</p>}
-      {isSuccess && (
-        <>
-          <div className="flex flex-col gap-12">
-            <div className="flex self-stretch flex-row mx-auto border-[#CBCDCC] border-2 rounded-[30px] px-4">
-              <input
-                type="text"
-                placeholder="Search resources"
-                className="h-10 md:w-[50vw] w-[70vw] border-none outline-none"
-                value={searchText}
-                onChange={(e) => setSearchText(e.target.value)}
-              />
-              <img
-                src={search}
-                alt="search"
-                className="p-2 cursor-pointer"
-                onClick={handleSearch}
-              />
-            </div>
-
-            <div className="grid md:grid-cols-4 sm:grid-cols-2 md:gap-16 sm:gap-12 gap-8 grid-cols-1">
-              {resourceTypes && Array.isArray(resourceTypes)
-                ? resourceTypes.map((resource) => (
-                    <ResourceCard key={resource.id} resource={resource} />
-                  ))
-                : ""}
-            </div>
-          </div>
-        </>
-      )}
-    </>
-  );
-}
-
-export default ResourcesSection;
diff --git a/src/APP/pages/resources/sections/index.js b/src/APP/pages/resources/sections/index.js
deleted file mode 100644
index 123ea04a..00000000
--- a/src/APP/pages/resources/sections/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { default as HeroSection } from "./HeroSection";
-import { default as ResourcesSection } from "./ResourcesSection";
-import { default as ResourceCard } from "./ResourceCard";
-
-export { HeroSection, ResourceCard, ResourcesSection };