diff --git a/next.config.mjs b/next.config.mjs
index b50e0c5..935f9cb 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',  // Add this line
+  output: 'export',
+  basePath: '/portfolio', // Add this line if your repo is named "portfolio"
   images: {
     remotePatterns: [
       {
diff --git a/src/components/BackArrow.tsx b/src/components/BackArrow.tsx
index e9a15d1..d374030 100644
--- a/src/components/BackArrow.tsx
+++ b/src/components/BackArrow.tsx
@@ -8,14 +8,9 @@ interface BackArrowProps {
 
 const BackArrow: React.FC<BackArrowProps> = ({ onClose }) => {
   return (
-    <motion.button
-      onClick={onClose}
-      className="absolute top-4 left-4 p-2 rounded-full bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"
-      whileHover={{ scale: 1.1 }}
-      whileTap={{ scale: 0.9 }}
-    >
-      <ArrowLeft className="w-6 h-6 text-gray-600 dark:text-gray-300" />
-    </motion.button>
+    <button onClick={onClose} className="...">
+      {/* Your back arrow icon or text */}
+    </button>
   );
 };