Landing page layout fix

swapnilsparsh · Dec 5, 2023 · abe6470 · abe6470
1 parent 44a9ec5
commit abe6470
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/components/Landingpage.js b/components/Landingpage.js
@@ -74,22 +74,6 @@ const Landingpage = () => {
             </div>
           </div>
 
-          <div className="landing-page-details">
-            <div className="header-image">
-              <Image id="home" src={Programs} alt="Programs Illustration" />
-            </div>
-            <div className="heading-text">
-              <Link href="/programs">
-                <h1>
-                  <u> Programs </u>
-                </h1>
-              </Link>
-              <p>
-                Looking for an open-source program to apply to? You're just a
-                click away. Find all details right here!
-              </p>
-            </div>
-          </div>
           <div className="landing-page-details">
             <div className="heading-text second">
               <Link href="/webdev">
@@ -107,22 +91,24 @@ const Landingpage = () => {
               <Image id="home" src={WebDev} alt="Web Dev Illustration" />
             </div>
           </div>
+
           <div className="landing-page-details">
             <div className="header-image">
-              <Image id="home" src={Games} alt="Games Illustration" />
+              <Image id="home" src={Programs} alt="Programs Illustration" />
             </div>
             <div className="heading-text">
-              <Link href="/games">
+              <Link href="/programs">
                 <h1>
-                  <u> Games </u>
+                  <u> Programs </u>
                 </h1>
               </Link>
               <p>
-                Ever heard of 'All work and no play makes the developer dull' ?
-                Here's your chance to mix some play into your work !
+                Looking for an open-source program to apply to? You're just a
+                click away. Find all details right here!
               </p>
             </div>
           </div>
+
           <div className="landing-page-details">
             <div className="heading-text second">
               <Link href="/backend">
@@ -139,6 +125,24 @@ const Landingpage = () => {
               <Image id="home" src={Backend} alt="Backend Illustration" />
             </div>
           </div>
+
+          <div className="landing-page-details">
+            <div className="header-image">
+              <Image id="home" src={Games} alt="Games Illustration" />
+            </div>
+            <div className="heading-text">
+              <Link href="/games">
+                <h1>
+                  <u> Games </u>
+                </h1>
+              </Link>
+              <p>
+                Ever heard of 'All work and no play makes the developer dull' ?
+                Here's your chance to mix some play into your work !
+              </p>
+            </div>
+          </div>
+
         </div>
       </div>
       <AdBanner