Fix (Resume Download Error)

Author: HxnDev

src/components/home/HeroSection.jsx

@@ -147,7 +147,7 @@ const HeroSection = () => {
             <Group position="left" spacing="md" className="animate-item" ref={ctaRef}>
               <Button
                 component="a"
-                href="/hxndev.github.io/assets/resume/hassan_resume.pdf"
+                href={resolveAssetPath('assets/resume/hassan_resume.pdf')}
                 size="lg"
                 leftSection={<IconDownload size={20} />}
                 radius="xl"
@@ -162,7 +162,7 @@ const HeroSection = () => {
                     boxShadow: '0 8px 20px rgba(155, 0, 255, 0.4)',
                   },
                 }}
-                download
+                download="hassan_resume.pdf"
               >
                 Download Resume
               </Button>

src/components/utils/paths.jsx

@@ -26,6 +26,10 @@ export function resolvePath(path) {
 /**
  * Resolves an asset path
  */
+/**
+ * Resolves an asset path
+ * Works for both development and GitHub Pages environments
+ */
 export function resolveAssetPath(path) {
   // Handle external URLs
   if (path.startsWith('http')) {
@@ -35,6 +39,7 @@ export function resolveAssetPath(path) {
   // Remove leading slash if present
   const normalizedPath = path.startsWith('/') ? path.substring(1) : path;
 
-  // In production, assets are at the root
-  return `${BASE_PATH}/${normalizedPath}`;
+  // Keep it simple - for both GitHub Pages personal site (username.github.io)
+  // and local development, assets are served from the root
+  return `/${normalizedPath}`;
 }