add launching-your-career page (#115)

src/app/pathway-to-success/crafting-cv/page.tsx

@@ -58,7 +58,7 @@ const CraftingCV = () => {
               ),
               (content) => (
                 <Accordion type="single" collapsible key={content.title}>
-                  <AccordionItem value="item-1">
+                  <AccordionItem value={content.title}>
                     <AccordionTrigger className="text-xl font-normal">
                       {content.title}
                     </AccordionTrigger>

src/app/pathway-to-success/launching-your-career/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { launchingYourCareerContents } from "@/constants/pageContents/pathwayToSuccess";
+import React, { useState } from "react";
+import { map } from "lodash-es";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import DOMPurify from "isomorphic-dompurify";
+
+const LaunchingYourCareer = () => {
+  const [value, setValue] = useState(launchingYourCareerContents.content);
+
+  return (
+    <div>
+      {/* uncomment this to update the contents */}
+      {/* <TextEditor initialValue={value} onEditorChange={setValue} /> */}
+
+      <div className="p-5">
+        <section>
+          <div className="text-2xl font-semibold">
+            {launchingYourCareerContents.title}
+          </div>
+          <div
+            dangerouslySetInnerHTML={{
+              __html: DOMPurify.sanitize(value),
+            }}
+          />
+        </section>
+        <hr className="my-5" />
+        <section>
+          <div className="text-2xl font-semibold">
+            Frequently Asked Questions (FAQs)
+          </div>
+          <div>
+            {map(launchingYourCareerContents.faqs, (content) => (
+              <Accordion type="single" collapsible key={content.title}>
+                <AccordionItem value={content.title}>
+                  <AccordionTrigger className="text-xl font-normal">
+                    {content.title}
+                  </AccordionTrigger>
+                  <AccordionContent>{content.description}</AccordionContent>
+                </AccordionItem>
+              </Accordion>
+            ))}
+          </div>
+        </section>
+      </div>
+    </div>
+  );
+};
+
+export default LaunchingYourCareer;

src/components/auth/AuthHeader.tsx

@@ -17,7 +17,7 @@ const AuthHeader = () => {
       {!isLoggedIn ? (
         <div className="flex items-center gap-3 sm:gap-3">
           <Link href="/login">
-            <Button className="border border-gray-200 bg-primary-400 text-gray-500 transition hover:border-primary-400 hover:text-gray-700 focus:outline-none focus:ring dark:bg-primary-400">
+            <Button className="border border-gray-200 bg-primary-400 transition focus:outline-none focus:ring dark:bg-primary-400">
               Login
             </Button>
           </Link>

src/constants/pageContents/pathwayToSuccess.ts

@@ -1,4 +1,10 @@
-export const impressiveCVContents = {
+interface PageTemplate {
+  title: string;
+  content: string;
+  faqs: Array<{ title: string; description: string }>;
+}
+
+export const impressiveCVContents: PageTemplate = {
   title: "Crafting an Impressive CV: Your Ultimate Guide to Stand Out",
   content: `
 <p>Your CV is your first impression with potential employers, making it crucial to get it right. Whether you’re a seasoned professional or just starting your career, crafting a compelling CV can set you apart. Let’s dive into essential tips, actionable advice, and answers to common questions about creating a winning resume.</p><p><br></p><h5>The Importance of Choosing the Right Format</h5><p>Your CV format plays a vital role in how your information is presented. Here are the three most common formats:</p><ul><li><strong>Chronological:</strong> Ideal for those with a consistent career path, focusing on work experience in reverse chronological order.</li><li><strong>Functional:</strong> Highlights skills and accomplishments, best for those with career gaps or shifting industries.</li><li><strong>Combination:</strong> Merges both formats, offering flexibility for showcasing skills alongside a solid work history.</li></ul><p>Choose a format that aligns with your experience and job application.</p><p><br></p><h5>Choosing the Perfect Template</h5><p>A clean and professional layout ensures your CV looks polished and easy to read. Avoid overly creative designs unless you’re in a design-focused field. Simplicity and clarity are key. (For inspiration, check out templates like Ram Ghale’s CV, which balances design and readability seamlessly.)</p><h5><br></h5><h5>Highlight Key Achievements, Not Just Duties</h5><p>Employers want to see what makes you unique. Instead of listing tasks, focus on your accomplishments.</p><p><strong>For example:</strong></p><ul><li><strong>Instead of:</strong> “Managed social media accounts.”</li><li><strong>Write:</strong> “Increased social media engagement by 35% within six months by implementing targeted campaigns.”</li></ul><h5><br></h5><h5>Quantify Your Results</h5><p>Numbers speak louder than words. Wherever possible, include metrics to demonstrate your impact.</p><ul><li>“Boosted sales revenue by 20% through strategic upselling.”</li><li>“Reduced onboarding time by 15% by streamlining the training process.”</li><li><br></li></ul><h5>Tailor Your CV with Relevant Keywords</h5><p>Applicant Tracking Systems (ATS) often scan resumes for specific keywords. Tailor your CV by carefully analyzing the job description and incorporating relevant terms.</p><p><strong>Example:</strong> If a job description emphasizes “project management” and “agile methodologies,” ensure these keywords appear in your CV where applicable.</p><h5><br></h5><h5>Crafting a Compelling Professional Summary</h5><p>A strong professional summary at the top of your CV sets the tone.</p><p><strong>Example:</strong></p><blockquote>“Results-driven marketing professional with over five years of experience in developing data-driven campaigns, enhancing brand visibility, and driving customer engagement. Proven track record of achieving 150% ROI on ad spend.”</blockquote><h5><br></h5><h5>Tailoring Your Resume Based on Experience and Job</h5><p>Whether you’re a recent graduate or a seasoned executive, your CV should reflect your unique strengths.</p><ul><li><strong>For recent graduates:</strong> Focus on internships, academic projects, and transferable skills.</li><li><strong>For experienced professionals:</strong> Highlight leadership roles, major accomplishments, and industry-specific expertise.</li></ul><h5><br></h5><h5>Final Thoughts</h5><p>Crafting an impressive CV doesn’t have to be daunting. With the right structure, tailored content, and a focus on your unique strengths, you can create a resume that captures attention and opens doors.</p><p>Looking for more tips? Explore our <a href="#" rel="noopener noreferrer" target="_blank">sample CV templates</a> and start building your standout resume today!</p>
@@ -27,7 +33,7 @@ export const impressiveCVContents = {
   ],
 };
 
-export const persuasiveCoverLetterContents = {
+export const persuasiveCoverLetterContents: PageTemplate = {
   title: "Writing Persuasive Cover Letters: Your Gateway to the Job",
   content: `
  <p>A cover letter is your opportunity to introduce yourself, make a strong first impression, and explain why you're the perfect candidate for the job. Let’s explore actionable strategies, essential tips, and creative ideas to help you craft a standout cover letter that gets noticed.</p><p><br></p><h5>Personalization is Key</h5><p>Address your cover letter to the specific hiring manager whenever possible. Avoid generic salutations like “To Whom It May Concern.” Conduct research to find the appropriate name or title. A personalized greeting shows effort and interest.</p><h5><br></h5><h5>Crafting a Captivating Introduction</h5><p>Begin with a compelling opening line that grabs the reader's attention.</p><p><strong>Example:</strong></p><blockquote>“As a passionate software developer with a proven track record of delivering high-quality applications, I was thrilled to see your opening for a Front-End Developer at XYZ Corp.”</blockquote><h5><br></h5><h5>Connecting Your Experience to the Role</h5><p>Clearly explain how your skills and experiences align with the role’s requirements. Use specific examples to demonstrate your qualifications.</p><p><strong>Example:</strong></p><blockquote>“In my previous role at ABC Inc., I spearheaded a marketing campaign that increased customer retention by 25%, showcasing my ability to execute data-driven strategies that deliver results.”</blockquote><h5><br></h5><h5>Showcasing Your Enthusiasm</h5><p>Employers value genuine interest in their company and mission. Highlight what excites you about the role and how you align with the company’s values.</p><p><strong>Example:</strong></p><blockquote>“Your commitment to sustainable business practices resonates deeply with my values, and I’m excited about contributing to your initiatives.”</blockquote><h5><br></h5><h5>Closing Strong</h5><p>End your letter with a confident call to action, expressing eagerness to discuss your application further.</p><p><strong>Example:</strong></p><blockquote>“I would love the opportunity to discuss how my skills and experiences can contribute to your team’s success. Thank you for considering my application.”</blockquote><h5><br></h5><h5>Polished Presentation Matters</h5><p>Use a clean, professional layout for your cover letter. Maintain consistent fonts and formatting to enhance readability. Avoid overly elaborate designs unless applying for a creative role.</p><h5><br></h5><h5>Additional Tips for Success</h5><ul><li><strong>Keep it concise:</strong> Limit your cover letter to one page.</li><li><strong>Proofread thoroughly:</strong> Typos and grammatical errors can leave a negative impression.</li><li><strong>Use keywords:</strong> Tailor your letter with relevant terms from the job description.</li></ul><h5><br></h5><h5>Sample Cover Letters</h5><p>Need inspiration? Check out our sample cover letters, like <a href="#" rel="noopener noreferrer" target="_blank">Ram Ghale’s example</a>, which demonstrates how to balance professionalism with a personal touch.</p><h5><br></h5><h5>Final Thoughts</h5><p>Writing a persuasive cover letter doesn’t have to be daunting. Focus on personalization, connecting your skills to the role, and showcasing your enthusiasm. With these tips and examples, you can create a cover letter that opens doors and lands interviews.</p><p>Looking for more ideas? Explore our <a href="#" rel="noopener noreferrer" target="_blank">cover letter templates</a> and start writing your winning application today!</p>
@@ -61,3 +67,37 @@ export const persuasiveCoverLetterContents = {
     },
   ],
 };
+
+export const launchingYourCareerContents: PageTemplate = {
+  title: "Launching Your Career in IT: A Comprehensive Guide for Beginners",
+  content: `
+    <p>Breaking into the IT industry can feel overwhelming, especially for recent graduates or those transitioning from another field. With the right strategies and tools, you can successfully navigate the process and land your first opportunity in tech. This guide offers actionable steps and resources to help you kickstart your journey.</p><p><br></p><h5>Effective Job Search Techniques</h5><p><br></p><p><strong>1. Utilizing Job Boards and Websites:</strong> </p><p>Platforms like LinkedIn, Indeed, Glassdoor, and niche sites like Autechjobs are essential for job seekers. Here’s how to maximize their potential:</p><ul><li><strong>Set Up Job Alerts:</strong> Automate your search by setting up notifications for roles that match your skills and interests.</li><li><strong>Complete Your Profiles:</strong> On LinkedIn, for example, having a detailed profile with keywords related to your desired job increases visibility.</li><li><strong>Apply Strategically:</strong> Focus on roles where you meet at least 70% of the requirements to avoid burnout.</li></ul><p><br></p><p><u>Additional Links</u>: <a href="https://www.linkedin.com/help/linkedin/topics/6081/6082" rel="noopener noreferrer" target="_blank">LinkedIn Job Search Resources</a></p><p><br></p><p><strong>2. Tailoring Your Applications:</strong> </p><p>Generic resumes and cover letters won’t make the cut. Employers appreciate personalized applications that:</p><ul><li>Highlight relevant skills and experiences for the specific job.</li><li>Include keywords from the job description to pass Applicant Tracking Systems (ATS).</li><li>Showcase measurable achievements (e.g., “Improved system efficiency by 20%”).</li></ul><p><br></p><p><u>Additional Links</u>: <a href="https://www.xplorers.tech/pathway-to-success/crafting-cv" rel="noopener noreferrer" target="_blank">crafting-cv</a>, <a href="https://zety.com/blog/how-to-write-a-cv" rel="noopener noreferrer" target="_blank">how to write a cv</a></p><p><br></p><p><strong>3. Leveraging Social Media:</strong> </p><p>Social platforms can be powerful tools for job seekers:</p><ul><li><strong>Follow Companies and Influencers:</strong> Stay updated on trends and job postings.</li><li><strong>Engage in Discussions:</strong> Comment thoughtfully on industry posts to expand your network.</li><li><strong>Showcase Your Work:</strong> Use platforms like GitHub or Medium to share projects or write about your interests.</li></ul><p><br></p><p><strong>4. Engaging in Informational Interviews:</strong> </p><p>Informational interviews help you learn about roles, companies, and industry trends:</p><ul><li>Reach out politely to professionals via LinkedIn.</li><li>Prepare thoughtful questions about their career path and current challenges in the field.</li><li>Express gratitude and maintain the connection for future opportunities.</li></ul><p><br></p><p><strong>5. Attending Job Fairs and Networking Events:</strong> </p><p>Job fairs and tech meetups are excellent venues to connect directly with recruiters and industry professionals:</p><ul><li><strong>Research Ahead:</strong> Know which companies will be present and prioritize those aligned with your goals.</li><li><strong>Bring a Polished Resume:</strong> Ensure it’s concise and tailored for tech roles.</li><li><strong>Follow Up:</strong> Send a thank-you email to the contacts you meet.</li></ul><p><br></p><p><u>Additional Links</u>: <a href="https://www.meetup.com/en-AU/gdgsydney/" rel="noopener noreferrer" target="_blank">GDG Sydney</a>, <a href="https://www.eventbrite.com/" rel="noopener noreferrer" target="_blank">Eventbrite for Tech Meetups</a></p><p><br></p><h5>Building a Professional Network</h5><p><br></p><p><strong>1. Networking Strategies:</strong> </p><p>Networking isn’t just about asking for favors; it’s about building mutually beneficial relationships:</p><ul><li>Attend industry-specific events and introduce yourself confidently.</li><li>Engage with alumni from your university working in tech.</li><li>Offer to help others in your network to foster goodwill.</li></ul><p><br></p><p><strong>2. Using LinkedIn Effectively:</strong> </p><p>A robust LinkedIn profile can open many doors:</p><ul><li>Use a professional photo and write a compelling headline.</li><li>Include certifications, projects, and a succinct summary.</li><li>Request endorsements from colleagues or professors.</li></ul><p><br></p><p><strong>3. Joining Professional Associations:</strong> </p><p>Associations like IEEE or local tech groups provide valuable resources and networking opportunities. They often host workshops, webinars, and job postings.</p><p><br></p><p><strong>4. Mentorship Programs:</strong> </p><p>A mentor can provide personalized advice and support:</p><ul><li>Look for formal programs at your university or professional organizations.</li><li>Approach potential mentors with specific questions or topics you’d like guidance on.</li></ul><p><br></p><p><strong>5. Volunteering and Community Involvement:</strong> Volunteering for tech-related initiatives or non-profits can:</p><ul><li>Enhance your resume with real-world experience.</li><li>Expand your network by connecting with like-minded professionals.</li></ul><p><br></p><h5>Mastering Interview Skills</h5><p><br></p><p><strong>1. Preparing for Common Questions:</strong> </p><p>Practice answering questions like:</p><ul><li>“Tell me about yourself.”</li><li>“Why do you want to work in IT?”</li><li>“What are your strengths and weaknesses?”</li></ul><p><br></p><p><strong>2. Behavioral Interview Techniques:</strong> </p><p>Use the STAR method to structure your answers:</p><ul><li><strong>Situation:</strong> Describe the context.</li><li><strong>Task:</strong> Explain your responsibility.</li><li><strong>Action:</strong> Detail the steps you took.</li><li><strong>Result:</strong> Share the outcome.</li></ul><p><br></p><p><strong>3. Dressing for Success:</strong> </p><p>First impressions matter:</p><ul><li>Dress appropriately for the company’s culture (formal or smart casual).</li><li>Ensure clothes are clean, well-fitted, and professional.</li></ul><p><br></p><p><strong>4. Post-Interview Follow-Up:</strong> </p><p>Stand out by sending a thank-you note:</p><ul><li>Express gratitude for the opportunity.</li><li>Reiterate your interest in the role.</li><li>Highlight one specific topic discussed during the interview.</li></ul><p><br></p><p><u>Additional Links</u>: <a href="https://www.themuse.com/advice" rel="noopener noreferrer" target="_blank">career advice</a></p><p><br></p><p><strong>5. Mock Interviews:</strong> </p><p>Simulate real interview scenarios:</p><ul><li>Ask a mentor, friend, or career coach for feedback.</li><li>Record yourself to identify areas for improvement.</li></ul><p><br></p><h5>Additional Topics to Consider</h5><p><br></p><ul><li><strong>Upskilling with Certifications:</strong> </li><li class="ql-indent-1">Certifications like <a href="https://www.comptia.org/certifications" rel="noopener noreferrer" target="_blank">CompTIA</a>, <a href="https://aws.amazon.com/certification/" rel="noopener noreferrer" target="_blank">AWS</a>, or <a href="https://grow.google/certificates" rel="noopener noreferrer" target="_blank">Google certificates</a> can give you a competitive edge.</li><li><strong>Building a Portfolio:</strong> </li><li class="ql-indent-1">Include personal or collaborative projects to showcase your skills.</li><li><strong>Navigating Career Transitions:</strong> </li><li class="ql-indent-1">Highlight transferable skills and pursue internships or freelance opportunities.</li><li><strong>Time Management:</strong> </li><li class="ql-indent-1">Balancing job applications, upskilling, and personal commitments requires effective time management strategies.</li></ul>
+  `,
+  faqs: [
+    {
+      title: "Do I need a degree to start a career in IT?",
+      description:
+        "No, many roles value skills over formal education. Certifications and a strong portfolio can suffice.",
+    },
+    {
+      title: "How do I gain experience if I can’t get a job?",
+      description:
+        "Consider internships, freelancing, or contributing to open-source projects to build experience.",
+    },
+    {
+      title: "What’s the best way to deal with rejection?",
+      description:
+        "Use it as a learning opportunity. Request feedback if possible, and refine your approach.",
+    },
+    {
+      title: "How important are soft skills in IT?",
+      description:
+        "Communication, problem-solving, and teamwork are critical in most IT roles.",
+    },
+    {
+      title: "What if I don’t meet all the job requirements?",
+      description:
+        "Apply anyway if you meet most of them. Emphasize your willingness to learn and grow.",
+    },
+  ],
+};

src/constants/routes.ts

@@ -1,7 +1,7 @@
 export enum PathwayToSuccessRoutes {
   base = "/pathway-to-success",
   craftingCV = "/crafting-cv",
-  launchingYourCareer = "/launch-your-career",
+  launchingYourCareer = "/launching-your-career",
   personalBranding = "/personal-branding",
   successStories = "/success-stories",
   excellenceForSuccess = "/excellence-for-success",