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

@@ -21,25 +21,28 @@ export default function HeroSection({
   const [imageHero, setImages] = useState([]);
   const pexelsQueriesWebSite = image;
 
-  useEffect(() => {
-    const fetchImages = async () => {
-      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,
-          }));
-          setImages(formattedImages);
-        } catch (error) {
-          console.error('Error fetching images:', error);
-        }
+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((img) => ({
+          src: img.src || undefined,
+          photographer: img.photographer || undefined,
+          photographer_url: img.photographer_url || undefined,
+        }));
+        setImages(formattedImages);
+      } catch (error) {
+        console.error('Error fetching images:', error);
       }
-    };
-
-    fetchImages();
-  }, [pexelsQueriesWebSite, design]);
+    }
+  };
+  fetchImages();
+}, [pexelsQueriesWebSite, design]);
 
   let DesignComponent;
 

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`}