Merge pull request #88 from CippyLOL/master

Updated website
TechLadies · Jul 17, 2024 · 72be590 · 72be590
2 parents 27a6a12 + 0fb5975
commit 72be590
Show file tree

Hide file tree

Showing 8 changed files with 87 additions and 80 deletions.
diff --git a/package.json b/package.json
@@ -12,14 +12,14 @@
     "prettier": "prettier --check 'src/**/*.js'"
   },
   "dependencies": {
-    "axios": "^0.20.0",
+    "axios": "^1.7.2",
     "bootstrap": "^5.0.0-alpha1",
     "clsx": "^1.1.1",
-    "next": "10.2.3",
+    "next": "^14.2.3",
     "next-fbq": "^2.0.0",
     "next-seo": "^4.17.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^18",
+    "react-dom": "^18",
     "react-feather": "^2.0.8",
     "react-ga": "^3.2.1",
     "react-hook-form": "^6.9.6"
@@ -31,7 +31,7 @@
     "eslint-plugin-react-hooks": "4.2.0",
     "prettier": "^2.4.1",
     "prettier-eslint": "^13.0.0",
-    "prettier-eslint-cli": "^5.0.1",
+    "prettier-eslint-cli": "^8.0.1",
     "sass": "^1.33"
   }
 }
diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
@@ -10,10 +10,10 @@ export default function Footer() {
     <footer className={clsx("py-5", styles.footer)}>
       <div className="container">
         <div className="row gy-5">
-          <div className="col-lg-3">
+          {/* <div className="col-lg-3">
             <h5 className="mb-3">Join TechLadies</h5>
             <EmailSubscription />
-          </div>
+          </div> */}
           <div className="col-lg-4 offset-lg-1">
             <div className="row">
               <div className="col-lg-12 col-6 mb-4">

diff --git a/src/components/NavLink/index.js b/src/components/NavLink/index.js
@@ -16,7 +16,7 @@ export default function NavLink({ href, children, ...others }) {
   }
 
   return (
-    <Link href={href} {...others}>
+    <Link legacyBehavior href={href} {...others}>
       {React.cloneElement(children, { className })}
     </Link>
   )

diff --git a/src/data/programs.js b/src/data/programs.js
@@ -1,17 +1,17 @@
 const programs = [
-  {
-    image: "/photos/bootcamp.jpg",
-    title: "Bootcamp",
-    link: "/our-programs/#bootcamp",
-    description: (
-      <>
-        Looking to become a professional programmer? TechLadies Bootcamp is a
-        part-time accelerated learning program where you learn valuable
-        technical skills from industry experts by by building multiple projects
-        from scratch.
-      </>
-    ),
-  },
+  // {
+  //   image: "/photos/bootcamp.jpg",
+  //   title: "Bootcamp",
+  //   link: "/our-programs/#bootcamp",
+  //   description: (
+  //     <>
+  //       Looking to become a professional programmer? TechLadies Bootcamp is a
+  //       part-time accelerated learning program where you learn valuable
+  //       technical skills from industry experts by by building multiple projects
+  //       from scratch.
+  //     </>
+  //   ),
+  // },
   {
     image: "/photos/mentorship.jpg",
     title: "Mentorship",

diff --git a/src/data/volunteering-faq.js b/src/data/volunteering-faq.js
@@ -83,8 +83,8 @@ export default [
         in their community with TechLadies. You are supported by the TechLadies
         Singapore chapter, however you are responsible for driving your local
         chapter. Ideal chapter leaders are resourceful, independent, and can
-        commit >10 hours every month. A technical background is not required. If
-        you are interested in applying, please email Elisha at
+        commit {">"}10 hours every month. A technical background is not
+        required. If you are interested in applying, please email Elisha at
         [email protected].
       </>
     ),

diff --git a/src/pages/about.js b/src/pages/about.js
@@ -97,9 +97,7 @@ export default function Home() {
                       src="/team/bootnicole.png"
                     />
                   </div>
-                  <a href="mailto:[email protected]">
-                    Contact us!
-                  </a>
+                  <a href="mailto:[email protected]">Contact us!</a>
                 </div>
               </div>
             </div>
@@ -132,9 +130,7 @@ export default function Home() {
               <div className="card">
                 <div className="card-body card-body-sm">
                   <h6 className="card-title">Bootcamp Team</h6>
-                  <p className="card-text">
-                    Leads the TechLadies Bootcamp.
-                  </p>
+                  <p className="card-text">Leads the TechLadies Bootcamp.</p>
                   <div className="mb-4 d-flex flex-row flex-wrap">
                     <img
                       className="thumbnail thumbnail-lg"
@@ -177,9 +173,7 @@ export default function Home() {
               <div className="card">
                 <div className="card-body card-body-sm">
                   <h6 className="card-title">Partnerships Team</h6>
-                  <p className="card-text">
-                    Leads partnership conversations.
-                  </p>
+                  <p className="card-text">Leads partnership conversations.</p>
                   <div className="mb-4">
                     <img
                       className="thumbnail thumbnail-lg"

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -36,13 +36,21 @@ export default function Home() {
                 technical roles.
               </p>
               <div className="mb-3">
-                <label
+                {/* <label
                   htmlFor="hero-email"
                   className="form-label font-weight-bold"
                 >
                   Get updates on our activities
                 </label>
-                <EmailSubscription />
+                <EmailSubscription /> */}
+                <a
+                  className="btn btn-primary"
+                  href="https://docs.google.com/forms/d/e/1FAIpQLSc7n4aePERbWWeqeZQA0K2K4Q47F4FuYIGTuP2Lo83HU-Ex0Q/viewform"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Sign Up
+                </a>
               </div>
             </div>
           </div>
@@ -74,9 +82,11 @@ export default function Home() {
                     alt="Audrey"
                     src="/team/commaudz.png"
                   />
-                  <img className="thumbnail" 
-                  alt="Ena" 
-                  src="/team/coreteam2022/ment_ena.jpeg" />
+                  <img
+                    className="thumbnail"
+                    alt="Ena"
+                    src="/team/coreteam2022/ment_ena.jpeg"
+                  />
                 </div>
                 <p className="mb-4 text-emphasis">
                   TechLadies is managed by volunteers passionate about

diff --git a/src/pages/our-programs.js b/src/pages/our-programs.js
@@ -40,15 +40,15 @@ export default function Home() {
             />
           </div>
           <div className="col-lg-6 offset-lg-1 col-md-6">
-            <h1 className="mb-4 h3">
-              Discover which TechLadies program best suits you with this quiz
-            </h1>
-            <p className="text-body mb-4 large-line-height"></p>
-            <Quiz data={quiz} />
+            <h1 className="mb-4 h3">Discover TechLadies' various programs</h1>
+            <p className="text-body mb-4 large-line-height">
+              We are currently planning for new programs for 2024.
+            </p>
+            {/* <Quiz data={quiz} /> */}
           </div>
         </div>
       </div>
-      <div className="bg-gray">
+      {/* <div className="bg-gray">
         <div id="bootcamp" className="container py-6">
           <div className="row gy-5">
             <div className="col-md-5 offset-md-1 col-lg-6 offset-lg-1 order-md-last">
@@ -60,7 +60,8 @@ export default function Home() {
               <h3 className="mb-4 h4">TechLadies Bootcamp Workshops</h3>
               <p className="mb-4">Duration: 5 weekends</p>
               <p className="mb-4">
-              The TechLadies Bootcamp offers 5 weekend workshops to help women come into Tech.
+                The TechLadies Bootcamp offers 5 weekend workshops to help women
+                come into Tech.
               </p>
               <button className="btn btn-primary">
                 <NavLink href="/bootcamp/">
@@ -85,43 +86,45 @@ export default function Home() {
             </div>
           </div>
         </div>
-      </div>
-      <div className="container py-6">
-        <div id="mentorship" className="row gy-5">
-          <div className="col-lg-6 col-md-5">
-            <img
-              alt="TechLadies Mentorship"
-              className="thumbnail thumbnail-xl mb-4"
-              src="/icons/icon_TLmentorship.png"
-            />
-            <h3 className="mb-4 h4">TechLadies Mentorship</h3>
-            <p className="mb-4">Duration: 12 weeks</p>
-            <p className="mb-4">
-              A 3-month mentorship program that pairs women who are
-              transitioning into or establishing themselves in the tech industry
-              with industry practitioners.
-            </p>
+      </div> */}
+      <div className="bg-gray">
+        <div className="container py-6">
+          <div id="mentorship" className="row gy-5">
+            <div className="col-lg-6 col-md-5">
+              <img
+                alt="TechLadies Mentorship"
+                className="thumbnail thumbnail-xl mb-4"
+                src="/icons/icon_TLmentorship.png"
+              />
+              <h3 className="mb-4 h4">TechLadies Mentorship</h3>
+              <p className="mb-4">Duration: 12 weeks</p>
+              <p className="mb-4">
+                A 3-month mentorship program that pairs women who are
+                transitioning into or establishing themselves in the tech
+                industry with industry practitioners.
+              </p>
 
-            <button className="btn btn-primary">
-              <NavLink href="/mentorship/">
-                <a className="white-text">I'm Interested!</a>
-              </NavLink>
-            </button>
-          </div>
-          <div className="col-lg-5 col-md-6 offset-md-1">
-            <Gallery>
-              {mentorshipTestimonials.map(
-                ({ image, thumbnail, name, message }) => (
-                  <TestimonialCard
-                    image={image}
-                    key={name}
-                    thumbnail={thumbnail}
-                    name={name}
-                    message={message}
-                  />
-                )
-              )}
-            </Gallery>
+              <button className="btn btn-primary">
+                <NavLink href="/mentorship/">
+                  <a className="white-text">I'm Interested!</a>
+                </NavLink>
+              </button>
+            </div>
+            <div className="col-lg-5 col-md-6 offset-md-1">
+              <Gallery>
+                {mentorshipTestimonials.map(
+                  ({ image, thumbnail, name, message }) => (
+                    <TestimonialCard
+                      image={image}
+                      key={name}
+                      thumbnail={thumbnail}
+                      name={name}
+                      message={message}
+                    />
+                  )
+                )}
+              </Gallery>
+            </div>
           </div>
         </div>
       </div>