one more change with landing page, and it's look so cure and good. thank you!

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/components/WebPageComponents/HeroComponent/index.tsx

@@ -23,13 +23,17 @@ export default function HeroSection({
 
 useEffect(() => {
   const fetchImages = async () => {
+    if (image && image.length > 0 && typeof image[0] === 'object' && image[0].src) {
+      setImages(image);
+      return;
+    }
     if (design !== HeroDesigns.TEXT_CENTER) {
       try {
         const images = await getMultiplePexelsImages(pexelsQueriesWebSite);
-          const formattedImages = images.map((image) => ({
-            src: image.src || undefined,
-            photographer: image.photographer || undefined,
-            photographer_url: image.photographer_url || undefined,
+        const formattedImages = images.map((img) => ({
+          src: img.src || undefined,
+          photographer: img.photographer || undefined,
+          photographer_url: img.photographer_url || undefined,
         }));
         setImages(formattedImages);
       } catch (error) {
@@ -37,7 +41,6 @@ export default function HeroSection({
       }
     }
   };
-
   fetchImages();
 }, [pexelsQueriesWebSite, design]);
 

frontend/src/pages/web_pages/home.tsx

@@ -93,8 +93,8 @@ export default function WebSite() {
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
           projectName={'Management system'}
-          image={['Project management dashboard overview']}
-          mainText={`Revolutionize Project Management with ${projectName}`}
+          image={[{src: 'https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg', photographer_url: 'https://www.pexels.com/photo/woman-in-white-blouse-774909/', photographer: 'Pexels'}]}
+          mainText={`Welcome to ${projectName} - where project management feels just like home!`}
           subTitle={`${projectName} empowers project managers to seamlessly oversee multiple organizations, tasks, and teams, enhancing productivity and efficiency.`}
           design={HeroDesigns.IMAGE_RIGHT || ''}
           buttonText={`Get Started Now`}