preparation portal

pages/preparation/index.tsx

@@ -0,0 +1,184 @@
+import Link from "next/link"
+import styled from "styled-components"
+
+import AutofitGrid from "components/AutofitGrid"
+import BasicCard from "components/BasicCard"
+import Container from "components/Container"
+import Page from "components/Page"
+import Section from "components/Section"
+import { media } from "utils/media"
+import FaqSection from "views/PricingPage/FaqSection"
+
+const steps = [
+	{
+		title: "1",
+		description: "You must prepare a master resume and submit it by the specified deadline.",
+	},
+	{
+		title: "2",
+		description:
+			"Before the deadline, the Students' Placement Office must receive the proofs justifying each point in your resume as well as PVFs (Project Verification Forms) from the project or internship mentor.",
+	},
+	{
+		title: "3",
+		description:
+			"You must register on the Recruitment Automation System (RAS) within the specified timeframe as notified by SPO.",
+	},
+	{
+		title: "4",
+		description:
+			"After you've registered, you are supposed to upload all one/two page resumes on the portal.",
+	},
+	{
+		title: "5",
+		description: "The Students' Placement Office appoints a point of contact (PoC) for your resume verification.",
+	},
+	{
+		title: "6",
+		description: "You would be assigned a time window during which the allotted POC would verify your resume.",
+	},
+	{
+		title: "7",
+		description: "Once your resume has been verified, you may begin applying to companies on the RAS in which you are eligible.",
+	},
+	{
+		title: "8",
+		description: "Following your application, you must attend all of the company's hiring events (PPTs / Tests / GDs).",
+	},
+	{
+		title: "9",
+		description: "If you get an offer from a company, the SPO would notify you and your account would be frozen.",
+	},
+]
+
+const faqlist = [
+	{
+		"idx": 1,
+		"title": "What are the restrictions on resume format?",
+		"body": "There are no restrictions on the resume format barring a few mentioned below. The top heading of your resume should be your Name, Department, year of study, and contact information. A table of educational qualifications should follow it including 10th, 12th marks, and CPI(UG and PG both if applicable) in reverse chronological order.",
+	},
+	{
+		"idx": 2,
+		"title": "What should be the name of the resume file (one page)?",
+		"body": "The resume file should be named as RollNumber_Name__Program_Department_ResumeNumber. For example, a student with the following details: Roll number: 190351, Name: Gyanendra Kumar, Program - BTech(BT), Department : Mechanical(ME) should name the resume files as 190351_Gyanendra_BT_ME_1, 190351_Gyanendra_BT_ME_2, 190351_Gyanendra_BT_ME_3.",
+	},
+	{
+		"idx": 3,
+		"title": "How to mention JEE Mains/JEE Adv/any other examination ranks or other scholastic achievements in my resume?",
+		"body": "JEE Mains/JEE Adv. ranks have to be mentioned in the numbers, not percentile. For eg, AIR 1234 in JEE Mains 2019. If someone wants to mention their rank in their department, a mail from the HoD of the department is required. Definitely mention the year of Activity or Achievement.",
+	},
+	{
+		"idx": 4,
+		"title": "I don't have any proof for some points on my resume, but I can provide them after campus reopens. What should I do?",
+		"body": "[Please note that the below exceptions are only allowed for Scholastic and Extracurricular Achievements.]\nFor verification of 10th marks, 12th marks, and JEE ranks, a google form will be circulated through mail.All the students will need to fill out that for\nFor the verification of any other scholastic achievements(if you do not have a scanned copy of the documents with you), you need to fill the following undertaking and include it in the zip file of proofs, to be sent to spoproofs2022@gmail.com. Undertaking Form[bit.ly/spoundertaking] These details will be cross- verified in the future and any discrepancy will be dealt with according to SPO policy.The points on your resume for which you will provide the undertaking should be # marked with a footnote 'not verified by SPO'. Such points should be given a # mark and a footnote only on the Master Resume, which is not visible to the company officials, and not on the one - page resumes, to be uploaded on the portal.",
+	},
+	{
+		"idx": 5,
+		"title": "When is a Project Verification Form (PVF) required?",
+		"body": "A PVF is needed to be signed by your mentor for any intern/project done under an IITK professor or any external organization (no PVF is needed for projects under institute clubs or course projects).  Kindly ask your mentor/ Guide to send the filled PVF from his / her official email address to spoproofs2022@gmail.com.Only PVFs received on the given ID will be considered.Also, ask your mentor to mark you in cc.The PVF can be downloaded from here(spo.iitk.ac.in/docs/2021-22/PVF.doc). The subject and content of the project written on your resume should match that written on the PVF.",
+	},
+	{
+		"idx": 6,
+		"title": "How will my PoR/projects under the institute clubs be verified?",
+		"body": "PoR and projects under Clubs/ Teams of IITK (summer projects as well) will be ratified through the lists sent by PSG, Senate Chairperson, MnC Gensec, or SnT Gensec."
+	},
+	{
+		"idx": 7,
+		"title": "I have some Self projects, how will they be verified?",
+		"body": "For verification of such projects, one has to submit codes/git repo links/ (or any other proof ) as deemed necessary.You will have to clearly mention that the project is a self-project."
+	},
+	{
+		"idx": 8,
+		"title": "How to verify online courses/online projects?",
+		"body": "For verification of online courses/online projects, you will need to submit the pdf certificate issued by the concerned organization. While mentioning the same on your resume, you will have to specify that the course/project was an online course/project."
+	},
+	{
+		"idx": 9,
+		"title": "Is proof required for Extracurricular points?",
+		"body": "The proof is not required for points under this heading unless they specify a certain position ex. Got 2nd place in School debate competitions."
+	},
+	{
+		"idx": 10,
+		"title": "My internship/project is ongoing and will not be finished before resume submission. What should I do?",
+		"body": "Fill up the PVF with whatever work has been completed and ask your mentor to sign and send it to spoproofs2022@gmail.com.You will have to mention in the resume that the internship/project is ongoing."
+	},
+	{
+		"idx": 11,
+		"title": "Can I update my resume after the deadline?",
+		"body": "No, after the resume has been verified it will not be changed. The resume can only be updated in Phase-2 of the internship/placement season."
+	},
+	{
+		"idx": 12,
+		"title": "Will the Summer CPI be included?",
+		"body": "Whatever CPI is there on Pingala during resume verification will be taken as final."
+	}
+]
+
+const Routes = [
+	{ 
+		name: "Insights", 
+		url: "/insights" 
+	}, { 
+		name: "Proformas",
+		url: "/proformas/placement" 
+	}, { 
+		name: "Resumes", 
+		url: "/preparation#resumes" 
+	}, { 
+		name: "Preparation Roadmaps", 
+		url: "/preparation/preparation_road_map" 
+	}, { 
+		name: "Resources", 
+		url: "/preparation#resources" 
+	}, { 
+		name: "Previous Year Papers", 
+		url: "/preparation#prevPapers" 
+	}
+]
+
+export default function PreparationPortalPage() {
+	return (
+		<Page
+			title="Preparation Portal"
+			description="A comprehensive portal for students to prepare for placements and internships at IIT Kanpur."
+			routes={Routes}
+			keywords="Preparation Portal IITK, Placement Preparation IITK, Resources"
+		>
+			<div id="steps">
+				<Section title="Procedure">
+					<Container>
+						<CustomAutofitGrid>
+							{steps.map((singleStep) => (
+								<BasicCard key={singleStep.title} {...singleStep} />
+							))}
+						</CustomAutofitGrid>
+					</Container>
+				</Section>
+			</div>
+
+			<div id="faqs">
+				<Section title="FAQs">
+					<FaqSection faqs={faqlist} />
+					<p style={{ marginTop: "3rem" }}>
+						<b>NOTE:</b> Whenever you send a mail containing proofs/PVFs or anything related to resume submission, kindly ensure that the subject contains your roll number.
+            For detailed guidelines and recommendations on resume making, all the students are advised to visit this <a href="https://docs.google.com/document/d/113Gqoz3X4ZMAybXL2zJ_nE7Ul2Wjskn7w9raK3nUpb4/edit">Google Doc</a>.
+					</p>
+				</Section>
+			</div>
+		</Page>
+	)
+}
+
+const CustomAutofitGrid = styled(AutofitGrid)`
+  --min-card-height: 280px;
+
+  ${media("<=tablet")} {
+    --min-card-height: 300px;
+  }
+`
+
+const FaqList = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+`

pages/preparation/preparation_road_map.tsx

@@ -0,0 +1,127 @@
+import Link from "next/link"
+import styled from "styled-components"
+
+import AutofitGrid from "components/AutofitGrid"
+import BasicCard from "components/BasicCard"
+import Container from "components/Container"
+import Page from "components/Page"
+import Section from "components/Section"
+import { media } from "utils/media"
+
+// Example data for Roadmaps (replace with actual data)
+const Roadmaps = [
+	{
+		name: "Mechanical Core",
+		link: "/assets/Roadmap_ME.pdf"
+	},
+
+	{
+		name: "Electrical Core",
+		link: "/assets/Roadmap_EE.pdf"
+	},
+
+	{
+		name: "Analyst",
+		link: "/assets/Roadmap_Analytics.pdf"
+	},
+
+	{
+		name: "Product Management",
+		link: "/assets/Roadmap_PM.pdf"
+	},
+
+	{
+		name: "SDE",
+		link: "/assets/Roadmap_SDE.pdf"
+	},
+
+	{
+		name: "Consulting",
+		link: "/assets/Roadmap_Consulting.pdf"
+	},
+
+	{
+		name: "MSE Core",
+		link: "/assets/Roadmap_MSE.pdf"
+	},
+
+	{
+		name: "CHE Core",
+		link: "/assets/Roadmap_CHE.pdf"
+	},
+
+	{
+		name: "AE Core",
+		link: "/assets/Roadmap_AE.pdf"
+	}
+]
+
+const Routes = [
+	{
+		name: "Insights",
+		url: "/insights"
+	}, {
+		name: "Procedures",
+		url: "/students#steps"
+	}, {
+		name: "Resources",
+		url: "/students#resources"
+	}, {
+		name: "Preparation Roadmaps",
+		url: "/students#prepRoadmaps"
+	}, {
+		name: "FAQs",
+		url: "/students#faqs"
+	}
+]
+
+const PreparationRoadmap = () => {
+// Function to render Roadmaps
+
+	return (
+		<Page title="Preparation Roadmaps" description="Explore different preparation roadmaps for various career paths.">
+			<div id="prepRoadmaps"></div>
+			<Section title="Preparation Roadmaps">
+				<Container>
+					<CustomAutofitGrid>
+						{Roadmaps.map((member) => (
+							<Link href={member.link} key={member.name} passHref>
+								<Card style={{ cursor: "pointer" }}>
+									<Title>{member.name}</Title>
+								</Card>
+							</Link>
+						))}
+					</CustomAutofitGrid>
+				</Container>
+			</Section>
+
+		</Page>
+	)
+}
+
+// Styled components
+const CustomAutofitGrid = styled(AutofitGrid)`
+  --autofit-grid-item-size: 25rem;
+`
+const Card = styled.div`
+  display: flex;
+  padding: 2.5rem;
+  background: rgb(var(--cardBackground));
+  box-shadow: var(--shadow-md);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  border-radius: 0.6rem;
+  color: rgb(var(--text));
+  font-size: 1.6rem;
+  & > *:not(:first-child) {
+    margin-top: 1.5rem;
+  }
+`
+const Title = styled.div`
+  font-weight: bold;
+`
+
+export default PreparationRoadmap

pages/proformas/intern/index.tsx

@@ -14,6 +14,12 @@ interface Proforma {
 	name: string;
 	link: string;
 }
+const Routes = [
+	{ 
+		name: "Placement Proformas",
+		url: "/proformas/placement" 
+	}
+]
 
 const BASE_URL = "https://drive.google.com/file/d/"
 
@@ -34,7 +40,7 @@ const PastInternProformas = () => {
 	}
 
 	return (
-		<Page title="Previous Year Intern Proformas">
+		<Page title="Previous Year Intern Proformas" routes={Routes}>
 			<div id="steps">
 				<Section title="2023-2024">
 					<Container>

pages/proformas/placement/index.tsx

@@ -14,6 +14,12 @@ interface Proforma {
 	name: string;
 	link: string;
 }
+const Routes = [
+	{ 
+		name: "Intern Proformas",
+		url: "/proformas/intern" 
+	}
+]
 
 const BASE_URL = "https://drive.google.com/file/d/"
 
@@ -33,7 +39,7 @@ const PastPlacementProformas = () => {
 		})
 	}
 	return (
-		<Page title="Previous Year Placement Proformas">
+		<Page title="Previous Year Placement Proformas" routes={Routes}>
 			<div id="steps">
 				<Section title="2023-2024">
 					<Container>