Fix Vite asset processing - simplify config to enable image processing

Author: aymanaboghonim

package.json

@@ -6,7 +6,7 @@
   "description": "Clean, maintainable landing page for Elmentor/DevOps Visions community",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc; vite build",
     "preview": "vite preview",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "format": "prettier --write .",

src/components/sections/CirclesSection.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import Button from '../Button';
 import '../../styles/CirclesSection.css';
+import circlesImage from '../../assets/images/circles-diagram.png';
 
 // Using the exact provided descriptions
 const ELMENTOR_CIRCLES = [
@@ -92,7 +93,7 @@ const CirclesSection: React.FC = () => {
           ref={diagramRef}
         >          <div className="circles-image-wrapper">
             <img 
-              src="./assets/circles/elmentor-circles.png" 
+              src={circlesImage} 
               alt="Elmentor Circles Diagram showing the layered structure from Audience to Executives" 
               className="circles-image"
               loading="lazy"

src/components/sections/FounderSection.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../../styles/FounderSection.css';
-import founderImage from '../../assets/images/founder/mohamed-radwan.png';
+import founderImage from '../../assets/images/mohamed-radwan.png';
 import { FaLinkedin, FaGithub, FaBlog, FaYoutube } from 'react-icons/fa';
 import Button from '../Button';
 

vite.config.ts

@@ -10,7 +10,8 @@ export default defineConfig(() => ({
   },
   build: {
     outDir: 'dist',
-    sourcemap: true
+    sourcemap: true,
+    assetsDir: 'assets'
   },
-  base: '/'
+  base: '/elmentorprogram-test/'
 }))