Merge pull request #74 from PMReadyOfficial/dev

Dev

.github/workflows/deploy.yml

@@ -36,4 +36,6 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
+
         uses: actions/deploy-pages@v4
+

src/components/StartYourChapter.jsx

@@ -14,7 +14,7 @@ export default function StartYourChapter() {
 
             <div className="grid grid-cols-6 mt-20 my-10">
                 <div className="mx-2.5 lg:mx-5 my-auto">
-                    <img src="microsoft.png" alt="Microsoft logo" />
+                    {/*<img src="microsoft.png" alt="Microsoft logo" />*/}
                 </div>
                 <div className="mx-2.5 lg:mx-5 my-auto">
                     <img src="images/image-9.jpeg" alt="" />
@@ -26,7 +26,7 @@ export default function StartYourChapter() {
                     <img src="images/image-15.jpeg" alt="" />
                 </div>
                 <div className="mx-2.5 lg:mx-5 my-auto">
-                    <img src="apple.png" alt="Apple logo" />
+                    {/*<img src="apple.png" alt="Apple logo" />*/}
                 </div>
                 <div className="mx-2.5 lg:mx-5 my-auto">
                     <img src="images/image-16.jpeg" alt="" />

src/components/program/Hero.jsx

@@ -0,0 +1,21 @@
+
+
+export default function Hero() {
+  return (
+    <div className="flex px-40 py-20 gap-4">
+        <div className="flex-1">
+            <div className="text-[42px] font-bold">Learn product management while making a real difference</div>
+            <div>A fully remote product fellowship program in the Fall where students in undergraduate programs can work with startups to gain real world experience</div>
+            <div className="mt-4">*Application is not open at the moment</div>
+            <div className="flex gap-4 mt-4">
+                <button className="border rounded-3xl text-[#fa9d74] border-[#fa9d74] px-8 py-2">Learn more</button>
+                <button className="px-8 py-2 bg-[#24223c] rounded-3xl text-white">Apply Now</button>
+            </div>
+
+        </div>
+        <div className="flex-1">
+            <img src="Group 2463.png"/>
+        </div>
+    </div>
+  )
+}

src/components/program/Learning.jsx

@@ -11,10 +11,14 @@ export default function Learning() {
         </div>
         <div className="text-start w-full max-w-lg sm:w-2/5 pt-10">
           <h5 className="font-lexend text-[color:var(--color-teal-500,#023849)]  text-[32px] sm:text-[24px] not-italic font-bold leading-9">Gain Real-World Experience</h5>
+
           <p className="font-inter text-[color:var(--color-dark-600,#24223C)] text-lg not-italic font-normal leading-7 my-5">
             The program is free, and will be made of virtual meetings, case studies, guest lectures, and even a small desing-your-own product pitch at the end of it all.
           </p>
-          <button className="flex flex-row align-baseline px-8 py-2 border-2 text-[#FA9D74] border-[#FA9D74] rounded-full font-bold">Learn More<MoveRight className="ml-2" /></button>
+          <a href="/programDetails">
+            <button className="flex flex-row align-baseline px-8 py-2 border-2 text-[#FA9D74] border-[#FA9D74] rounded-full font-bold">Learn More<MoveRight className="ml-2" /></button>
+          </a>
+
         </div>
       </div>
       <div className="flex flex-col lg:flex-row gap-5 w-full items-center lg:justify-center mt-[160px]">

src/pages/P101.astro

@@ -1,12 +1,12 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import Header from "../components/Header";
-import Banner1 from "../components/P101/P101Banner.jsx";
-import AboutP101 from "../components/P101/AboutP101.jsx";
-import GuestSpeakers from "../components/P101/GuestSpeakers.jsx";
-import AlumniTestimony from "../components/P101/AlumniTestimony";
-import PreviousProjects from "../components/P101/PreviousProjects";
-import SpringCohort from "../components/P101/SpringCohort.jsx";
+import Banner1 from "../components/program/P101/P101Banner.jsx";
+import AboutP101 from "../components/program/P101/AboutP101.jsx";
+import GuestSpeakers from "../components/program/P101/GuestSpeakers.jsx";
+import AlumniTestimony from "../components/program/P101/AlumniTestimony";
+import PreviousProjects from "../components/program/P101/PreviousProjects";
+import SpringCohort from "../components/program/P101/SpringCohort.jsx";
 ---
 
 <Layout title="PMReady">

src/pages/program.astro

@@ -8,19 +8,17 @@ import NewHero from "../components/program/newProgramHero.jsx"
 import Learning from "../components/program/Learning.jsx"
 import Alumni from "../components/program/alumni.jsx"
 import Apply from "../components/program/Apply.jsx"
-import Benefits from "../components/program/Benefits";
-import P101 from "../components/program/P101" 
-import TCE from "../components/program/TCE"
+import Hero from "../components/program/Hero"
 ---
 
 
 <Layout title="PMReady">
 
     <Header client:load />
     <!--<ProgramHero/>-->
-    <NewHero/>
-    <Benefits/>
-    <P101/>
-    <TCE/>
+    <Hero/>
+    <Learning/>
+    <Alumni/>
+    <Apply/>
     <NewFooter />
 </Layout>

src/pages/programDetails.astro

@@ -0,0 +1,26 @@
+---
+import Layout from "../layouts/Layout.astro";
+import Header from "../components/Header";
+import ResourcesHero from "../components/resources/ResourcesHero";
+import NewFooter from "../components/NewFooter";
+import ProgramHero from "../components/program/ProgramHero";
+import NewHero from "../components/program/newProgramHero.jsx"
+import Learning from "../components/program/Learning.jsx"
+import Alumni from "../components/program/alumni.jsx"
+import Apply from "../components/program/Apply.jsx"
+import Benefits from "../components/program/Benefits";
+import P101 from "../components/program/P101" 
+import TCE from "../components/program/TCE"
+---
+
+
+<Layout title="PMReady">
+
+    <Header client:load />
+    <!--<ProgramHero/>-->
+    <NewHero/>
+    <Benefits/>
+    <P101/>
+    <TCE/>
+    <NewFooter />
+</Layout>