shown posts

Author: fezcode

src/pages/BlogPage.js

@@ -39,6 +39,9 @@ const BlogPage = () => {
           <p className="mt-6 text-lg leading-8 text-gray-300">
             Catch up on the latest news and insights.
           </p>
+          <div className="mt-2 text-center">
+            <span className="ml-2 px-2 py-1 text-base font-medium text-gray-200 bg-gray-800 rounded-full">Total: {posts.length}</span>
+          </div>
         </div>
         <div className="mt-16">
           <div className="">

src/pages/HomePage.js

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import PostItem from '../components/PostItem';
 import ProjectCard from '../components/ProjectCard';
 import { useProjects } from '../utils/projectParser';
-import { FaThumbtack, FaBlog, FaArrowRight } from 'react-icons/fa';
+import { FaThumbtack, FaBook, FaArrowRight } from 'react-icons/fa';
 
 const HomePage = () => {
   const [posts, setPosts] = useState([]);
@@ -52,7 +52,7 @@ const HomePage = () => {
 
         <div className="mt-16">
           <h2 className="text-2xl font-semibold tracking-tight text-white text-center flex items-center justify-center gap-2">
-            <FaThumbtack className="text-primary-400" /> Pinned Projects
+            <FaThumbtack className="text-primary-400 text-lg" /> Pinned Projects
           </h2>
           <div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-8">
             {pinnedProjects.map(project => (
@@ -68,7 +68,7 @@ const HomePage = () => {
 
         <div className="mt-8">
           <h2 className="text-2xl font-semibold tracking-tight text-white text-center flex items-center justify-center gap-2">
-            <FaBlog className="text-primary-400" /> Recent Blog Posts
+            <FaBook className="text-primary-400 text-lg" /> Recent Blog Posts
           </h2>
           <div className="mt-8">
             {posts.slice(0, 5).map(post => (

src/pages/ProjectsPage.js

@@ -17,7 +17,7 @@ const ProjectsPage = () => {
 
   return (
     <div className="py-16 sm:py-24">
-      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+      <div className="mx-auto max-w-7xl px-8 lg:px-12">
         <div className="mx-auto max-w-2xl text-center">
           <Link to="/" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
             <FaArrowLeft className="text-xl" /> Back to Home
@@ -28,6 +28,9 @@ const ProjectsPage = () => {
           <p className="mt-6 text-lg leading-8 text-gray-300">
             A collection of my work and experiments.
           </p>
+          <div className="mt-2 text-center">
+            <span className="ml-2 px-2 py-1 text-base font-medium text-gray-200 bg-gray-800 rounded-full">Total: {projects.length}</span>
+          </div>
         </div>
         <div className="mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                       {projects.map(project => (