fix: minor

.vscode/settings.json

@@ -1,3 +1,6 @@
 {
-  "dotenv.enableAutocloaking": false
+  "dotenv.enableAutocloaking": false,
+  "files.exclude": {
+    "**/node_modules": true
+  }
 }

src/app/(routes)/about/page.tsx

@@ -1,12 +1,25 @@
-import React from 'react'
-import PostMenu from '../../components/PostMenu'
+import React from "react";
+import PostMenu from "../../components/PostMenu";
 
 function About() {
   return (
     <>
-      About Page
+      <h1>About Us</h1>
+      <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus,
+        molestiae dolores. Hic at fuga dignissimos cumque explicabo. Consectetur
+        sequi adipisci eligendi deserunt fuga. Optio dicta in harum earum
+        reprehenderit et hic? Totam recusandae beatae, deserunt officiis ea rem
+        dolores delectus molestiae ullam maiores pariatur odio, corrupti
+        perspiciatis necessitatibus quod cum. Incidunt, harum earum sequi
+        numquam consequuntur voluptates dolorem, aspernatur obcaecati, veniam
+        cum at eligendi. Molestias nobis dolorem error hic laborum magni fugit
+        aspernatur non consequatur perspiciatis natus eaque ut, numquam sapiente
+        harum et corporis voluptas fugiat repellat vero est in. Error,
+        asperiores sequi at enim ipsam architecto aspernatur! Officiis, saepe.
+      </p>
     </>
-  )
+  );
 }
 
-export default About
+export default About;

src/app/(routes)/blog/[slug]/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function SingleBlog() {
+  return (
+    <div>SingleBlog</div>
+  )
+}
+
+export default SingleBlog

src/app/api/_app.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { UserProvider } from '@auth0/nextjs-auth0/client';
+import React from "react";
+import { UserProvider } from "@auth0/nextjs-auth0/client";
 
 export default function App({ Component, pageProps }) {
   return (
     <UserProvider>
       <Component {...pageProps} />
     </UserProvider>
   );
-}
+}

src/app/components/Card.tsx

@@ -8,13 +8,13 @@ function Card() {
         {/* Blog post image */}
         <div className="relative h-52">
           <Image
-            src="https://unsplash.com/photos/cpvC2ki47e8/download?ixid=M3wxMjA3fDB8MXxhbGx8NDB8fHx8fHwyfHwxNjkzMDM1MDEwfA&force=true&w=2400" // Replace with your image URL
+            src="https://unsplash.com/photos/wX2L8L-fGeA/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8MXx8Z2l0aHVifGVufDB8fHx8MTY5Mjk4MzkxNnww&force=true&w=2400" // Replace with your image URL
             alt="Blog Post"
             layout="fill"
             objectFit="cover"
           />
         </div>
-        
+
         {/* Blog post content */}
         <div className="p-4">
           <h2 className="text-xl font-semibold text-gray-800">