diff --git a/src/App.js b/src/App.js
index 847c665c2..27972f889 100644
--- a/src/App.js
+++ b/src/App.js
@@ -49,6 +49,7 @@ import MaveliPortfolio from "./Pages/Events/MaveliPortfolio/MaveliPortfolio";
 import Level1 from "./Pages/CapTF/Level1";
 import Spiderman from "./Pages/CapTF/Spiderman";
 import Submission from "./Pages/CapTF/Submission";
+import Pathway from "./Pages/Pathway/Pathway";
 function App() {
   const [redirects, setRedirects] = useState([]);
   const [isLoaded, setIsLoaded] = useState(false);
@@ -143,6 +144,7 @@ function App() {
             />
             <Route path="/yipredirect" element={<YipForm />} />
             <Route path="/journey" element={<Journey />} />
+            <Route path="/pathway" element={<Pathway />} />
           </Route>
 
           <Route path="/level1" element={<Level1 />} />
diff --git a/src/Pages/Pathway/Pathway.jsx b/src/Pages/Pathway/Pathway.jsx
new file mode 100644
index 000000000..72a0e6838
--- /dev/null
+++ b/src/Pages/Pathway/Pathway.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import styles from './Pathway.module.css'
+import Navbar from './components/Navbar/menubar'
+import Mainpage from './components/HeroSection/mainpage'
+import Whatispathway from './components/About/About'
+import CourseOverview from './components/course Overview/CourseOverview'
+import Whoshouldattend from './components/WhoShouldAttend/WhoShouldAttend'
+import Contact from './components/contact/Contact'
+
+export default function Pathway() {
+    return (
+        <>
+            <Navbar />
+            <Mainpage />
+            <div className={styles.pathway}>
+                <CourseOverview />
+                <Whoshouldattend />
+                <Whatispathway />
+            </div>
+            <Contact />
+        </>
+    )
+}
diff --git a/src/Pages/Pathway/Pathway.module.css b/src/Pages/Pathway/Pathway.module.css
new file mode 100644
index 000000000..f5d9e5e9c
--- /dev/null
+++ b/src/Pages/Pathway/Pathway.module.css
@@ -0,0 +1,10 @@
+.pathway {
+    padding: 0 4rem;
+    background-color: #F5F5F5;
+}
+
+@media(width<=820px) {
+    .pathway {
+        padding: 0 1rem;
+    }
+}
\ No newline at end of file
diff --git a/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.jsx b/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.jsx
deleted file mode 100644
index 392408ed4..000000000
--- a/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from "react"
-import styles from "./Contact.module.css"
-import line from "./assets/line.webp";
-
-const WhoShouldAttend = () => {
-    return (
-    <>
-    <section className={third}>
-    <div className={Overview_container_head}>
-        <hr>
-        <p>Who should Attend?</p>
-        <hr>
-    </div>
-    <div className={sec}>
-        <div className={sec_one}>
-            <div className={sec_two}>
-            <div className={section_top}>
-                <P>Students interested in AI and machine learning.</P>
-            </div>
-            <div className={section_mid}>
-                <img src={line.webp}>
-            </div>
-            </div>
-            <div className={section_bottom}>
-                <p>I need latency to be <br>milliseconds or seconds, but my<br>batch job is taking minutes or<br>hours to run each time.</p>
-            </div>
-        </div>
-        <div className={sec_one}>
-            <div className={sec_two}>
-            <div className={section_top}>
-                <P>Students interested in AI and machine learning.</P>
-            </div>
-            <div className={section_mid}>
-                <img src="line.webp" alt="" srcset="">
-            </div>
-            </div>
-            <div className={section_bottom}>
-                <p>I need latency to be <br>milliseconds or seconds, but my<br>batch job is taking minutes or<br>hours to run each time.</p>
-            </div>
-        </div>
-        <div className={sec_one}>
-            <div className={sec_two}>
-            <div className={section_top}>
-                <P>Students interested in AI and machine learning.</P>
-            </div>
-            <div className={section_mid}>
-                <img src="line.webp" alt="" srcset="">
-            </div>
-            </div>
-            <div className={section_bottom}>
-                <p>I need latency to be <br>milliseconds or seconds, but my<br>batch job is taking minutes or<br>hours to run each time.</p>
-            </div>
-        </div>
-        <div className={sec_one}>
-            <div className={sec_two}>
-            <div className={section_top}>
-                <P>Students interested in AI and machine learning.</P>
-            </div>
-            <div className={section_mid}>
-                <img src="line.webp" alt="" srcset="">
-            </div>
-            </div>
-            <div className={section_bottom}>
-                <p>I need latency to be <br>milliseconds or seconds, but my<br>batch job is taking minutes or<br>hours to run each time.</p>
-            </div>
-        </div>
-    </div>
-    </section>
-    
-</>
-)
-}
-
-export default WhoShouldAttend
diff --git a/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.module.css b/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.module.css
deleted file mode 100644
index d4897bf04..000000000
--- a/src/Pages/Pathway/WhoShouldAttend/WhoShouldAttend.module.css
+++ /dev/null
@@ -1,85 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-    
-
-}
-.third{
-    background: #F5F5F5;
-}
-.Overview_container_head{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 3rem;
-    gap: 2rem;
-}
-.Overview_container_head hr{
-    width: 25%;
-    color: blue;
-}
-.Overview_container_head p{
-    color: #000;
-    font-size: 3rem;
-    font-weight: 700;
-}
-.sec{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: row;
-    padding: 3rem;
-}
-.section_top{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 60%;
-    height: 6rem;
-    background-color: blue;
-    padding: 1rem;
-    border-radius: 8px;
-    color: white;
-}
-.sec_one{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-.sec_two{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-.section_mid{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 20%;
-}
-.section_mid img{
-    width: 20%;
-}
-.section_bottom{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-@media (width<1000px){
-    .Overview_container_head p{
-        font-size: 1rem;
-    }
-   
-    .Overview_container_head{
-        padding: 1rem;
-        gap: 1rem;
-        
-    }
-}
\ No newline at end of file
diff --git a/src/Pages/Pathway/assets/S1.png b/src/Pages/Pathway/assets/S1.png
new file mode 100644
index 000000000..23b205cf5
Binary files /dev/null and b/src/Pages/Pathway/assets/S1.png differ
diff --git a/src/Pages/Pathway/assets/arrow.png b/src/Pages/Pathway/assets/arrow.png
new file mode 100644
index 000000000..b2fa01e28
Binary files /dev/null and b/src/Pages/Pathway/assets/arrow.png differ
diff --git a/src/Pages/Pathway/mainpage/assets/img2.webp b/src/Pages/Pathway/assets/img2.webp
similarity index 100%
rename from src/Pages/Pathway/mainpage/assets/img2.webp
rename to src/Pages/Pathway/assets/img2.webp
diff --git a/src/Pages/Pathway/what_is_pathway/assets/img3.webp b/src/Pages/Pathway/assets/img3.webp
similarity index 100%
rename from src/Pages/Pathway/what_is_pathway/assets/img3.webp
rename to src/Pages/Pathway/assets/img3.webp
diff --git a/src/Pages/Pathway/contact/assets/img4.webp b/src/Pages/Pathway/assets/img4.webp
similarity index 100%
rename from src/Pages/Pathway/contact/assets/img4.webp
rename to src/Pages/Pathway/assets/img4.webp
diff --git a/src/Pages/Pathway/WhoShouldAttend/assets/line.webp b/src/Pages/Pathway/assets/line.webp
similarity index 100%
rename from src/Pages/Pathway/WhoShouldAttend/assets/line.webp
rename to src/Pages/Pathway/assets/line.webp
diff --git a/src/Pages/Pathway/contact/assets/logo.png b/src/Pages/Pathway/assets/logo.png
similarity index 100%
rename from src/Pages/Pathway/contact/assets/logo.png
rename to src/Pages/Pathway/assets/logo.png
diff --git a/src/Pages/Pathway/menuBar/assets/logo.webp b/src/Pages/Pathway/assets/logo.webp
similarity index 100%
rename from src/Pages/Pathway/menuBar/assets/logo.webp
rename to src/Pages/Pathway/assets/logo.webp
diff --git a/src/Pages/Pathway/assets/pre.png b/src/Pages/Pathway/assets/pre.png
new file mode 100644
index 000000000..b93f1ba7e
Binary files /dev/null and b/src/Pages/Pathway/assets/pre.png differ
diff --git a/src/Pages/Pathway/assets/s2.png b/src/Pages/Pathway/assets/s2.png
new file mode 100644
index 000000000..2dcc835f5
Binary files /dev/null and b/src/Pages/Pathway/assets/s2.png differ
diff --git a/src/Pages/Pathway/assets/s3.png b/src/Pages/Pathway/assets/s3.png
new file mode 100644
index 000000000..9bd1a33ec
Binary files /dev/null and b/src/Pages/Pathway/assets/s3.png differ
diff --git a/src/Pages/Pathway/assets/s4.png b/src/Pages/Pathway/assets/s4.png
new file mode 100644
index 000000000..bede65c0f
Binary files /dev/null and b/src/Pages/Pathway/assets/s4.png differ
diff --git a/src/Pages/Pathway/assets/s5.png b/src/Pages/Pathway/assets/s5.png
new file mode 100644
index 000000000..7706ff31c
Binary files /dev/null and b/src/Pages/Pathway/assets/s5.png differ
diff --git a/src/Pages/Pathway/components/About/About.jsx b/src/Pages/Pathway/components/About/About.jsx
new file mode 100644
index 000000000..2f86864a8
--- /dev/null
+++ b/src/Pages/Pathway/components/About/About.jsx
@@ -0,0 +1,34 @@
+import React from "react"
+import styles from './About.module.css'
+import img3 from "../../assets/img3.webp";
+
+export default function About() {
+    return (
+        <div id="about" className={styles.About}>
+            <div class={styles.Overview_container_head}>
+                <hr />
+                <p>What is Pathway</p>
+            </div>
+            <div class={styles.WhatIsPathway_main}>
+                <div class={styles.WhatIsPathway_img}>
+                    <img src={img3} alt="" />
+                </div>
+                <div class={styles.WhatIsPathway_desc}>
+                    <p>
+                        <span>Pathway</span> is an open framework for high-throughput and low-latency
+                        <span>real-time data processing</span>. It is used to create Python code which seamlessly combines
+                        <span>batch processing, streaming, and real-time API's</span>
+                        for LLM apps. Pathway's distributed runtime (🦀-🐍) provides
+                        <span>fresh results of your data pipelines</span>
+                        whenever new inputs and requests are received.
+                    </p>
+                    <br />
+                    <p>Pathway provides a high-level programming interface in Python for defining data transformations, aggregations, and other
+                        <span>operations on data streams</span>. With Pathway, you can effortlessly <span>design and deploy sophisticated data workflows</span>
+                        that efficiently handle high volumes of data in real time.
+                    </p>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/src/Pages/Pathway/components/About/About.module.css b/src/Pages/Pathway/components/About/About.module.css
new file mode 100644
index 000000000..c38d6ea7f
--- /dev/null
+++ b/src/Pages/Pathway/components/About/About.module.css
@@ -0,0 +1,56 @@
+.About{
+    padding: 1rem 0;
+}
+
+.Overview_container_head {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 5rem;
+    gap: 2rem;
+    position: relative;
+}
+
+.Overview_container_head hr {
+    width: 100%;
+    background-color: #1C1CF0;
+    height: .25rem;
+}
+
+.Overview_container_head p {
+    position: absolute;
+    background-color: #F5F5F5;
+    padding: 0 1.5rem;
+    color: #000;
+    font-size: 3rem;
+    font-weight: 900;
+    width: max-content;
+}
+
+.WhatIsPathway_main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-left: 3rem;
+    padding-right: 8rem;
+    margin: 3rem;
+}
+
+.WhatIsPathway_img img {
+    width: 60%;
+}
+
+.WhatIsPathway_img {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.WhatIsPathway_desc {
+    width: 80%;
+    font-size: 1.2rem;
+}
+
+.WhatIsPathway_desc span {
+    font-weight: 800;
+}
diff --git a/src/Pages/Pathway/components/HeroSection/mainpage.jsx b/src/Pages/Pathway/components/HeroSection/mainpage.jsx
new file mode 100644
index 000000000..eb82a2ff3
--- /dev/null
+++ b/src/Pages/Pathway/components/HeroSection/mainpage.jsx
@@ -0,0 +1,40 @@
+import React from "react"
+import styles from "./mainpage.module.css"
+import img2 from "../../assets/img2.webp";
+import pre from "../../assets/pre.png";
+
+export default function mainpage() {
+    return (
+        <div id="heroSection" className={styles.mainpage}>
+            <section className={styles.First}>
+                <div className={styles.Container}>
+                    <div className={styles.Container_image_one}>
+                        <img src={img2} />
+                    </div>
+                    <div className={styles.Container_desc}>
+                        <div className={styles.Container_head}>
+                            Breaking into <br />
+                            <span className={styles.Head_two}>Artificial<br />Intelligence</span>
+                        </div>
+                        <div className={styles.Container_img_two}>
+                            A µLearn x <span style={{ color: "#39D3F4", backgroundColor: "transparent" }}>Pathway</span> Initiative.
+                        </div>
+                        <div className={styles.Container_button}>
+                            <button className={styles.Container_button_one}>
+                                <img src={pre} alt="" /> Pre apply
+                            </button>
+                            <button className={styles.Container_button_two}>Explore Beta</button>
+                        </div>
+                    </div>
+                </div>
+                <p className={styles.desc}>
+                    Join us on an exciting adventure into the world of <b>Artificial Intelligence (AI)</b> through our collaborative <br />
+                    initiative with Pathway. In this comprehensive course.
+                </p>
+            </section>
+            <p className={styles.Lower_red}>
+                Only <b> 20 individuals </b> will be selected for the <b> beta cohort,</b> while the remaining applicants will be placed on a waiting list.
+            </p>
+        </div>
+    )
+}
diff --git a/src/Pages/Pathway/components/HeroSection/mainpage.module.css b/src/Pages/Pathway/components/HeroSection/mainpage.module.css
new file mode 100644
index 000000000..4c32e22ec
--- /dev/null
+++ b/src/Pages/Pathway/components/HeroSection/mainpage.module.css
@@ -0,0 +1,155 @@
+@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;200;300;400;500;600;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Rubik:wght@400;500;600;700;800;900&display=swap');
+
+.mainpage {
+    height: 100vh;
+    width: 100%;
+    background: #F5F5F5;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.First {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.Container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: row;
+    padding: 0 4rem;
+    gap: 1rem;
+}
+
+.Container_image_one {
+    width: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.Container_desc {
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 2rem;
+    width: 50%;
+}
+
+.Container_image_one img {
+    height: 30rem;
+    object-fit: contain;
+}
+
+.Container_img_two {
+    width: fit-content;
+    padding: .8rem .5rem;
+    border-radius: .5rem;
+    font-size: 1.5rem;
+    background-color: #232A34;
+    color: #fff;
+}
+
+.Container_head {
+    font-weight: 900;
+    font-size: 5rem;
+    font-family: 'Rubik', sans-serif;
+    line-height: 5rem;
+    width: max-content;
+}
+
+.Head_two {
+    background-color: transparent;
+    color: #DC280B;
+    font-family: 'Rubik', sans-serif;
+}
+
+.Container_button_one {
+    padding: .5rem 1rem;
+    border-radius: .5rem;
+    background-color: #DC280B;
+    font-weight: 700;
+    border: none;
+    color: #EEEEEE;
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+}
+
+.Container_button_one img {
+    background-color: transparent;
+}
+
+.Container_button_two {
+    padding: .5rem 1rem;
+    border-radius: .5rem;
+    border-radius: 8px;
+    background: #EEEEEE;
+    font-weight: 900;
+    border: none;
+    color: #DC280B;
+}
+
+.Container_button {
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 2rem;
+}
+
+.desc {
+    width: 100%;
+    text-align: center;
+    font-size: 1.2rem;
+}
+
+.Lower_red {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    background: #DC280B;
+    color: white;
+    font-size: 1rem;
+    text-transform: uppercase;
+    padding: .8rem;
+}
+
+.Lower_red b {
+    background-color: #DC280B;
+    padding: 0 .3rem;
+}
+
+@media(width<=820px) {
+    .Container {
+        flex-direction: column;
+    }
+
+    .Container_image_one {
+        width: 100%;
+    }
+
+    .Container_desc {
+        width: 100%;
+    }
+
+    .Container_head {
+        font-size: 4rem;
+        line-height: 4rem;
+    }
+
+    .desc {
+        font-size: 1rem;
+    }
+
+    .Lower_red {
+        font-size: .8rem;
+    }
+}
\ No newline at end of file
diff --git a/src/Pages/Pathway/components/Navbar/menubar.jsx b/src/Pages/Pathway/components/Navbar/menubar.jsx
new file mode 100644
index 000000000..dcef0eab5
--- /dev/null
+++ b/src/Pages/Pathway/components/Navbar/menubar.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import styles from './menubar.module.css';
+import img4 from "../../assets/logo.webp";
+import pre from '../../assets/pre.png';
+
+export default function Menubar() {
+    const navbar = React.useRef(null)
+
+    React.useEffect(() => {
+        var prevScrollpos = window.pageYOffset;
+        window.onscroll = function () {
+            var currentScrollPos = window.pageYOffset;
+            if (prevScrollpos > currentScrollPos) {
+                navbar.current.style.top = "0";
+            } else {
+                navbar.current.style.top = "-150px";
+            }
+            prevScrollpos = currentScrollPos;
+        }
+    }, [])
+
+    return (
+        <div ref={navbar} className={styles.menu_bar}>
+            <div className={styles.logo}>
+                <a href=""><img src={img4} alt="Logo" /></a>
+            </div>
+            <div className={styles.menu}>
+                <a href="#heroSection">Home</a>
+                <a href="#Course">Course Overview</a>
+                <a href="#who">Who Should Attend?</a>
+                <a href="#about">About Pathway</a>
+            </div>
+            <div className={styles.pre_rg}>
+                <a href="">
+                    <img src={pre} alt="Pre-register" />
+                    Pre-register
+                </a>
+            </div>
+        </div>
+    );
+}
diff --git a/src/Pages/Pathway/components/Navbar/menubar.module.css b/src/Pages/Pathway/components/Navbar/menubar.module.css
new file mode 100644
index 000000000..92110c802
--- /dev/null
+++ b/src/Pages/Pathway/components/Navbar/menubar.module.css
@@ -0,0 +1,66 @@
+.menu_bar {
+    position: fixed;
+    top: 0;
+    display: flex;
+    width: 100%;
+    padding: 2rem;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #fff;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
+    z-index: 1;
+    transition: all .5s ease-in-out;
+}
+
+.menu_bar a {
+    background-color: #fff;
+    font-weight: 700;
+    color: #000;
+}
+
+.logo img {
+    height: 2rem;
+    background-color: #fff;
+}
+
+.menu {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    list-style: none;
+    gap: 2rem;
+    background-color: transparent;
+}
+
+.pre_rg a {
+    display: flex;
+    gap: .5rem;
+    border-radius: .8rem;
+    padding: .8rem 1.5rem;
+    background-color: #DC280B;
+    color: white;
+    border: none;
+}
+
+.pre_rg a img {
+    background-color: #DC280B;
+}
+
+@media(width<=820px) {
+    .menu_bar {
+        padding: 1rem;
+    }
+
+    .logo img {
+        height: 1rem;
+    }
+
+    .menu {
+        display: none;
+    }
+
+    .pre_rg a {
+        border-radius: .4rem;
+        padding: .5rem 1rem;
+    }
+}
\ No newline at end of file
diff --git a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx
new file mode 100644
index 000000000..9c72cc65b
--- /dev/null
+++ b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx
@@ -0,0 +1,58 @@
+import React from "react"
+import styles from './WhoShouldAttend.module.css'
+import line from '../../assets/line.webp';
+
+const content = [
+    {
+        id: 1,
+        title: "Students interested in AI and machine learning.",
+        desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time."
+    },
+    {
+        id: 2,
+        title: "Professionals seeking to upskill in AI.",
+        desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time."
+    },
+    {
+        id: 3,
+        title: "Enthusiasts eager to explore LLMs and AI frameworks.",
+        desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time."
+    },
+    {
+        id: 4,
+        title: "Anyone looking to break into the exciting world of AI",
+        desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time."
+    }
+]
+
+export default function WhoShouldAttend() {
+    return (
+        <section id="who" className={styles.WhoShouldAttend}>
+            <div className={styles.Overview_container_head}>
+                <hr />
+                <p>Who should Attend?</p>
+            </div>
+            <div className={styles.section}>
+                {
+                    content.map((item, index) => {
+                        return (
+                            <div key={index} className={styles.container}>
+                                <div className={styles.box}>
+                                    <b className={styles.box_top}>
+                                        {item.title}
+                                    </b>
+                                    <div className={styles.box_mid}>
+                                        <img src={line} alt="line"/>
+                                    </div>
+                                </div>
+                                <div className={styles.box_bottom}>
+                                    <p>{item.desc}</p>
+                                </div>
+                            </div>
+                        )
+                    })
+                }
+            </div>
+        </section>
+    )
+}
diff --git a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css
new file mode 100644
index 000000000..e26dc4823
--- /dev/null
+++ b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css
@@ -0,0 +1,83 @@
+.WhoShouldAttend {
+    background: #F5F5F5;
+}
+
+.Overview_container_head {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 5rem;
+    gap: 2rem;
+    position: relative;
+}
+
+.Overview_container_head hr {
+    width: 100%;
+    background-color: #1C1CF0;
+    height: .25rem;
+}
+
+.Overview_container_head p {
+    position: absolute;
+    color: #000;
+    background-color: #F5F5F5;
+    padding: 0 1.5rem;
+    font-size: 3rem;
+    font-weight: 900;
+    width: max-content;
+}
+
+.section{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 2rem;
+    padding: 1rem 2rem; 
+}
+
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+}
+
+.container .box{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.container .box_bottom {
+    width: 70%;
+}
+
+.container .box_top {
+    background-color: #1C1CF0;
+    padding: 1rem;
+    height: 5rem;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-bottom-right-radius: 1rem;
+    border-top-left-radius: 1rem;
+}
+
+.container .box_mid img{
+    height: 8rem;
+} 
+
+@media (width<1000px) {
+    .Overview_container_head p {
+        font-size: 1rem;
+    }
+
+    .Overview_container_head {
+        padding: 1rem;
+        gap: 1rem;
+
+    }
+}
\ No newline at end of file
diff --git a/src/Pages/Pathway/components/contact/Contact.jsx b/src/Pages/Pathway/components/contact/Contact.jsx
new file mode 100644
index 000000000..59bf16ab9
--- /dev/null
+++ b/src/Pages/Pathway/components/contact/Contact.jsx
@@ -0,0 +1,72 @@
+import React from "react"
+import styles from "./Contact.module.css"
+import img4 from "../../assets/img4.webp";
+
+const links = [
+    {
+        id: 1,
+        title: "Company",
+        l1: "Features",
+        l2: "Success Stories",
+        l3: "Our Story",
+        l4: "Careers",
+        l5: "Events",
+    },
+    {
+        id: 2,
+        title: "Developers",
+        l1: "Documentation",
+        l2: "Tutorials",
+        l3: "Showcases",
+    },
+    {
+        id: 3,
+        title: "About",
+        l1: "Legal & GDPR",
+        l2: "Equal opportunity employer",
+        l3: "Privacy policy",
+        l4: "Licensing",
+        l5: "Glossary",
+    },
+    {
+        id: 4,
+        title: "Contact",
+        l1: "Pathway",
+        l2: "96bis Boulevard Raspail",
+        l3: "Agoranov",
+        l4: "75006 Paris",
+        l5: "France",
+        l6: "contact@pathway.com"
+    }
+]
+
+export default function Contact() {
+    return (
+        <>
+            <div className={styles.ContactUs}>
+                <div className={styles.Contact}>
+                    <img src={img4} />
+                </div>
+                <div className={styles.ContactList}>
+                    {
+                        links.map((link) => {
+                            return (
+                                <div className={styles.list}>
+                                    <p className={styles.ContactHead}>{link.title}</p>
+                                    <ul>
+                                        {link.l1 ? <li><a href="#">{link.l1}</a></li> : null}
+                                        {link.l2 ? <li><a href="#">{link.l2}</a></li> : null}
+                                        {link.l3 ? <li><a href="#">{link.l3}</a></li> : null}
+                                        {link.l4 ? <li><a href="#">{link.l4}</a></li> : null}
+                                        {link.l5 ? <li><a href="#">{link.l5}</a></li> : null}
+                                        {link.l6 ? <li style={{ textDecoration: "underline", color: "#1C1CF0" }}> <a href="#">{link.l6}</a> </li> : null}
+                                    </ul>
+                                </div>
+                            )
+                        })
+                    }
+                </div>
+            </div>
+        </>
+    )
+}
diff --git a/src/Pages/Pathway/components/contact/Contact.module.css b/src/Pages/Pathway/components/contact/Contact.module.css
new file mode 100644
index 000000000..6f8caf71c
--- /dev/null
+++ b/src/Pages/Pathway/components/contact/Contact.module.css
@@ -0,0 +1,39 @@
+.ContactUs {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 3rem;
+    margin-top: -1rem;
+    padding: 3rem;
+    background-color: #f5f5f5;
+}
+
+.Contact img {
+    height: 3rem;
+}
+
+.ContactList {
+    width: 70%;
+    display: flex;
+}
+
+.list {
+    width: 100%;
+}
+
+.ContactHead {
+    color: #1C1CF0;
+    font-weight: 700;
+    border-bottom: 1px solid #1C1CF0;
+}
+
+.ContactList ul {
+    list-style: none;
+    width: 100%;
+}
+
+.ContactList ul li {
+    font-size: .9rem;
+    color: #3F3F46;
+    line-height: 1.1rem;
+}
\ No newline at end of file
diff --git a/src/Pages/Pathway/components/course Overview/CourseOverview.jsx b/src/Pages/Pathway/components/course Overview/CourseOverview.jsx
new file mode 100644
index 000000000..8ea2e8dac
--- /dev/null
+++ b/src/Pages/Pathway/components/course Overview/CourseOverview.jsx	
@@ -0,0 +1,83 @@
+import React from "react"
+import styles from "./CourseOverview.module.css"
+import arrow from '../../assets/arrow.png'
+import s1 from '../../assets/S1.png'
+import s2 from '../../assets/s2.png'
+import s3 from '../../assets/s3.png'
+import s4 from '../../assets/s4.png'
+import s5 from '../../assets/s5.png'
+
+const content = [
+    {
+        id: 1,
+        title: "Stage 1",
+        desc: "Dive deep into the foundations of AI with a focus on",
+        bold: "Large Language Models (LLMs).",
+        icon: s1
+    },
+    {
+        id: 2,
+        title: "Stage 2",
+        desc: "Master LLMs and their",
+        bold: "real-world applications.",
+        icon: s2
+    },
+    {
+        id: 3,
+        title: "Stage 3",
+        desc: "Explore the magic of",
+        bold: "word vectors",
+        desc2: "and their role in understanding language.",
+        icon: s3
+    },
+    {
+        id: 4,
+        title: "Stage 4",
+        desc: "Harness the potential of",
+        bold: "LLM data pipelines",
+        desc2: "for AI-driven insights.",
+        icon: s4
+    },
+    {
+        id: 5,
+        title: "Stage 5",
+        desc: "Embark on a hands-on journey to",
+        bold: "build your own LLM-powered app",
+        desc2: "using the cutting-edge Pathway framework.",
+        icon: s5
+    },
+]
+
+export default function CourseOverview() {
+    return (
+        <section id="Course" className={styles.Two}>
+            <div className={styles.Overview_container}>
+                <div className={styles.Overview_container_head}>
+                    <hr />
+                    <p>Course Overview</p>
+                </div>
+                <div className={styles.Overview_desc}>
+                    {
+                        content.map((item, key) => {
+                            return (
+                                <div key={key} className={styles.course}>
+                                    <div className={styles.Course_desc}>
+                                        <img src={item.icon} alt="" />
+                                        <p>
+                                            {item.desc}
+                                            <b> {item.bold} </b>
+                                            {item.desc2 ? item.desc2 : null}
+                                        </p>
+                                    </div>
+                                    <div className={styles.stage}>
+                                        {item.title} <img src={arrow} alt="" />
+                                    </div>
+                                </div>
+                            )
+                        })
+                    }
+                </div>
+            </div>
+        </section>
+    )
+}
diff --git a/src/Pages/Pathway/components/course Overview/CourseOverview.module.css b/src/Pages/Pathway/components/course Overview/CourseOverview.module.css
new file mode 100644
index 000000000..b61a5076e
--- /dev/null
+++ b/src/Pages/Pathway/components/course Overview/CourseOverview.module.css	
@@ -0,0 +1,63 @@
+.Overview_container_head {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 5rem;
+    gap: 2rem;
+    position: relative;
+}
+
+.Overview_container_head hr {
+    width: 100%;
+    background-color: #1C1CF0;
+    height: .25rem;
+}
+
+.Overview_container_head p {
+    position: absolute;
+    background-color: #F5F5F5;
+    padding: 0 1.5rem;
+    color: #000;
+    font-size: 3rem;
+    font-weight: 900;
+    width: max-content;
+}
+
+.Overview_desc {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 2rem;
+    padding: 1rem;
+}
+
+.Overview_desc .course {
+    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+    padding: 1.5rem;
+    border-radius: .5rem;
+    width: 50%;
+    height: 16rem;
+    font-weight: 500;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: .5rem;
+}
+
+.Overview_desc .course .Course_desc {
+    display: flex;
+    gap: .5rem;
+}
+
+.Overview_desc .course .Course_desc img {
+    width: 2.5rem;
+    height: 2.5rem;
+}
+
+.Overview_desc .course .stage {
+    color: #E4311C;
+    font-weight: 900;
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+}
diff --git a/src/Pages/Pathway/contact/Contact.jsx b/src/Pages/Pathway/contact/Contact.jsx
deleted file mode 100644
index d871ccd7d..000000000
--- a/src/Pages/Pathway/contact/Contact.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from "react"
-import styles from "./Contact.module.css"
-import img4 from "./assets/img4.webp";
-import logo from "./assets/logo.png";
-
-const Contact = () => {
-    return (
-    <>
-    <div className={styles.ContactUs}>
-        <div className={styles.Contact}>
-            <img src={img4}>
-        </div>
-        <div className={styles.ContactList}>
-            <div className={styles.ContactHead}>
-                <div className={styles.Company}>Company</div>
-                <div className={styles.Developers}>Developers</div>
-                <div className={styles.About}>About</div>
-                <div className={styles.Contact}>Contact</div>
-
-            </div>
-            <hr>
-            <div className={styles.contactLists}>
-                <div>
-                <ul>
-                    <li>Features</li>
-                    <li>Success Stories</li>
-                    <li>Our Story</li>
-                    <li>Careers</li>    
-                    <li>Events</li>
-                </ul>
-                </div>
-                <div>
-                <ul>
-                    <li>Documentation</li>
-                    <li>Tutorials</li>
-                    <li>Showcases</li>
-                </ul>
-                </div>
-                <div>
-                <ul>
-                    <li>Legal & GDPR</li>
-                    <li>Equal opportunity employer</li>
-                    <li>Privacy policy</li>
-                    <li>Licensing</li>
-                    <li>Glossary</li>
-                </ul>
-                </div>
-                <div>
-                <ul>
-                    <li>Pathway</li>
-                    <li>96bis Boulevard Raspail</li>
-                    <li>Agoranov</li>
-                    <li>75006 Paris</li>
-                    <li>France</li>
-                    <li>contact@pathway.com</li>
-                </ul>
-                </div>
-
-            </div>
-        </div>
-    </div>
-    
-</>
-)
-}
-
-export default Contact
diff --git a/src/Pages/Pathway/contact/Contact.module.css b/src/Pages/Pathway/contact/Contact.module.css
deleted file mode 100644
index 3538a05b3..000000000
--- a/src/Pages/Pathway/contact/Contact.module.css
+++ /dev/null
@@ -1,43 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-    background: #F5F5F5;
-
-}
-.ContactUs{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 3rem;
-    padding: 4rem;
-}
-.Contact img{
-    width: 50%;
-
-}
-.ContactHead{
-    display: flex;
-    justify-content: space-evenly;
-    gap: 10rem;
-    align-items: center;
-    color: blue;
-    font-weight: 600;
-}
-.contactLists{
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    font-size: .8rem;
-    gap: 2rem;
-}
-.contactLists ul{
-    list-style: none;
-    width: 100%;
-}
-.contactLists div{
-    width: 40%;
-}
\ No newline at end of file
diff --git a/src/Pages/Pathway/course Overview/CourseOverview.jsx b/src/Pages/Pathway/course Overview/CourseOverview.jsx
deleted file mode 100644
index e834eaf25..000000000
--- a/src/Pages/Pathway/course Overview/CourseOverview.jsx	
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from "react"
-import styles from "./CourseOverview.module.css"
-
-const CourseOverview = () => {
-    return (
-    <>
-    <section className={Two}>
-        <div className={Overview_container}>
-            <div className={Overview_container_head}>
-                <hr>
-                <p>Course Overview</p>
-                <hr>
-            </div>
-            <div className={Overview_desc}>
-                <div className={course}>
-                    <div className={Course_desc}>
-                        <span className={icon}>
-                        </span>
-                        <p className={desc_one}>Dive deep into the foundations of AI with a focus on <span>Large Language Models (LLMs)</span>. </p>
-                    </div>
-                    <div className={stage}>
-                        <p>Stage 1</p>
-                    </div>
-                </div>
-                <div className={course}>
-                    <div className={Course_desc}>
-                        <span className={icon}></span>
-                        <p className={desc_one}>Dive deep into the foundations of AI with a focus on <span>Large Language Models (LLMs)</span>. </p>
-                    </div>
-                    <div className={stage}>
-                        <p>Stage 1</p>
-                    </div>
-                </div>
-                <div className={course}>
-                    <div className={Course_desc}>
-                        <span className={icon}></span>
-                        <p className={desc_one}>Dive deep into the foundations of AI with a focus on <span>Large Language Models (LLMs)</span>. </p>
-                    </div>
-                    <div className={stage}>
-                        <p>Stage 1</p>
-                    </div>
-                </div>
-                <div className={course}>
-                    <div className={Course_desc}>
-                        <span className={icon}></span>
-                        <p className={desc_one}>Dive deep into the foundations of AI with a focus on <span>Large Language Models (LLMs)</span>. </p>
-                    </div>
-                    <div className={stage}>
-                        <p>Stage 1</p>
-                    </div>
-                </div>
-                <div className={course}>
-                    <div className={Course_desc}>
-                        <span className={icon}></span>
-                        <p className={desc_one}>Dive deep into the foundations of AI with a focus on <span>Large Language Models (LLMs)</span>. </p>
-                    </div>
-                    <div className={stage}>
-                        <p>Stage 1</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    
-</>
-)
-}
-
-export default CourseOverview
diff --git a/src/Pages/Pathway/course Overview/CourseOverview.module.css b/src/Pages/Pathway/course Overview/CourseOverview.module.css
deleted file mode 100644
index e0094e1cc..000000000
--- a/src/Pages/Pathway/course Overview/CourseOverview.module.css	
+++ /dev/null
@@ -1,84 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-    background: #F5F5F5;
-
-}
-.Overview_container_head{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 3rem;
-    gap: 2rem;
-}
-.Overview_container_head hr{
-    width: 25%;
-    color: blue;
-}
-.Overview_container_head p{
-    color: #000;
-    font-size: 3rem;
-    font-weight: 700;
-}
-.Overview_desc{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: row;
-    gap: 1rem;
-    padding: 1rem;
-}
-.course{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: 1rem;
-    font-size: 1rem;
-    box-shadow: 10px 10px rgba(224, 221, 221, 0.2);
-    border-radius: 8px;
-    
-}
-.Course_desc{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 1rem;
-}
-.icon{
-    width: 50%;
-}
-.stage{
-    width: 100%;
-    padding: 2rem;
-    display: flex;
-    justify-content: flex-start;
-    align-items: start;
-    color: red;
-    font-weight: 700;
-}
-.desc_one span{
-    font-weight: 700;
-
-}
-@media (width<1000px){
-    .Overview_container_head p{
-        font-size: 1rem;
-    }
-   /* .Overview_container_head hr{
-        width: 7rem;
-    }*/
-    .Overview_container_head{
-        padding: 1rem;
-        gap: 1rem;
-    }
-    .Overview_desc{
-        width: 100%;
-        flex-direction: column;
-    }
-    
-}
\ No newline at end of file
diff --git a/src/Pages/Pathway/main.jsx b/src/Pages/Pathway/main.jsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/Pages/Pathway/mainpage/assets/img1.webp b/src/Pages/Pathway/mainpage/assets/img1.webp
deleted file mode 100644
index 7c5f54004..000000000
Binary files a/src/Pages/Pathway/mainpage/assets/img1.webp and /dev/null differ
diff --git a/src/Pages/Pathway/mainpage/mainpage.jsx b/src/Pages/Pathway/mainpage/mainpage.jsx
deleted file mode 100644
index 10b6448f5..000000000
--- a/src/Pages/Pathway/mainpage/mainpage.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from "react"
-import styles from "./mainpage.module.css"
-import img2 from "./assets/img2.webp";
-import img1 from "./assets/img1.png";
-const Contact = () => {
-    return (
-    <>
-    <section class={First}>
-        <div class={Container}>
-            <div class={Container_image_one}>
-                <img src={img2} alt="" srcset="">
-            </div>
-            <div class={Container_desc}>
-            <div class={Container_head}>
-                <p class={Head_one}>Breaking into</p>
-                <p class={Head_two}>Artificial<br>Intelligence</p>
-
-            </div>
-            <div class={Container_img_two}>
-                <img src={img1}>
-            </div>
-            <div class={Container_button}>
-                <button class={Container_button_one}>Pre apply</button>
-                <button class={Container_button_two}>Explore Beta</button>
-
-            </div>
-            </div>
-        </div>
-        <div class={Lower_desc}>
-            <p class={desc}>Join us on an exciting adventure into the world of<span> Artificial Intelligence (AI) </span>through our collaborative</p>
-            <p class={desc}>initiative with Pathway. In this comprehensive course. </p>
-        </div>
-    </section>
-    <div class={Lower_red}><p>Only<span> 20 INDIVIDUALS</span> will be selected for the<span> BETA COHORT</span>, while the remaining applicants will be placed on a waiting list.</p></div>
-    
-    
-</>
-)
-}
-
-export default mainpage
diff --git a/src/Pages/Pathway/mainpage/mainpage.module.css b/src/Pages/Pathway/mainpage/mainpage.module.css
deleted file mode 100644
index 18d9e2cfe..000000000
--- a/src/Pages/Pathway/mainpage/mainpage.module.css
+++ /dev/null
@@ -1,100 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-}
-.First{
-    background: #F5F5F5;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    padding: 3rem;
-}
-.Container{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: row;
-    padding: 4rem;
-    gap: 3rem;
-}
-.Container_desc{
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    flex-direction: column;
-    gap: 2rem;
-}
-.Container_image_one img{
-    width: 50%;
-}
-.Container_img_two img{
-    width: 50%;
-}
-.Container_image_one{
-    display: flex;
-    justify-content: flex-end;
-    align-items: end;
-}
-.Head_one{
-    font-weight: 1000;
-    font-size: 3rem;
-}
-.Head_two{
-    font-weight: 1000;
-    font-size: 3rem;
-    color: #DC280B;
-}
-.Container_button_one{
-    width: 7rem;
-    height: 2rem;
-    border-radius: 8px;
-    background: #DC280B;
-    font-weight: 700;
-    border: none;
-    color: #EEEEEE;
-}
-.Container_button_two{
-    width: 7rem;
-    height: 2rem;
-    border-radius: 8px;
-    background: #EEEEEE;
-    font-weight: 700;
-    border: none;
-    color: #DC280B;
-}
-.Container_button{
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 2rem;
-}
-.desc{
-    font-size: 1rem;
-}
-.Lower_desc{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-.desc span{
-    font-weight: 700;
-}
-.Lower_red{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: #DC280B;
-    color: white;
-    height: 3rem;
-    font-size: 1rem;
-}
-.Lower_red span{
-    font-weight: 700;
-}
-
diff --git a/src/Pages/Pathway/menuBar/menubar.jsx b/src/Pages/Pathway/menuBar/menubar.jsx
deleted file mode 100644
index 8c2052576..000000000
--- a/src/Pages/Pathway/menuBar/menubar.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react"
-import styles from "menubar.module.css"
-import img4 from "./assets/logo.webp";
-
-
-const Contact = () => {
-    return (
-    <>
-    <div class={menu_bar}>
-        <div class={logo}>
-            <img src={logo}>
-        </div>
-        <div class={menu}>
-            <ul>
-                <li>Home</li>
-                <li>Course Overview</li>
-                <li>Who Should Attend?</li>
-                <li>About Pathway</li>
-            </ul>
-        </div>
-        <div class={pre_rg}><button>Pre Register</button></div>
-    </div>
-    
-</>
-)
-}
-
-export default menuebar
-
diff --git a/src/Pages/Pathway/menuBar/menubar.module.css b/src/Pages/Pathway/menuBar/menubar.module.css
deleted file mode 100644
index aba46b659..000000000
--- a/src/Pages/Pathway/menuBar/menubar.module.css
+++ /dev/null
@@ -1,40 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-}
-.menu_bar{
-    display: flex;
-    width: 100%;
-    height: 4rem;
-    background: white;
-    justify-content: space-around;
-    align-items: center;
-}
-.logo{
-    width: 15%;
-
-}
-.logo img{
-    width: 100%;
-}
-.menu ul{
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    list-style: none;
-    gap: 2rem;
-    font-weight: 700;
-}
-.pre_rg button{
-    width: 7rem;
-    height: 2rem;
-    border-radius: 8px;
-    background: #DC280B;
-    color: white;
-    font-weight: 700;
-    border: none;
-}
diff --git a/src/Pages/Pathway/what_is_pathway/whatIsPathway.module.css b/src/Pages/Pathway/what_is_pathway/whatIsPathway.module.css
deleted file mode 100644
index 171349348..000000000
--- a/src/Pages/Pathway/what_is_pathway/whatIsPathway.module.css
+++ /dev/null
@@ -1,81 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Plus Jakarta Sans', sans-serif;
-    background: #F5F5F5;
-
-}
-.Overview_container_head{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 3rem;
-    gap: 2rem;
-}
-.Overview_container_head hr{
-    width: 25%;
-    color: blue;
-}
-.Overview_container_head p{
-    color: #000;
-    font-size: 3rem;
-    font-weight: 700;
-}
-
-.WhatIsPathway_main{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding-left: 3rem;
-    padding-right: 8rem;
-    margin: 3rem;
-
-}
-.WhatIsPathway_img img{
-    width: 60%;
-}
-.WhatIsPathway_img{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.WhatIsPathway_desc{
-    width: 80%;
-    font-size: 1.2rem;
-}
-.WhatIsPathway_desc span{
-    font-weight: 800;
-}
-@media (width<1000px){
-    .Overview_container_head p{
-        font-size: 1rem;
-    }
-   /* .Overview_container_head hr{
-        width: 7rem;
-    }*/
-    .Overview_container_head{
-        padding: 1rem;
-        gap: 1rem;
-        
-    }
-    .WhatIsPathway_main{
-        font-size: .8rem;
-        gap: 2rem;
-        padding: 1.5rem;
-        margin: 0;
-        padding-left: 1rem;
-        padding-right: .6rem;
-        flex-direction: column;
-
-    }
-    .WhatIsPathway_desc{
-        width: 100%;
-    }
-    .WhatIsPathway_img{
-        margin-left: -2rem;
-    }
-}
-
diff --git a/src/Pages/Pathway/what_is_pathway/what_is_pathway.jsx b/src/Pages/Pathway/what_is_pathway/what_is_pathway.jsx
deleted file mode 100644
index f9af972fb..000000000
--- a/src/Pages/Pathway/what_is_pathway/what_is_pathway.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react"
-import styles from "menubar.module.css"
-import img3 from "./assets/img3.webp";
-
-
-const what_is_pathway = () => {
-    return (
-    <>
-    <div class={Overview_container_head}>
-        <hr>
-        <p>What is Pathway</p>
-        <hr>
-    </div>
-    <div class={WhatIsPathway_main}>
-        <div class={WhatIsPathway_img}>
-            <img src={img3.webp}>
-
-        </div>
-        <div class={WhatIsPathway_desc}>
-            <P><span>Pathway</span> is an open framework for high-throughput and low-latency <span>real-time data processing</span>. It is used to create Python code which seamlessly combines <span>batch processing, streaming, and real-time API's</span> for LLM apps. Pathway's distributed runtime (🦀-🐍) provides <span>fresh results of your data pipelines</span> whenever new inputs and requests are received.</P>
-            <br>
-            <p>Pathway provides a high-level programming interface in Python for defining data transformations, aggregations, and other <span>operations on data streams</span>. With Pathway, you can effortlessly <span>design and deploy sophisticated data workflows</span> that efficiently handle high volumes of data in real time.</P>
-        </div>
-
-    </div>
-    
-</>
-)
-}
-
-export default what_is_pathway
diff --git a/src/Pages/Top100Coders/assets/favicon.png b/src/Pages/Top100Coders/assets/favicon.png
new file mode 100644
index 000000000..6e7c5b027
Binary files /dev/null and b/src/Pages/Top100Coders/assets/favicon.png differ