Fix imports with absolute paths

.github/workflows/deploy.yml

@@ -28,21 +28,17 @@ jobs:
       - name: Debug file structure
         run: |
           echo "Current directory structure:"
-          tree
-          echo "\nContents of src directory:"
-          ls -la src/
-          echo "\nContents of src/components directory:"
-          ls -la src/components/
-          
+          ls -R
+          echo "\nContents of src/components/Pillar.jsx:"
+          cat src/components/Pillar.jsx || echo "File not found"
+          echo "\nContents of src/components/index.js:"
+          cat src/components/index.js || echo "File not found"
+
       - name: Install dependencies
-        run: |
-          npm install
-          npm install -g vite
+        run: npm install
 
       - name: Build
-        run: |
-          export NODE_OPTIONS="--max_old_space_size=4096"
-          vite build
+        run: npm run build
         env:
           CI: false
 

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@components/*": ["src/components/*"],
+      "@components": ["src/components"]
+    }
+  }
+}

src/app.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Building, Laptop, Users, Shield, Activity, Clock, MapPin, DollarSign, Calendar } from 'lucide-react';
-import { PresentationSection, Pillar, ProcessStep, PricingTier } from './components';
+import { PresentationSection, Pillar, ProcessStep, PricingTier } from '@components';
 
 
 export default function App() {

src/components/index.js

@@ -1,4 +1,4 @@
 export { default as PresentationSection } from './PresentationSection.jsx';
-export { default as Pillar } from 'src/components/Pillar.jsx';
-export { default as ProcessStep } from 'src/components/ProcessStep.jsx';
-export { default as PricingTier } from 'src/components/PricingTier.jsx';
+export { default as Pillar } from './Pillar.jsx';
+export { default as ProcessStep } from './ProcessStep.jsx';
+export { default as PricingTier } from './PricingTier.jsx';

vite.config.js

@@ -6,17 +6,8 @@ export default defineConfig({
   plugins: [react()],
   base: '/hiplando-presentation/',
   resolve: {
-    extensions: ['.js', '.jsx', '.json'],
     alias: {
-      '@': path.resolve(__dirname, './src')
-    }
-  },
-  build: {
-    rollupOptions: {
-      external: [],
-      output: {
-        manualChunks: undefined
-      }
+      '@components': path.resolve(__dirname, './src/components')
     }
   }
 })