diff --git a/components/Navbar.js b/components/Navbar.js
index e08497b..0b7c7dd 100644
--- a/components/Navbar.js
+++ b/components/Navbar.js
@@ -7,7 +7,7 @@ const Navbar = () => {
     <div className="bg-[#28315a] sticky flex justify-end shadow-sm ">
       <div className="inline-block mr-auto mt-3 ml-2 w-[40px] h-[40px]">
         <Link href="/">
-          <Image alt="Logo" src="/logo.png" width={100} height={100} />
+          <Image alt="Logo" src="/logos/logo.png" width={100} height={100} />
         </Link>
       </div>
       <div className="text-white m-[20px] hover:underline" id="about">
diff --git a/pages/about.js b/pages/about.js
index 728eaf9..796bfe8 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -1,15 +1,48 @@
 import React from "react";
 import Navbar from "../components/Navbar";
 import Footer from "../components/Footer";
+import Image from "next/image";
 
 const about = () => {
-  return (
-    <div>
-      <Navbar />
-      <h1>About page</h1>
-      <Footer />
-    </div>
-  );
+	return (
+		<div>
+			<Navbar />
+
+			<div className="flex flex-col justify-center md:flex-row-reverse bg-[#b0cee3]">
+				<div className="h-full w-[20rem] mx-auto">
+					<Image
+						className="mx-auto"
+						alt="About Us"
+						src="/about_egg.svg"
+						height={400}
+						width={400}
+					/>
+				</div>
+				<div className="w-[80%] mx-auto">
+					<div className="text-center text-5xl py-10 bg-no-repeat bg-bottom bg-[url(/yellow_title.svg)]">
+						Our Story
+					</div>
+					<div
+						className="pt-10"
+						// style={{width: "65%", lineHeight: "170%", padding: "20px"}}
+						// width: 65%; line-height: 170%; padding: 20px; background-color:rgba(40, 49, 90, 0.1); border-radius: 25px;
+					>
+						Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+						Sed pharetra nulla ex, nec blandit sapien laoreet a.
+						Mauris a tellus egestas lacus vulputate venenatis in et
+						elit. Class aptent taciti sociosqu ad litora torquent
+						per conubia nostra, per inceptos himenaeos. Cras
+						pharetra vitae nisl vel varius. Pellentesque dapibus
+						mollis nisi, vel egestas tortor aliquet id. Nunc a
+						commodo elit. Etiam semper tellus ligula, eget
+						sollicitudin neque egestas vitae.
+					</div>
+				</div>
+			</div>
+
+			<Footer />
+		</div>
+	);
 };
 
 export default about;
diff --git a/pages/index.js b/pages/index.js
index 45cf102..5121758 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -12,7 +12,11 @@ const Home = () => {
       <Navbar />
 
       {/* Logo */}
-      <div className="h-[100vh] bg-[url('../images/landing_section_one.svg')] text-blue-600"></div>
+      <div className="h-[100vh] -mt-12 md:mt-0 bg-[url('/svgs/landing_section_one.svg')]">
+        <div className="mx-auto h-[200px] w-[250px] pt-64 md:w-[342px] md:h-[285px] md:pt-32">
+          <Image src="/logos/big_logo.png" width={342} height={285} />
+        </div>
+      </div>
 
       <Footer />
     </div>
diff --git a/images/about_egg.svg b/public/about_egg.svg
similarity index 100%
rename from images/about_egg.svg
rename to public/about_egg.svg
diff --git a/public/landing_section_one.svg b/public/landing_section_one.svg
deleted file mode 100644
index 0dd8306..0000000
--- a/public/landing_section_one.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 1399 1126" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(1,0,0,1,0,-93)">
-        <g transform="matrix(1,0,0,0.173092,0,140.859)">
-            <rect x="0" y="0" width="1399" height="6000" style="fill:rgb(40,49,90);"/>
-        </g>
-        <path d="M0,1058.87L30,1058.87C60,1058.87 120,1058.87 180,1046C240,1032.21 300,1006.46 360,1025.77C420,1046 480,1112.19 540,1131.5C600,1151.73 660,1125.06 720,1085.53C780,1046 840,992.673 900,979.802C960,966.011 1020,992.673 1080,1012.9C1140,1032.21 1200,1046 1260,1052.43C1320,1058.87 1369,1060.11 1399,1060.11L1399,1218.51C1369,1218.51 1320,1217.92 1260,1217.92L0,1217.92L0,1058.87Z" style="fill:white;"/>
-        <g transform="matrix(0.967497,0,0,1,5.80498,0)">
-            <rect x="-6" y="230" width="1446" height="226" style="fill:rgb(251,241,188);"/>
-        </g>
-        <g transform="matrix(0.971528,0,0,1,0,0)">
-            <rect x="0" y="93" width="1440" height="132" style="fill:rgb(176,206,227);"/>
-        </g>
-        <path d="M0,242.536L27.454,265.322C54.908,287.589 108.569,332.125 163.477,339.893C218.385,347.143 272.046,317.107 326.954,298.464C380.615,279.822 435.523,272.572 490.431,279.822C544.092,287.589 599,309.857 653.908,298.464C707.569,287.589 762.477,242.536 817.385,250.304C871.046,257.554 925.954,317.107 979.615,332.125C1034.52,347.143 1089.43,317.107 1143.09,298.464C1198,279.822 1252.91,272.572 1306.57,261.179C1361.48,250.304 1399,240.539 1399,240.539L1399,198.302C1399,198.302 1361.48,198 1306.57,198L0,198L0,242.536Z" style="fill:rgb(176,206,227);"/>
-        <path d="M0,455.942L27,475.506C53,495.069 107,533.895 160,538.41C213,542.624 267,512.225 320,497.176C373,482.127 427,482.127 480,490.554C533,499.283 587,516.739 640,529.682C693,542.624 747,551.352 800,544.73C853,538.41 907,516.739 960,518.846C1013,520.953 1067,547.138 1120,544.73C1173,542.624 1227,512.225 1280,499.283C1333,486.341 1373,488.073 1399,490.481L1399,442.743C1373,442.743 1333,443 1280,443L0,443L0,455.942Z" style="fill:rgb(251,241,188);"/>
-    </g>
-</svg>
diff --git a/images/big_logo.png b/public/logos/big_logo.png
similarity index 100%
rename from images/big_logo.png
rename to public/logos/big_logo.png
diff --git a/public/logo.png b/public/logos/logo.png
similarity index 100%
rename from public/logo.png
rename to public/logos/logo.png
diff --git a/images/gray_circle.png b/public/members/gray_circle.png
similarity index 100%
rename from images/gray_circle.png
rename to public/members/gray_circle.png
diff --git a/images/members_info.json b/public/members/members_info.json
similarity index 100%
rename from images/members_info.json
rename to public/members/members_info.json
diff --git a/images/alumni_companies.png b/public/misc/alumni_companies.png
similarity index 100%
rename from images/alumni_companies.png
rename to public/misc/alumni_companies.png
diff --git a/images/board_back.png b/public/misc/board_back.png
similarity index 100%
rename from images/board_back.png
rename to public/misc/board_back.png
diff --git a/images/board_pic.png b/public/misc/board_pic.png
similarity index 100%
rename from images/board_pic.png
rename to public/misc/board_pic.png
diff --git a/images/code.jpg b/public/misc/code.jpg
similarity index 100%
rename from images/code.jpg
rename to public/misc/code.jpg
diff --git a/images/coffee.jpg b/public/misc/coffee.jpg
similarity index 100%
rename from images/coffee.jpg
rename to public/misc/coffee.jpg
diff --git a/images/friends.jpg b/public/misc/friends.jpg
similarity index 100%
rename from images/friends.jpg
rename to public/misc/friends.jpg
diff --git a/images/laptop_code.jpg b/public/misc/laptop_code.jpg
similarity index 100%
rename from images/laptop_code.jpg
rename to public/misc/laptop_code.jpg
diff --git a/images/person_icon.png b/public/misc/person_icon.png
similarity index 100%
rename from images/person_icon.png
rename to public/misc/person_icon.png
diff --git a/images/smile_people.png b/public/misc/smile_people.png
similarity index 100%
rename from images/smile_people.png
rename to public/misc/smile_people.png
diff --git a/images/v66_1069.png b/public/misc/v66_1069.png
similarity index 100%
rename from images/v66_1069.png
rename to public/misc/v66_1069.png
diff --git a/images/v66_1072.png b/public/misc/v66_1072.png
similarity index 100%
rename from images/v66_1072.png
rename to public/misc/v66_1072.png
diff --git a/public/svgs/about_egg.svg b/public/svgs/about_egg.svg
new file mode 100644
index 0000000..c4c7e7a
--- /dev/null
+++ b/public/svgs/about_egg.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 739 729" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M431.15,125.385C551.68,161.161 696.362,213.753 696.045,341.194C695.702,479.07 561.995,568.25 429.961,603.726C305.495,637.168 163.47,612.754 97.202,502.094C36.286,400.372 101.991,277.777 181.235,188.386C244.781,116.704 340.539,98.489 431.15,125.385Z" style="fill:url(#_Linear1);"/>
+    <path d="M413.339,89.762C533.868,125.538 678.55,178.13 678.234,305.571C677.891,443.447 544.184,532.627 412.149,568.102C287.683,601.544 145.659,577.131 79.39,466.471C18.474,364.749 84.18,242.154 163.424,152.763C226.97,81.08 322.727,62.866 413.339,89.762Z" style="fill:rgb(196,196,196);"/>
+    <clipPath id="_clip2">
+        <path d="M413.339,89.762C533.868,125.538 678.55,178.13 678.234,305.571C677.891,443.447 544.184,532.627 412.149,568.102C287.683,601.544 145.659,577.131 79.39,466.471C18.474,364.749 84.18,242.154 163.424,152.763C226.97,81.08 322.727,62.866 413.339,89.762Z"/>
+    </clipPath>
+    <g clip-path="url(#_clip2)">
+        <g id="v66_1069.png" transform="matrix(1,0,0,1,-321.906,18)">
+            <use xlink:href="#_Image3" x="0" y="0" width="1440px" height="693px"/>
+        </g>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1.928,488.046,-488.046,-1.928,473.935,137.703)"><stop offset="0" style="stop-color:rgb(40,49,90);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(176,206,227);stop-opacity:1"/></linearGradient>
+        <image id="_Image3" width="1440px" height="693px" xlink:href="./smile_people.png" />
+    </defs>
+</svg>
diff --git a/images/blue_dashed_stroke.svg b/public/svgs/blue_dashed_stroke.svg
similarity index 100%
rename from images/blue_dashed_stroke.svg
rename to public/svgs/blue_dashed_stroke.svg
diff --git a/images/blue_on_white_bottom.svg b/public/svgs/blue_on_white_bottom.svg
similarity index 100%
rename from images/blue_on_white_bottom.svg
rename to public/svgs/blue_on_white_bottom.svg
diff --git a/images/blue_on_white_curve.svg b/public/svgs/blue_on_white_curve.svg
similarity index 100%
rename from images/blue_on_white_curve.svg
rename to public/svgs/blue_on_white_curve.svg
diff --git a/images/blue_title.svg b/public/svgs/blue_title.svg
similarity index 100%
rename from images/blue_title.svg
rename to public/svgs/blue_title.svg
diff --git a/images/footer_squiggle.svg b/public/svgs/footer_squiggle.svg
similarity index 100%
rename from images/footer_squiggle.svg
rename to public/svgs/footer_squiggle.svg
diff --git a/images/happening_now.svg b/public/svgs/happening_now.svg
similarity index 100%
rename from images/happening_now.svg
rename to public/svgs/happening_now.svg
diff --git a/images/landing_section_one.svg b/public/svgs/landing_section_one.svg
similarity index 100%
rename from images/landing_section_one.svg
rename to public/svgs/landing_section_one.svg
diff --git a/images/landing_section_three_bottom.svg b/public/svgs/landing_section_three_bottom.svg
similarity index 100%
rename from images/landing_section_three_bottom.svg
rename to public/svgs/landing_section_three_bottom.svg
diff --git a/images/landing_section_three_top.svg b/public/svgs/landing_section_three_top.svg
similarity index 100%
rename from images/landing_section_three_top.svg
rename to public/svgs/landing_section_three_top.svg
diff --git a/images/top_bar_header.svg b/public/svgs/top_bar_header.svg
similarity index 100%
rename from images/top_bar_header.svg
rename to public/svgs/top_bar_header.svg
diff --git a/images/yellow_line.svg b/public/svgs/yellow_line.svg
similarity index 100%
rename from images/yellow_line.svg
rename to public/svgs/yellow_line.svg
diff --git a/images/yellow_title.svg b/public/svgs/yellow_title.svg
similarity index 100%
rename from images/yellow_title.svg
rename to public/svgs/yellow_title.svg
diff --git a/public/yellow_title.svg b/public/yellow_title.svg
new file mode 100644
index 0000000..3f77690
--- /dev/null
+++ b/public/yellow_title.svg
@@ -0,0 +1,3 @@
+<svg width="414" height="50" viewBox="0 0 414 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3 34.4357C111.667 19.7691 344.5 -0.764261 406.5 34.4357" stroke="#FBF1BC" stroke-width="30"/>
+</svg>