nextwavedev_22_6_nscad-to-nextwavedev (#7)

* changed nsc ad to next wave dev and students to developers

* changed studentThumbnail to developer Thumbnails

Author: jmathew12

src/App.js

@@ -4,7 +4,7 @@ import Main from './pages/Main'
 import Contact from './pages/Contact'
 import About from './pages/About'
 import PortfolioPage from './pages/PortfolioPage'
-import StudentsPage from './pages/StudentsPage'
+import DevelopersPage from './pages/DevelopersPage'
 import ReactGA from "react-ga4";
 
 function App() {
@@ -17,7 +17,7 @@ function App() {
             <Route path='/Contact' element={<Contact />} />
             <Route path='/About' element={<About />} />
             <Route path='/Portfolio' element={<PortfolioPage />} />
-            <Route path='/Students' element={<StudentsPage />} />
+            <Route path='/Developers' element={<DevelopersPage />} />
         </Routes>
     </Router>
   );

src/components/Student.js src/components/Developer.jssrc/components/Student.js renamed to src/components/Developer.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
 
-const Student = ({ name, photo, about, email, github, linkedin, role }) => {
+const Developer = ({ name, photo, about, email, github, linkedin, role }) => {
   return (
     <div className='students-flexcolumn__student-flex-item'>
       <img src={require('../images/students/'+photo)} alt={name} className='students-flexcolumn__student-flex-item__img' />
@@ -79,4 +79,4 @@ const styles = {
   },
 };
 
-export default Student;
+export default Developer;

src/components/StudentThumbnail.js src/components/DeveloperThumbnail.jssrc/components/StudentThumbnail.js renamed to src/components/DeveloperThumbnail.js

@@ -1,6 +1,6 @@
-const StudentThumbnail = ({fileName, studentName}) =>{
+const DeveloperThumbnail = ({fileName, studentName}) =>{
     return (
         <img className="student-thumbnail" src={require('../images/students/'+fileName)} alt={"photo of "+studentName}/>
     )
 }
-export default StudentThumbnail
+export default DeveloperThumbnail

src/components/Footer.js

@@ -46,7 +46,7 @@ const Footer = () => {
               <FooterLink name="About" />
             </li>
             <li>
-              <FooterLink name="Students" />
+              <FooterLink name="Developers" />
             </li>
             <li>
               <FooterLink name="Portfolio" />

src/components/Navbar.js

@@ -20,7 +20,7 @@ const Navbar =()=>{
             <WhiteSpacing />
             <Item name={"About"} />
             <WhiteSpacing />
-            <Item name={"Students"} />
+            <Item name={"Developers"} />
             <WhiteSpacing />
             <Item name={"Portfolio"} />
         </div>

src/components/microComponents/contact/form.js

@@ -95,7 +95,7 @@ export function FormComponent() {
                 { loading ? "Sending"  : "Send" }
             </button>
             <div style={{color: "#3E3E3E", marginTop: "1.2rem"}}>Or contact us by email at
-                northseattle.appdev@gmail.com or through our phone number at [coming soon]
+            nextwavedev.org@gmail.com or through our phone number at [coming soon]
             </div>
         </form>
     );

src/index.css

@@ -332,7 +332,7 @@ navbar
 .students-flexcolumn__h1{
   font-size: 3rem;
   font-weight: 700;
-  width: 13ch;
+  width: 14ch;
 }
 .students-flexcolumn__student-flex-item{
   display: flex;

src/pages/About.js

@@ -7,7 +7,7 @@ function About() {
   return (
     <>
       <Helmet>
-        <title> NSC App Development - About </title>
+        <title> Next Wave Dev - About </title>
       </Helmet>
       <Navbar />
 
@@ -40,7 +40,7 @@ function About() {
                 fontWeight: 600,
               }}
             >
-              North Seattle Application Development
+              Next Wave Dev
             </div>
           </div>
           <div
@@ -63,29 +63,9 @@ function About() {
                 <strong>About Us:</strong>
                 <br></br>
                 <br></br>
-                Welcome to the NSC College Application Development Program,
-                where we empower students to create innovative and impactful
-                solutions in the ever-evolving world of technology. Our program
-                is dedicated to cultivating the next generation of skilled app
-                developers, equipping them with the knowledge and hands-on
-                experience needed to excel in the tech industry.
-              </div>
-              <div>
-                Through a blend of rigorous coursework, practical project
-                development, internships and mentorships from industry experts,
-                and engagement with real-time projects from clients, we foster a
-                dynamic learning environment that nurtures creativity, critical
-                thinking, and technical proficiency. Our students engage in
-                real-world challenges, developing apps that address contemporary
-                issues and drive technological progress.
-              </div>
-              <div style={{ marginTop: "1rem" }}>
-                At NSC, we believe in the power of education and innovation to
-                transform lives and communities. Join us to unlock your
-                potential, gain invaluable experience, and make a meaningful
-                impact in the digital world. Together, we shape the future of
-                technology.
+                Bridging the gap between classroom learning and career success, we equip students and recent graduates with the skills, mentorship, and real-world experience needed to deliver high-quality tech solutions.
               </div>
+              
             </div>
           </div>
         </div>

src/pages/Contact.js

@@ -9,7 +9,7 @@ function Contact() {
   return (
     <>
       <Helmet>
-        <title> NSC App Development - Contact </title>
+        <title> Next Wave Dev - Contact </title>
       </Helmet>
       <Navbar />
       <div style={{ minHeight: "calc(100vh - 95px)", height: "1px" }}>

src/pages/StudentsPage.js src/pages/DevelopersPage.jssrc/pages/StudentsPage.js renamed to src/pages/DevelopersPage.js

@@ -2,8 +2,9 @@
 import Navbar from "../components/Navbar";
 import Footer from "../components/Footer";
 import React from "react";
-import Student from "../components/Student";
+import Developer from "../components/Developer";
 import data from "../students.json";
+import { Helmet } from "react-helmet";
 
 // const students = [
 //   {
@@ -26,14 +27,17 @@ import data from "../students.json";
 
 const students = data.students;
 
-const StudentsPage = () => {
+const DevelopersPage = () => {
   return (
     <div>
+      <Helmet>
+        <title> Next Wave Dev - Developers </title>
+      </Helmet>
       <Navbar />
       <div className="students-flexcolumn">
-        <h1 className="students-flexcolumn__h1">Our Students</h1>
+        <h1 className="students-flexcolumn__h1">Our Developers</h1>
         {students.map((student, index) => (
-          <Student key={index} {...student} />
+          <Developer key={index} {...student} />
         ))}
       </div>
       <Footer />
@@ -53,4 +57,4 @@ const styles = {
   },
 };
 
-export default StudentsPage;
+export default DevelopersPage;