src/components/core/Navbar.astro

@@ -5,7 +5,7 @@ import pages from "../../data/pages.json";
 ---
 
 <div class="md:w-full w-fit fixed z-10">
-    <div class="flex justify-between items-center bg-black/40 m-[1%] py-[0.8%] px-[1.5%] md:rounded-full md:border-[0.1vw]">
+    <div class="flex justify-between items-center bg-black/40 my-[1%] mx-[2.5%] py-[0.8%] px-[1.5%] md:rounded-full md:border-[0.1vw]">
         <a
         href="/"
         class="hover:opacity-60 duration-300 hidden md:flex"

src/components/main_page/Divider.astro

@@ -0,0 +1,15 @@
+<div class="flex py-[15vh] px-[7vw] items-end w-full">
+    <div class="w-3/5">
+        <p class="text-ieee-yellow text-[4.5vw] font-semibold">
+            02
+        </p>
+        <p class="text-white text-[2.5vw] font-light">
+            Amet Consectetur
+        </p>
+
+    </div>
+    <p class="text-white text-[1.5vw]">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+    </p>
+</div>

src/components/main_page/Landing.astro

@@ -6,13 +6,13 @@ import landingimg from "../../../public/landing.png"
 import { FaDiscord, FaInstagram, FaFacebook} from "react-icons/fa";
 ---
 
-<div class="w-full flex justify-between pt-[12vh]">
+<div class="w-full flex justify-between pt-[14vh]">
-    <div class=" pt-[7%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black w-[53%] h-[85vh] border-white/70 border-[0.1vw] rounded-[3vw]">
+    <div class=" pt-[7%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black w-[53%] h-[80vh] border-white/70 border-[0.1vw] rounded-[3vw]">
         <p class=" text-ieee-yellow font-bold text-[2.2vw] mb-[3%]">UC San Diego IEEE</p>
         <p class="font-bold text-[2.8vw] text-white mb-[10%]">Join one of the largest IEEE student branch in the US!</p>
         <p class="text-white font-light text-[1.3vw]">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
 
-        <div class="flex justify-end w-full mt-[15vh]">
+        <div class="flex justify-end w-full mt-[13vh]">
             <div class="text-white text-[2.5vw] w-1/2 flex justify-between">
                 <Link href="https://discord.gg/XxfjqZSjca" target="_blank" className="border-[0.15vw] rounded-full p-[5%] shadow-glow hover:scale-110 duration-300">
                     <FaDiscord />
@@ -28,7 +28,7 @@ import { FaDiscord, FaInstagram, FaFacebook} from "react-icons/fa";
         </div>
 
     </div>
-    <div class="w-[46%] h-[85vh] border-white/70 border-[0.1vw] rounded-[3vw] object-contain bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black">
+    <div class="w-[46%] h-[80vh] border-white/70 border-[0.1vw] rounded-[3vw] object-contain bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black">
-        <Image src={landingimg} alt="circuit"/>
+        <Image src={landingimg} alt="circuit" class="w-[95%]"/>
     </div>
 </div>

src/pages/index.astro

@@ -1,8 +1,10 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import Landing from "../components/main_page/Landing.astro";
+import Divider from "../components/main_page/divider.astro";
 ---
 
 <Layout>
     <Landing />
+    <Divider />
 </Layout>