nextwavedev_22_6_nscad-to-nextwavedev

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.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.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.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;

src/pages/Main.js

@@ -2,7 +2,7 @@ import Navbar from "../components/Navbar";
 import { Link } from "react-router-dom";
 import belindas from '../images/belindasmobile.png';
 import pelletier from '../images/pelletier.png';
-import StudentThumbnail from "../components/StudentThumbnail";
+import DeveloperThumbnail from "../components/DeveloperThumbnail";
 import studentData from "../students.json";
 import { Helmet } from "react-helmet";
 import { FormComponent } from "../components/microComponents/contact/form";
@@ -18,18 +18,18 @@ function Main() {
   return (
     <>
       <Helmet>
-        <title> NSC App Development </title>
+        <title> Next Wave Dev </title>
       </Helmet>
       <Navbar />
       <div className="homepage-content">
         <div className="hero__wrapper">
           <div className="hero">
             <div className="hero__text">
               <h1 className="hero__text__heading">
-                North Seattle Application Development
+                Next Wave Dev
               </h1>
               <p className="hero__text__subheading">
-                Preparing students for immediate employment in a high-demand field
+              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.
               </p>
             </div>
           </div>
@@ -71,14 +71,14 @@ function Main() {
         <div className="student-prev__gallery">
           <div className="student-prev__gallery__grid">
             {studentDataSlice.map((student, index) => (
-              <StudentThumbnail
+              <DeveloperThumbnail
                 fileName={student.photo}
                 studentName={student.name}
               />
             ))}
           </div>
-          <Link className="student-prev__gallery__link" to={"/Students"}>
-            Get to know our student developers
+          <Link className="student-prev__gallery__link" to={"/Developers"}>
+            Get to know our developers
           </Link>
         </div>
         <p className="student-prev__quote">

src/pages/PortfolioPage.js

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