whoami-anoint
diff --git a/‎src/App.js
+4 b/‎src/App.js
+4
diff --git a/‎src/components/about/AboutClientSingle.jsx
-13 b/‎src/components/about/AboutClientSingle.jsx
-13
diff --git a/‎src/components/about/AboutCounter.jsx
-18 b/‎src/components/about/AboutCounter.jsx
-18
diff --git a/‎src/components/about/AboutClients.jsx renamed to ‎src/components/blog/blog.jsx b/‎src/components/about/AboutClients.jsx renamed to ‎src/components/blog/blog.jsx
diff --git a/‎src/components/blog/bloggallery.jsx b/‎src/components/blog/bloggallery.jsx
diff --git a/‎src/context/AboutMeContext.jsx b/‎src/context/AboutMeContext.jsx
diff --git a/‎src/data/aboutMeData.js
-10 b/‎src/data/aboutMeData.js
-10
diff --git a/‎src/pages/AboutMe.jsx
+8-33 b/‎src/pages/AboutMe.jsx
+8-33
diff --git a/‎src/pages/Blog.jsx
+13 b/‎src/pages/Blog.jsx
+13
@@ -14,6 +14,8 @@ const Home = lazy(() => import('./pages/Home'));
 const Projects = lazy(() => import('./pages/Projects'));
 const ProjectSingle = lazy(() => import('./pages/ProjectSingle.jsx'));
 const Poem = lazy(() => import('./pages/Poem'));
+const Blog = lazy(() => import('./pages/Blog'));
+
 
 function App() {
   return (
@@ -30,6 +32,8 @@ function App() {
               <Route path="about" element={<About />} />
               <Route path="contact" element={<Contact />} />
               <Route path="poem" element={<Poem />} />
+              <Route path="blog" element={<Blog />} />
+
             </Routes>
           </Suspense>
           <AppFooter />
 
@@ -1,38 +1,13 @@
-import AboutMeBio from '../components/about/AboutMeBio';
-import AboutCounter from '../components/about/AboutCounter';
-import { AboutMeProvider } from '../context/AboutMeContext';
-import { motion } from 'framer-motion';
+// Poem.jsx
+import React from 'react';
 
 const About = () => {
-	return (
-		<AboutMeProvider>
-			<motion.div
-				initial={{ opacity: 0 }}
-				animate={{ opacity: 1, delay: 1 }}
-				exit={{ opacity: 0 }}
-				className="container mx-auto"
-			>
-				<AboutMeBio />
-			</motion.div>
-
-			{/** Counter without paddings */}
-			<motion.div
-				initial={{ opacity: 0 }}
-				animate={{ opacity: 1, delay: 1 }}
-				exit={{ opacity: 0 }}
-			>
-				<AboutCounter />
-			</motion.div>
-
-			<motion.div
-				initial={{ opacity: 0 }}
-				animate={{ opacity: 1, delay: 1 }}
-				exit={{ opacity: 0 }}
-				className="container mx-auto"
-			>
-			</motion.div>
-		</AboutMeProvider>
-	);
+  return (
+    <div>
+      <h2>Blog Title</h2>
+      <p>This is where your blog goes.</p>
+    </div>
+  );
 };
 
 export default About;
@@ -0,0 +1,13 @@
+// Poem.jsx
+import React from 'react';
+
+const Blog = () => {
+  return (
+    <div>
+      <h2>Blog Title</h2>
+      <p>This is where your blog goes.</p>
+    </div>
+  );
+};
+
+export default Blog;