diff --git a/backend/api/__pycache__/main.cpython-311.pyc b/backend/api/__pycache__/main.cpython-311.pyc
index 049d202..620df05 100644
Binary files a/backend/api/__pycache__/main.cpython-311.pyc and b/backend/api/__pycache__/main.cpython-311.pyc differ
diff --git a/frontend/src/HomeScreen/HomeScreen.css b/frontend/src/HomeScreen/HomeScreen.css
index 9a73a0e..639a7a7 100644
--- a/frontend/src/HomeScreen/HomeScreen.css
+++ b/frontend/src/HomeScreen/HomeScreen.css
@@ -38,6 +38,50 @@
     font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
 }
 
+.intro-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.intro-image {
+    width: 'auto' !important; /* adjust as needed */
+    height: 480px !important; /* adjust as needed */
+    padding: 5px;
+}
+
+.intro-image2 {
+    width: 500px !important; /* adjust as needed */
+    height: 'auto' !important; /* adjust as needed */
+    padding: 5px;
+}
+.image-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.column {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 10;
+}
+
+.image {
+    width: 100px;  /* Adjust as needed */
+    height: 100px; /* Adjust as needed */
+}
+
+
+
 .title {
     color: #444;
     font-size: 2em;
@@ -68,7 +112,7 @@
 .description, .contact, .acknowledgements {
     font-size: 1em;
     line-height: 1.5em;
-    margin-bottom: 20px;
+    margin-bottom: 0px !important;
 }
 
 .features {
@@ -89,3 +133,6 @@
     width: 45%; /* or whatever width you want */
 }
 
+.right {
+    float: right;
+}
\ No newline at end of file
diff --git a/frontend/src/HomeScreen/HomeScreen.js b/frontend/src/HomeScreen/HomeScreen.js
index 9719855..02a3f48 100644
--- a/frontend/src/HomeScreen/HomeScreen.js
+++ b/frontend/src/HomeScreen/HomeScreen.js
@@ -1,20 +1,34 @@
 import React from 'react';
-import Login from "../LoginScreen/Login";
-import RegisterPage from "../LoginScreen/Register";
 import './HomeScreen.css'; // Importing a CSS file
+import wellwin from '../assets/well_win.png'
+import gojoraw from '../assets/gojoraw.png'
+import narutoeng from '../assets/narutoeng.png'
+import narutojap from '../assets/narutojap.png'
+
 
 function HomeScreen() {
     return (
         <div className="home">
             <section className='snap'>
             <h1 className="title">Mangalator</h1>
-            <p className="intro">Welcome to Mangalator, a revolutionary platform that bridges the gap between mangakas and their global audience.</p>
-            <p className='intro'> Scroll down to learn more... </p>
+            <div className="intro-container">
+                
+                <p className="intro">Welcome to Mangalator, a revolutionary platform that bridges the gap between mangakas and their global audience.</p>
+                
+            </div>
+            <div className="image-container">
+                <div className="row">
+                    <div className="column">
+                        <img src={narutojap} alt="Image 4" className="intro-image2"/>
+                        <img src={narutoeng} alt="Image 3" className="intro-image2"/>
+                    </div>
+                </div>
+            </div>
+
             </section>
             <section className='snap'>
             <h2 className="description subtitle">Description</h2>
             <p className="description">Mangalator is a unique platform designed to empower mangakas by helping them reach a wider audience. By allowing artists to upload their work, which is then automatically translated using our advanced DeepL translation system, we make their creations accessible to readers worldwide. Our primary goal is to help mangakas overcome the language barrier that often hinders their work from gaining the popularity it deserves. With Mangalator, we're bringing down these barriers one manga at a time.</p>
-            <div className='sep' />
             <h2 className="subtitle">Features</h2>
             <ul className="features">
                 <li><strong>Upload Your Work:</strong> Mangakas can upload their manga directly to Mangalator, providing them with a simple and efficient way to share their work with the world.</li>
@@ -23,27 +37,6 @@ function HomeScreen() {
                 <li><strong>Reliable Security:</strong> We understand the importance of security. That's why we've implemented a robust authentication system to ensure that your translated works are kept safe and secure.</li>
             </ul>
             </section>
-            <section className='snap'>
-            <h2 className='subtitle'>Our Tech Stack</h2>
-            <p className="tech-stack">Mangalator was built using a modern tech stack to ensure optimal performance and user experience. We used React.js for the frontend to create a dynamic and responsive user interface. The backend was developed using FastAPI, a high-performance framework for building APIs. We chose MongoDB for our database due to its flexibility and scalability. And lastly, we integrated DeepL for the translation functionality, which is at the heart of Mangalator.</p>
-            <div className="flex-container">
-                <div className="flex-item">
-                    <h2 className='subtitle'>Setup</h2>
-                    <pre><code>python -m venv .venv<br />
-                    ./.venv/Scripts/Activate<br />
-                    pip install -r requirements.txt<br />
-                    cd manga-image-translator<br />
-                    pip install -r requirements.txt<br />
-                    </code></pre>
-                </div>
-                <div className="flex-item">
-                    <h2 className="subtitle contact">Contact</h2>
-                    <p className="contact">For more information, questions, or feedback, please reach out to us at ___. We value your input and look forward to hearing from you.</p>
-                </div>
-            </div>
-            <h2 className="subtitle">Acknowledgements</h2>
-            <p className="acknowledgements">We would like to express our deepest gratitude to all the mangakas who use Mangalator to share their work with the world. Your creativity and passion inspire us every day.</p>
-            </section>
         </div>
     );
 }
diff --git a/frontend/src/assets/gojoraw.png b/frontend/src/assets/gojoraw.png
new file mode 100644
index 0000000..1415119
Binary files /dev/null and b/frontend/src/assets/gojoraw.png differ
diff --git a/frontend/src/assets/nahidwin.jpg b/frontend/src/assets/nahidwin.jpg
new file mode 100644
index 0000000..1b6ac91
Binary files /dev/null and b/frontend/src/assets/nahidwin.jpg differ
diff --git a/frontend/src/assets/narutoeng.png b/frontend/src/assets/narutoeng.png
new file mode 100644
index 0000000..5f0298c
Binary files /dev/null and b/frontend/src/assets/narutoeng.png differ
diff --git a/frontend/src/assets/narutojap.png b/frontend/src/assets/narutojap.png
new file mode 100644
index 0000000..fb2618d
Binary files /dev/null and b/frontend/src/assets/narutojap.png differ
diff --git a/frontend/src/assets/well_win.png b/frontend/src/assets/well_win.png
new file mode 100644
index 0000000..985f6f4
Binary files /dev/null and b/frontend/src/assets/well_win.png differ