- ),
-];
-
-export const tags = ['autodocs'];
-
-const preview = {
- parameters: {
- viewport: {
- viewports: {
- ...MINIMAL_VIEWPORTS,
- ...INITIAL_VIEWPORTS,
- },
- },
- },
-};
-
-export default preview;
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
new file mode 100644
index 000000000..08c867f5c
--- /dev/null
+++ b/src/app/(home)/layout.tsx
@@ -0,0 +1,42 @@
+import type { PropsWithChildren } from 'react';
+import Link from 'next/link';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
+import SponsorsSection from '@/components/ReusableSections/SponsorsSection/SponsorsSection';
+import { buttonVariants } from '@/components/ui/button';
+import { s3 } from '@/lib/constants/urls';
+
+export default function HomeLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+
+
+ We're the largest community of military veterans, service members, and spouses committed
+ to becoming software developers with the help of mentors, scholarships, and our tech
+ partners.
+
+
+## Our Mission
+
+We serve our veterans, service members, and their families, work alongside their
+journey through the tech industry, and help them thrive in their careers to code a
+better future.
+
+
+
+
+
+
+
+
+I finished MSTA the last week of February, and then COVID hit. Employment was not going to happen...to anyone. I kept making calls, working on my skills, and throwing myself out there, and I got a role as a vendor at Microsoft. I'm half of the Data Privacy, Compliance, and Controls team for Talent Acquisition now. I had a lot of hard conversations with myself. I learned to lean into a support network, locally and online, through OpCode. I'm notoriously shy on the internet, but I knew that I couldn't do this alone. Change happens when the discomfort of making the change is less than the life you're living.
+
+
+
+I am a Navy vet. I started at the US Navy Ceremonial Guard then to Norfolk to work on ship weapon systems to Miami then San Diego as a Corpsman. I struggled mentally when I first got out. I really had to dig deep and find who I am not what I think I am. I am not just a veteran or software developer or the annoying security guy. I think many veterans are looking for a title and a clear path. I found out quickly on this side of civilization you have to make your own path. I did a 16-week full time coding boot camp while full time in school with a wife and two young boys during quarantine. Right now I am an Enterprise Security Analyst for a payment company and I love it. It is my first role in tech.
+
+
+
+I joined the Army in 2014 as an active duty Calvary Scout. In 2017, I left active duty to continue college and joined the Army Reserves as a Human Resources Specialist. Still serving in the Reserves now. I doubted myself a lot, wondering the type of role I should focus on, the type of tech/ tools I should learn. Starting courses that I would not finish, and starting projects that I would not finish. It sounds like I been training for 2 years to get to this point, but in reality, there were many occasions in which I did not code for weeks due to being overwhelmed and option paralysis. This was also around the time I discovered Operation Code. I am now a Full Stack Developer at UBS.
+
+
+
diff --git a/src/app/about/layout.tsx b/src/app/about/layout.tsx
new file mode 100644
index 000000000..60cb6c54b
--- /dev/null
+++ b/src/app/about/layout.tsx
@@ -0,0 +1,15 @@
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import { s3 } from '@/lib/constants/urls';
+
+export default function AboutLayout({ children }: { children: React.ReactNode }) {
+ return (
+ <>
+
+ {children}
+
+ );
+}
diff --git a/src/app/about/page.mdx b/src/app/about/page.mdx
new file mode 100644
index 000000000..ceae83144
--- /dev/null
+++ b/src/app/about/page.mdx
@@ -0,0 +1,128 @@
+export const metadata = { title: 'About Us' };
+
+
+
+**Operation Code is a registered 501(c)3, non-profit charity helping the military
+community learn software development, enter the tech industry, and code the future.**
+
+We at Operation Code strive to provide an efficient way into a tech career for
+veterans, military spouses, and transitioning servicemembers. Read about our
+[organization's history](/history) to learn more!
+
+Our volunteer team works tirelessly to provide mentorship for veterans and military
+spouses interested in learning about tech careers. Dozens of software engineers,
+product managers, system architects, security engineers, and various other IT
+professionals act as 1-on-1 mentors to our members.
+
+As a non-profit organization, we rely heavily on your support. If you are interested
+in helping us financially, please donate here or set your Amazon Smile organization to
+"Operation Code". If you have questions about our organization, platforms, or
+services, please reference our [FAQ](/faq) page. Otherwise, do not hesitate to reach
+out to our staff.
+
+
+
+
+
+
+
+### Mentorship Program
+
+Operation Code's mentorship program connects members with seasoned software developers
+to help you progress and achieve your goals.
+
+
+
+
+
+### Online Scholarships
+
+Operation Code's online scholarships provide you the opportunity to kickstart your
+career in software development.
+
+
+
+
+
+### Career Services
+
+Operation Code's career services team provides job opportunities, resume reviews,
+technical interview prep, and career guidance.
+
+
+
+
+
+### Conference Scholarships
+
+Operation Code partners with tech conferences around the country and offers
+scholarship tickets to events throughout the year.
+
+
+
+
+
+### Community Events
+
+Join one of our local meetup chapters throughout the country, and learn with fellow
+members of the military community. Email us at staff@operationcode.org to learn more.
+
+
+
+
+
+### Podcast
+
+[We have a podcast!](/podcast) You can listen into the amazing stories of our members.
+Visualize your success through others' footsteps.
+
+
+
+
+
+
+
+Operation Code is leading the way to expand opportunities for military veterans and
+their families. We aim to help veterans learn new skills and build their careers in the
+fast-growing technology sector. Our team's mission - led by veterans and other
+dedicated, passionate volunteers - is to help open doors for our diverse member base
+through unique program offerings, such as our Software Mentor Program, conference
+scholarships, and employment services. All of this is made possible by individual
+donations and corporate partnerships.
+
+
+
+
+
+
+
+### Leadership
+
+As leaders, we are responsible for what we do or fail to do. We hold ourselves
+accountable for achieving results that accomplish the mission. We listen to our
+community to ensure we are working towards the vision. We will humbly remember that
+their service was of the highest order and that Operation Code works for them.
+
+
+
+
+
+### Agility
+
+We maintain an attitude of continuous improvement and we constantly look for new and
+better ways to serve our community - we owe them nothing less. When our operating
+environment changes, and new challenges emerge, we adjust our approach accordingly.
+
+
+
+
+
+### Clarity
+
+By being clear and transparent in everything Operation Code does, our community can
+trust that we will act with integrity with the resources we are given. In
+communicating, we are considerate of the sender and the receiver.
+
+
+
+
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
deleted file mode 100644
index f50e5b9c6..000000000
--- a/src/app/about/page.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import Link from 'next/link';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import ImageCard from '@/components/Cards/ImageCard/ImageCard';
-import ValueCard from '@/components/Cards/ValueCard/ValueCard';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import { s3 } from '@/common/constants/urls';
-
-export const metadata: Metadata = { title: 'About Us' };
-
-const pageTitle = 'About Us';
-
-function About() {
- return (
-
-
-
-
-
-
- Operation Code is a registered 501(c)3, non-profit charity helping the military
- community learn software development, enter the tech industry, and code the future.
-
-
-
-
- We at Operation Code strive to provide an efficient way into a tech career for
- veterans, military spouses, and transitioning servicemembers. Read about our{' '}
- organization's history
- to learn more!
-
-
-
- Our volunteer team works tirelessly to provide mentorship for veterans and military
- spouses interested in learning about tech careers. Dozens of software engineers,
- product managers, system architects, security engineers, and various other IT
- professionals act as 1-on-1 mentors to our members.
-
-
-
- As a non-profit organization, we rely heavily on your support. If you are interested
- in helping us financially, please donate here or set your Amazon Smile organization to
- “Operation Code”. If you have questions about our organization, platforms, or
- services, please reference our FAQ page. Otherwise, do not
- hesitate to reach out to our staff.
-
-
,
- ]}
- />
-
-
-
Mentorship Program
-
- Operation Code's mentorship program connects members with seasoned software developers
- to help you progress and achieve your goals.
-
- ,
-
-
Online Scholarships
-
- Operation Code's online scholarships provide you the opportunity to kickstart your
- career in software development.
-
- ,
-
-
Career Services
-
- Operation Code's career services team provides job opportunities, resume reviews,
- technical interview prep, and career guidance.
-
- ,
-
-
Conference Scholarships
-
- Operation Code partners with tech conferences around the country and offers
- scholarship tickets to events throughout the year.
-
- ,
-
-
Community Events
-
- Join one of our local meetup chapters throughout the country, and learn with fellow
- members of the military community. Email us at
-
- staff@operationcode.org
- {' '}
- to learn more.
-
- ,
-
-
Podcast
-
- We have a podcast! You can listen into the amazing
- stories of our members. Visualize your success through others' footsteps.
-
- ,
- ]}
- />
-
-
- Operation Code is leading the way to expand opportunities for military veterans and
- their families. We aim to help veterans learn new skills and build their careers in the
- fast-growing technology sector. Our team's mission - led by veterans and other
- dedicated, passionate volunteers - is to help open doors for our diverse member base
- through unique program offerings, such as our Software Mentor Program, conference
- scholarships, and employment services. All of this is made possible by individual
- donations and corporate partnerships.
- ,
- ]}
- />
-
- ,
- ,
- ,
- ]}
- />
-
- );
-}
-
-export default About;
diff --git a/src/app/api/registration/new/route.ts b/src/app/api/registration/new/route.ts
index 708f39f7f..5fa874b71 100644
--- a/src/app/api/registration/new/route.ts
+++ b/src/app/api/registration/new/route.ts
@@ -1,6 +1,6 @@
import { NextResponse, type NextRequest } from 'next/server';
import Airtable from 'airtable';
-import { AIR_TABLE_BASE_ID, AIR_TABLE_TABLE_NAME } from '@/common/config/environment';
+import { AIR_TABLE_BASE_ID, AIR_TABLE_TABLE_NAME } from '@/lib/config/environment';
import type { RegistrationFormValues } from '@/components/Forms/RegistrationForm/RegistrationForm';
const base = new Airtable({ apiKey: process.env.AIRTABLE_PAT }).base(AIR_TABLE_BASE_ID);
diff --git a/src/app/api/registration/update/route.ts b/src/app/api/registration/update/route.ts
index fdfc97b6e..f43a4abfc 100644
--- a/src/app/api/registration/update/route.ts
+++ b/src/app/api/registration/update/route.ts
@@ -1,6 +1,6 @@
import { NextResponse, type NextRequest } from 'next/server';
import Airtable from 'airtable';
-import { AIR_TABLE_BASE_ID, AIR_TABLE_TABLE_NAME } from '@/common/config/environment';
+import { AIR_TABLE_BASE_ID, AIR_TABLE_TABLE_NAME } from '@/lib/config/environment';
import type { UpdateProfileFormShape } from '@/components/Forms/UpdateProfileForm/UpdateProfileForm';
const base = new Airtable({ apiKey: process.env.AIRTABLE_PAT }).base(AIR_TABLE_BASE_ID);
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
deleted file mode 100644
index 6766f1aa6..000000000
--- a/src/app/blog/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-
-export const metadata: Metadata = { title: 'Blog' };
-
-const pageTitle = 'Blog';
-
-export default function BlogIndex() {
- return ;
-}
diff --git a/src/app/branding/layout.tsx b/src/app/branding/layout.tsx
new file mode 100644
index 000000000..40f33bb96
--- /dev/null
+++ b/src/app/branding/layout.tsx
@@ -0,0 +1,10 @@
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function BrandingLayout({ children }: { children: React.ReactNode }) {
+ return (
+ <>
+
+ {children}
+
+ );
+}
diff --git a/src/app/branding/page.tsx b/src/app/branding/page.tsx
index ad7f3a26f..fe5d87bf7 100644
--- a/src/app/branding/page.tsx
+++ b/src/app/branding/page.tsx
@@ -1,21 +1,16 @@
import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
import LogoSection from '@/components/Branding/LogoSection/LogoSection';
import ColorSection from '@/components/Branding/ColorSection/ColorSection';
import FontSection from '@/components/Branding/FontSection/FontSection';
import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import { s3 } from '@/common/constants/urls';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
+import { s3 } from '@/lib/constants/urls';
+import { buttonVariants } from '@/components/ui/button';
export const metadata: Metadata = { title: 'Branding Guide' };
-const pageTitle = 'Branding Guide';
-
function Branding() {
return (
<>
-
-
+ Welcome to the Operation Code challenge! The goal of this challenge is to get you to
+ easily commit your first change to a program, see the results of the change, and leave
+ your mark on Operation Code itself! To do this we're going to take a look at a source code
+ repository, clone the repository, make a change to a file and finally create a pull
+ request.
+
+
+
+ {children}
+
+
+
+
+ Here is a list of the people that have completed this before you:
+
+Firstly, visit our GitHub repository for this page. GitHub is a website dedicated to hosting source code. The code for this website is publically available! Take a moment to explore GitHub. You can see the code for this specific page.
+
+
+
+Secondly, fork the repository. Forking a repository takes a snapshot of the code and places that snapshot into your personal GitHub. GitHub allows you to contribute code between forks and their original repository. This process is how everybody contributes to open source. After forking, you will visit this link and click on the button near the top-right corner of the screen: In a few moments, you will be redirected to your own copy of this website's source code.
+
+**Congratulations! You have "forked" the "repo"!**
+
+
+
+Now that you have a fork of the "repo", it's time to edit the necessary file to add your name to the list below! Go to the /public{` folder`}, then the /static{` folder`}, click on the operationcode_challenge directory and click on the file called names.js. On the right-hand side, you should see . Click it.
+
+
+
Add your name to the bottom of the list of names.
+
+
+Scroll to the bottom for the **Commit changes** form. There are two input boxes. In the input field with "Update names.js", type Add <YOUR NAME> to challenge list. You will leave the second, large input field blank. There are two "radio" buttons below the input fields. Check the one that says "Create a new branch". Your screen should now have something like this:
+
+
+
+Once you confirm the similarities, click
+
+
+
+With your changes merged into your fork (your name added to the list in your copy of the code), head back to Operation Code's front-end repository.
+
+
+
+Click on the "Pull requests" tab. It rests between the "Issues" and "Project" tabs.
+
+
+
Click on the green "New pull request" button.
+
+
+You should now be at the "**Open a pull request**" screen. We do not wish to ask ourselves for permission to merge our new branch into our own fork! Instead, click , to open Operation Code's "New pull request" interface. You should see a "Compare changes" headline. Just below that is a link within the text: 'compare across forks' - click it. Now, click on the selector that says ' head fork' at the beginning, and choose your fork. Click the next selector to the right, and choose your new branch. Now, you're comparing Operation Code's main branch with your new fork's branch, and you may click to create your first Pull Request! We hope you come to love that button...
+
+
+
+NOTE: A pull request is how people throughout the world are able to contribute to open source software - like Operation Code's website! When you submit a pull request it notifies the maintainers of the project, and runs some automated checks. The maintainers then look at the new changes, and decide if they want it merged into their repository.
+
+
+
+
+When you're ready, click the "Create pull request" button. Our staff will be notified and a few minutes after the pull request is accepted and merged your name will show up below!
+
+
+
+
+
Congratulations - you've made your first open source commit!
- Welcome to the Operation Code challenge! The goal of this challenge is to get you to
- easily commit your first change to a program, see the results of the change, and leave
- your mark on Operation Code itself! To do this we're going to take a look at a source code
- repository, clone the repository, make a change to a file and finally create a pull
- request.
-
-
-
-
-
-
- Firstly,{' '}
-
- visit our GitHub repository for this page
-
- . GitHub is a website dedicated to hosting source code. The code for this website is
- publically available! Take a moment to explore GitHub. You can see{' '}
-
- the code for this specific page
-
- .
-
-
-
- Secondly, fork the repository. Forking a repository takes a snapshot of the code and
- places that snapshot into your personal GitHub. GitHub allows you to contribute code
- between forks and their original repository. This process is how everybody
- contributes to open source. After forking, you will{' '}
-
- visit this link
-
- and click on the button near the top-right corner of the screen:{' '}
- {' '}
- In a few moments, you will be redirected to your own copy of this website's source
- code.
-
-
- Congratulations! You have “forked” the “repo”!
-
-
-
- Now that you have a fork of the “repo”, it's time to edit the necessary file to add
- your name to the list below! Go to the /public
- {` folder`}, then the /static {` folder`}, click on the
- operationcode_challenge directory and click on the file called
- names.js. On the right-hand side, you should see
-
- . Click it.
-
-
-
Add your name to the bottom of the list of names.
-
-
- Scroll to the bottom for the Commit changes form. There are two input boxes.
- In the input field with “Update names.js”, type{' '}
- Add <YOUR NAME> to challenge list. You will leave the second,
- large input field blank. There are two “radio” buttons below the input fields. Check
- the one that says “Create a new branch”. Your screen should now have something like
- this:
-
-
-
-
-
- Once you confirm the similarities, click
-
-
-
-
- With your changes merged into your fork (your name added to the list in your copy of
- the code), head back to{' '}
-
- Operation Code's front-end repository
-
- .
-
-
-
- Click on the “Pull requests” tab. It rests between the “Issues” and “Project” tabs.
-
-
-
Click on the green “New pull request” button.
-
-
- You should now be at the “Open a pull request“ screen. We do not wish to ask
- ourselves for permission to merge our new branch into our own fork! Instead,
- click{' '}
-
- {' '}
-
- , to open Operation Code's “New pull request” interface. You should see a
- “Compare changes” headline. Just below that is a link within the text:
- 'compare across forks' - click it. Now, click on the selector that says ' head fork'
- at the beginning, and choose your fork. Click the next selector to the right, and
- choose your new branch. Now, you're comparing Operation Code's main branch with your
- new fork's branch, and you may click
-
- to create your first Pull Request! We hope you come to love that button...
-
-
-
- NOTE:
- {' '}
- A pull request is how people throughout the world are able to contribute to open
- source software - like Operation Code's website! When you submit a pull request it
- notifies the maintainers of the project, and runs some automated checks. The
- maintainers then look at the new changes, and decide if they want it merged into
- their repository.
-
-
-
- When you're ready, click the “Create pull request” button. Our staff will be
- notified and a few minutes after the pull request is accepted and merged your name
- will show up below!
-
-
-
- Congratulations - you've made your first open source commit!
-
-
,
- ]}
- />
-
-
-
- Here is a list of the people that have completed this before you:
-
-
- ]} />
-
- ,
- ]}
- />
-
- );
-}
-
-export default Challenge;
diff --git a/src/app/chapter_leader/layout.tsx b/src/app/chapter_leader/layout.tsx
new file mode 100644
index 000000000..0231c54f2
--- /dev/null
+++ b/src/app/chapter_leader/layout.tsx
@@ -0,0 +1,25 @@
+import type { PropsWithChildren } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import OutboundLink from '@/components/OutboundLink/OutboundLink';
+
+export default function ChapterLeaderLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+
+ Operation Code is looking for volunteer Chapter Leaders to build local communities
+ nationwide! Tell us more about yourself{' '}
+
+ here
+ {' '}
+ and help further our mission to get the military community into the tech industry!
+
+
+
+ {children}
+
+ );
+}
diff --git a/src/app/chapter_leader/page.mdx b/src/app/chapter_leader/page.mdx
new file mode 100644
index 000000000..edd5ac3a6
--- /dev/null
+++ b/src/app/chapter_leader/page.mdx
@@ -0,0 +1,32 @@
+export const metadata = { title: 'Chapter Leaders' };
+
+
+
+## Who is a Chapter Leader?
+
+An Operation Code Chapter Leader organizes meetups and events at the local level, and
+establishes relationships with local companies, educational institutions, and other
+organizations, in order to help build the community and support the mission. Chapter
+Leaders are people who are...
+
+- Representative of the Operation Code values.
+- Dedicated, reliable and has consistently displayed participation in the community.
+- Able to understand the community dynamics and encourages members to have a voice. They empower people.
+- Organized, and able to stay on top of their multiple responsibilities, such as managing events and recruiting new members.
+- Passionate communicators that have a strong desire to connect with like-minded people.
+- Able to explain basic programming concepts to chapter members if necessary, as new chapter members may range from being senior software developers, to having little or no experience with software development.
+
+## Responsibilities
+
+- Enforce the Code of Conduct on Operation Code web communities.
+- Host events, including trainings, talks, hack nights, etc.
+- Build partnerships in the local community.
+- [Raise funds](https://opencollective.com/operationcode) and in-kind donations in support of the mission.
+- Build and integrate the infrastructure necessary to sustain the chapter.
+- Reach out to potential new members, receiving and integrating them to the team.
+- Advocate for and promote the organization in the local community.
+- Help members learn, grow, and find jobs!
+
+Think you are interested in becoming a Chapter Leader? Click [here.](http://op.co.de/chapter-leader-volunteer)
+
+
diff --git a/src/app/chapter_leader/page.tsx b/src/app/chapter_leader/page.tsx
deleted file mode 100644
index 8cb3f98c1..000000000
--- a/src/app/chapter_leader/page.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-
-export const metadata: Metadata = { title: 'Chapter Leaders' };
-
-const pageTitle = 'Chapter Leaders';
-
-function ChapterLeader() {
- return (
-
-
-
- Operation Code is looking for volunteer Chapter Leaders to build local communities
- nationwide! Tell us more about yourself{' '}
-
- here
- {' '}
- and help further our mission to get the military community into the tech industry!
-
-
-
-
-
Who is a Chapter Leader?
-
-
- An Operation Code Chapter Leader organizes meetups and events at the local level, and
- establishes relationships with local companies, educational institutions, and other
- organizations, in order to help build the community and support the mission. Chapter
- Leaders are people who are...
-
-
-
-
Representative of the Operation Code values.
-
- Dedicated, reliable and has consistently displayed participation in the community.
-
-
- Able to understand the community dynamics and encourages members to have a voice.
- They empower people.
-
-
- Organized, and able to stay on top of their multiple responsibilities, such as
- managing events and recruiting new members.
-
-
- Passionate communicators that have a strong desire to connect with like-minded
- people.
-
-
- Able to explain basic programming concepts to chapter members if necessary, as new
- chapter members may range from being senior software developers, to having little or
- no experience with software development.
-
-
-
-
Responsibilities
-
-
Enforce the Code of Conduct on Operation Code web communities.
-
Host events, including trainings, talks, hack nights, etc.
-
Build partnerships in the local community.
-
-
- Raise funds
- {' '}
- and in-kind donations in support of the mission.
-
-
Build and integrate the infrastructure necessary to sustain the chapter.
-
- Reach out to potential new members, receiving and integrating them to the team.
-
-
Advocate for and promote the organization in the local community.
-
Help members learn, grow, and find jobs!
-
-
-
- Think you are interested in becoming a Chapter Leader? Click{' '}
-
- here.
-
-
-
,
- ]}
- />
-
- );
-}
-
-export default ChapterLeader;
diff --git a/src/app/chapters/layout.tsx b/src/app/chapters/layout.tsx
new file mode 100644
index 000000000..2f49f3c7d
--- /dev/null
+++ b/src/app/chapters/layout.tsx
@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function ChaptersLayout({ children }: { children: ReactNode }) {
+ return (
+ <>
+
+
+
+We are a decentralized community of hard-working volunteers, and we love hearing
+feedback, comments, and suggestions!
+
+The best way to reach our staff and our members is by [joining Operation Code](/join)
+to receive an invite to our team, including our Slack chat.
+
+
+
+
+ You can also reach us via email:
+
+
+ staff@operationcode.org
+
+
+
+
+ Connect with us on LinkedIn:
+
+
+ LinkedIn
+
+
+
+
+ And - if you really want to - you can snail-mail us:
+
+
+ Operation Code
+ 1631 NE Broadway St. #2185
+ Portland, OR, 97232-1425
+ United States
+
+
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
deleted file mode 100644
index 8771f80bf..000000000
--- a/src/app/contact/page.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import Link from 'next/link';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-
-export const metadata: Metadata = { title: 'Contact Us' };
-
-const pageTitle = 'Contact Us';
-
-function Contact() {
- return (
-
-
-
-
- We are a decentralized community of hard-working volunteers, and we love hearing
- feedback, comments, and suggestions!
-
-
-
- The best way to reach our staff and our members is by{' '}
- joining Operation Code to receive an invite to our team,
- including our Slack chat.
-
-
-
-
- You can also reach us via email:
-
-
-
-
- staff@operationcode.org
-
-
-
-
- Connect with us on LinkedIn:
-
-
-
-
- LinkedIn
-
-
-
-
- And - if you really want to - you can snail-mail us:
-
-
-
-
- Operation Code
-
- 1631 NE Broadway St. #2185
-
- Portland, OR, 97232-1425
-
- United States
-
-
-
-
- );
-}
-
-export default Contact;
diff --git a/src/app/corporate-training/page.tsx b/src/app/corporate-training/layout.tsx
similarity index 75%
rename from src/app/corporate-training/page.tsx
rename to src/app/corporate-training/layout.tsx
index 367ebc3a4..ef734dd7a 100644
--- a/src/app/corporate-training/page.tsx
+++ b/src/app/corporate-training/layout.tsx
@@ -1,17 +1,21 @@
-import Image from 'next/image';
-import type { Metadata } from 'next';
import type { ReactNode } from 'react';
+import type { StaticImageData } from 'next/image';
+import Image from 'next/image';
import HeroBanner from '@/components/HeroBanner/HeroBanner';
import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import { cx } from '@/common/utils/cva';
-
-export const metadata: Metadata = { title: 'Corporate Training: Breaking Biases' };
+import { cn } from '@/lib/utils';
+import heroImage from '@/static/images/heroImage.jpg';
+import bias1 from '@/static/images/bias1.jpg';
+import bias2 from '@/static/images/bias2.jpg';
+import bias3 from '@/static/images/bias3.jpg';
+import bias4 from '@/static/images/bias4.jpg';
+import bias5 from '@/static/images/bias5.jpg';
interface Bias {
title: string;
subtitle: string;
description: ReactNode;
- image: string;
+ image: StaticImageData;
alt: string;
}
@@ -26,7 +30,7 @@ const biases: Bias[] = [
(CDC).
),
- image: '/static/images/bias1.jpg',
+ image: bias1,
alt: 'soldier sitting on the couch with his head resting on his hands.',
},
{
@@ -40,7 +44,7 @@ const biases: Bias[] = [
criminalization for all.
),
- image: '/static/images/bias2.jpg',
+ image: bias2,
alt: 'A soldier getting comforted.',
},
{
@@ -53,7 +57,7 @@ const biases: Bias[] = [
equal to or greater than civilians (Journal of Strategic Studies).
),
- image: '/static/images/bias3.jpg',
+ image: bias3,
alt: 'A homeless vet holding a sign for help.',
},
{
@@ -76,7 +80,7 @@ const biases: Bias[] = [
service to others.
),
- image: '/static/images/bias4.jpg',
+ image: bias4,
alt: 'A soldier shaking hands with someone.',
},
{
@@ -101,41 +105,47 @@ const biases: Bias[] = [
their spouses and family members.
),
- image: '/static/images/bias5.jpg',
+ image: bias5,
alt: 'two wedding rights resting on an american flad patch.',
},
];
-const CorporateTraining = () => {
+export default function CorporateTrainingLayout({ children }: { children: ReactNode }) {
return (
<>
-
- Operation Code has provided corporate training for tech employers since 2019. In order to
- break barriers and blockers for our military community, we must address the implicit and
- overt biases. Reach out to us if you would like more information on how our military
- cultural competency training works, if you'd like us to help create a military Diversity,
- Equity, Inclusion and Belonging strategy, provide ongoing professional development or set
- up a military Employee Resource Group with you: Contact the{' '}
-
- Partnerships Team
-
- .We look forward to hearing from you!
-
+
+
+ Operation Code has provided corporate training for tech employers since 2019. In order
+ to break barriers and blockers for our military community, we must address the implicit
+ and overt biases. Reach out to us if you would like more information on how our military
+ cultural competency training works, if you'd like us to help create a military
+ Diversity, Equity, Inclusion and Belonging strategy, provide ongoing professional
+ development or set up a military Employee Resource Group with you: Contact the{' '}
+
+ Partnerships Team
+
+ .
+
+
We look forward to hearing from you!
+
+
+ {children}
+
{biases.map((bias) => (
{
{
);
-};
-
-export default CorporateTraining;
+}
diff --git a/src/app/corporate-training/page.mdx b/src/app/corporate-training/page.mdx
new file mode 100644
index 000000000..fd65d78c8
--- /dev/null
+++ b/src/app/corporate-training/page.mdx
@@ -0,0 +1 @@
+export const metadata = { title: 'Corporate Training: Breaking Biases' };
diff --git a/src/app/donate/layout.tsx b/src/app/donate/layout.tsx
new file mode 100644
index 000000000..5c15f079d
--- /dev/null
+++ b/src/app/donate/layout.tsx
@@ -0,0 +1,23 @@
+import type { PropsWithChildren } from 'react';
+import Container from '@/components/Container/Container';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function DonateLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+
+
+
+
+Operation Code runs all operations and programs based on donations. We need your help!
+Your donations go directly towards helping our members by maintaining our open source
+software and infrastructure where an immersive learning environment helps members grow
+their skills while contributing to code repositories. We also provide free learning
+licenses, develop hiring pipelines, and provide professional training and development
+for mentors and volunteers.
+
+Your donations also helps our community reduce the risk facing our transitioning
+military, military spouses and military veterans by growing social connectedness,
+building camaraderie and teaching tangible technical and personal skills that combat
+chronic unemployment, homelessness, and suicide. You're providing members with the
+opportunity to learn software development, enter the tech industry, and Deploy The
+Future!
+
+As the largest community of military veterans, service members, and military families,
+we are over 8000 strong and have both the technical and military transitioning
+experience and helped thousands of members enter into the tech occupation and industry.
+As we continue to grow at an average rate of 33% annually, we cannot reach our mission
+to help our military community without your help!
+
+We pride ourselves in transparency, making sure that our community knows what their
+contributions are going towards. This pride is validated by receiving the
+Gold Seal of Transparency from GuideStar in 2021 and the Platinum Seal of Transparency from GuideStar in 2023.
+Feel free to reach out to us by [e-mail](mailto:staff@operationcode.org) if
+you have any questions.
diff --git a/src/app/donate/page.tsx b/src/app/donate/page.tsx
deleted file mode 100644
index 6a4401fb4..000000000
--- a/src/app/donate/page.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import type { Metadata } from 'next';
-import Container from '@/components/Container/Container';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-
-const pageTitle = 'Donate';
-
-export const metadata: Metadata = { title: pageTitle };
-
-function DonatePage() {
- return (
- <>
-
-
-
-
-
Why Donate?
-
-
- Operation Code runs all operations and programs based on donations. We need your help!
- Your donations go directly towards helping our members by maintaining our open source
- software and infrastructure where an immersive learning environment helps members grow
- their skills while contributing to code repositories. We also provide free learning
- licenses, develop hiring pipelines, and provide professional training and development
- for mentors and volunteers.
-
-
-
- Your donations also helps our community reduce the risk facing our transitioning
- military, military spouses and military veterans by growing social connectedness,
- building camaraderie and teaching tangible technical and personal skills that combat
- chronic unemployment, homelessness, and suicide. You're providing members with the
- opportunity to learn software development, enter the tech industry, and Deploy The
- Future!
-
-
-
- As the largest community of military veterans, service members, and military families,
- we are over 8000 strong and have both the technical and military transitioning
- experience and helped thousands of members enter into the tech occupation and industry.
- As we continue to grow at an average rate of 33% annually, we cannot reach our mission
- to help our military community without your help!
-
-
-
- We pride ourselves in transparency, making sure that our community knows what their
- contributions are going towards. This pride is validated by receiving the{' '}
-
- Gold Seal of Transparency from GuideStar in 2021 and the Platinum Seal of Transparency
- from GuideStar in 2023
-
- . Feel free to reach out to us by e-mail if
- you have any questions.
-
-
-
-
-
-
- );
-}
-
-export default DonatePage;
diff --git a/src/app/faq/layout.tsx b/src/app/faq/layout.tsx
new file mode 100644
index 000000000..fe4b815a4
--- /dev/null
+++ b/src/app/faq/layout.tsx
@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function FAQLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+ {children}
+
+ );
+}
diff --git a/src/app/faq/page.mdx b/src/app/faq/page.mdx
new file mode 100644
index 000000000..b873c7093
--- /dev/null
+++ b/src/app/faq/page.mdx
@@ -0,0 +1,165 @@
+export const metadata = { title: 'FAQ' };
+
+
+
+
+ The first line of code for the Operation Code site was pushed on August 21, 2014.
+ Operation Code formally became a 501(c)3 nonprofit on May 4, 2016.
+
+
+
+ Operation Code was founded in Portland, Oregon by ex-Army Captain David Molina, who took
+ action and built operationcode.org to petition Congress to expand the New GI Bill to
+ include code schools.
+
+
+
+ Yes. Operation Code was granted tax-exempt status by the Internal Revenue Service,
+ functioning as a charity under 501(c)(3) of the Internal Revenue Code, effective 4 May
+ 2016, with retroactive status to 15 June 2015. Donations to the organization are
+ deductible as charitable contributions.
+
+
+
+ Operation Code, much like software, is built from anywhere with an internet connection,
+ and is not based in one location. While we're headquartered in Portland, the entire
+ organization is decentralized, including the board of directors and the core team. This
+ allows us to more effectively serve the entire military community, whether they're
+ veterans or military spouses, whether they're OCONUS or in-country. We have chapters all
+ over the nation. Use Slack chat and join the closest town to you!
+
+
+
+ Operation Code serves our nation's finest who've worn the uniform and their families who
+ are interested in coding and software development. Our programs are offered at no cost to
+ the military community, including veterans, transitioning service members, and military
+ spouses and families.
+
+
+
+ First off, you will need access to a solid computer, a good browser (ex. Chrome), and a
+ strong internet connection. It costs nothing to start learning to code and receive
+ software mentorship through Operation Code, you just need a positive attitude, persistence
+ and grit, and a thirst for new knowledge. We have over a dozen channels, from Ruby to
+ JavaScript, iOS to Android, and from Free Code Camp to edX study groups.
+
+
+
+ Our friends at the New York City-based, The Flatiron School created
+ [Learn.co](https://learn.co/),
+ an online platform to get introduced to web development and the popular web framework,
+ Ruby on Rails. Request an invite
+ [here](https://learn.co/join/operation-code)
+ and then join the #learn-dot-co channel in our Slack. Another resource is
+ [learnhowtoprogram.com](https://www.learnhowtoprogram.com/courses),
+ a resource maintained by Epicodus.
+
+
+
+ While we do not have a long-term mentorship program, mentors are available for 30-minute
+ sessions to assist you with things like mock interviews, code reviews, or general
+ guidance. To request a mentorship session, type "/mentor" in any of our
+ [Slack channels](http://operation-code.slack.com)
+ and fill out the form.
+
+
+
+ Operation Code is different in that we don't have regular business office hours. The team
+ can usually be found in, our
+ [Slack channel](http://operation-code.slack.com),
+ or on
+ [GitHub](https://github.com/OperationCode/operationcode),
+ fixing bugs and implementing new features.
+
+
+
+ In addition to requiring financial support, we also need
+ [volunteers](http://op.co.de/volunteer)
+ and interns. The larger our community, the more we can spread the word about our work.
+ Also, remember that every [donation](/donate), no matter how modest,
+ brings us closer to our goals.
+
+
+
+ We primarily use
+ [Twitter](https://twitter.com/operation_code)
+ and
+ [Facebook](http://facebook.com/operationcode.org)
+ to put out updates and news since it's faster to put out info and respond. Given our
+ chosen craft, we don't do regular emails as often.
+
+
+
+ If you have a question that isn't listed here on our FAQ, write to
+ [staff@operationcode.org](mailto:staff@operationcode.org?subject=Question Not On FAQ),
+ and we'll get back to you as soon as we can.
+
+
+
+
+
+
+
+ The fastest way to make a donation is through our secured online form
+ [here](/donate).
+
+
+
+ It's less administrative work to accept online donations. Get in touch so we can assess
+ your situation and contribution commitment.
+
+
+
+ When you make a donation to Operation Code online, you will receive an receipt by email.
+
+
+
+ Our goal is to direct 100 percent of online donations for programs and services, and keep
+ administrative costs low while our annual fundraiser, grants and services fund operations.
+
+
+
+ As a program-based nonprofit organization, Operation Code welcomes in-kind donations to
+ directly benefit the organization, transitioning military, citizen-soldiers, veterans and
+ their families in learning to code and building software to change the world. Items that
+ are needed, include (but not limited to): frequent flyer miles, Adobe Cloud, used or new
+ MacBook Air's, and grant writers.
+
+
+
+ Get in touch, and we'll make an announcement in our Slack, tweet and/or write a blog post,
+ and find a veteran to take your spot. Even then, travel and lodging is often a barrier.
+
+
+
+ [Please get in touch with us directly,](mailto:staff@operationcode.org?subject=Donating Directly)
+ so we can ensure we find a good match.
+
+
+
+ When you visit
+ [https://smile.amazon.com](https://smile.amazon.com/ch/47-4247572),
+ you continue to have the same shopping experience as the same and most products
+ available on amazon.com but you help Operation Code realize it's mission. Once you've
+ selected "Operation Code" everything else functions the same. Shop for your favorite
+ products or the perfect gift. Most products are eligible on Amazon Smile, if not, you'll
+ be notified. You can checkout normally as well. No extra cost is passed onto you--Amazon
+ will donate 0.5% of your purchase to Operation Code! After you've successfully completed a
+ purchase on AmazonSmile you can share the news with your friends on Facebook, Twitter or
+ via email. This option appears on the confirmation page after your order is complete.
+
+
+
+
+
+
+
+ If you would like to become a volunteer, please apply
+ [here](http://op.co.de/volunteer).
+
+
+
+ Currently, fundraising, community leaders, and grant writers are our current needs.
+
+
+
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
deleted file mode 100644
index b1c594ed2..000000000
--- a/src/app/faq/page.tsx
+++ /dev/null
@@ -1,356 +0,0 @@
-import Link from 'next/link';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import Accordion from '@/components/Accordion/Accordion';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-
-export const metadata: Metadata = { title: 'FAQ' };
-
-const questions = {
- general: [
- {
- title: 'When was Operation Code founded?',
- content: (
- <>
- The first line of code for the Operation Code site was pushed on August 21, 2014.
- Operation Code formally became a 501(c)3 nonprofit on May 4, 2016.
-
- ),
- },
- {
- title: 'How was Operation Code founded?',
- content: (
- <>
- Operation Code was founded in Portland, Oregon by ex-Army Captain David Molina, who took
- action and built operationcode.org to petition Congress to expand the New GI Bill to
- include code schools.
-
- ),
- },
- {
- title: 'Is Operation Code a 501(c)(3) nonprofit organization?',
- content: (
- <>
- Yes. Operation Code was granted tax-exempt status by the Internal Revenue Service,
- functioning as a charity under 501(c)(3) of the Internal Revenue Code, effective 4 May
- 2016, with retroactive status to 15 June 2015. Donations to the organization are
- deductible as charitable contributions.
-
- ),
- },
- {
- title: 'Where is Operation Code based? Do you have a location near me?',
- content: (
- <>
- Operation Code, much like software, is built from anywhere with an internet connection,
- and is not based in one location. While we're headquartered in Portland, the entire
- organization is decentralized, including the board of directors and the core team. This
- allows us to more effectively serve the entire military community, whether they're
- veterans or military spouses, whether they're OCONUS or in-country. We have chapters all
- over the nation. Use Slack chat and join the closest town to you!
-
- ),
- },
- {
- title: 'Who does Operation Code serve?',
- content: (
- <>
- Operation Code serves our nation's finest who've worn the uniform and their families who
- are interested in coding and software development. Our programs are offered at no cost to
- the military community, including veterans, transitioning service members, and military
- spouses and families.
-
- ),
- },
- {
- title:
- 'What do I need to start learning software development and how much is this going to cost?',
- content: (
- <>
- First off, you will need access to a solid computer, a good browser (ex. Chrome), and a
- strong internet connection. It costs nothing to start learning to code and receive
- software mentorship through Operation Code, you just need a positive attitude, persistence
- and grit, and a thirst for new knowledge. We have over a dozen channels, from Ruby to
- JavaScript, iOS to Android, and from Free Code Camp to edX study groups.
-
- ),
- },
- {
- title: 'What is available to start learning to code today?',
- content: (
- <>
- Our friends at the New York City-based, The Flatiron School created{' '}
-
- Learn.co
-
- , an online platform to get introduced to web development and the popular web framework,
- Ruby on Rails. Request an invite{' '}
-
- here
- {' '}
- and then join the #learn-dot-co channel in our Slack. Another resource is{' '}
-
- {' '}
- learnhowtoprogram.com{' '}
- {' '}
- , a resource maintained by Epicodus.
-
- ),
- },
- {
- title: 'Are mentors available? If so, how do I request one?',
- content: (
- <>
- While we do not have a long-term mentorship program, mentors are available for 30-minute
- sessions to assist you with things like mock interviews, code reviews, or general
- guidance. To request a mentorship session, type “/mentor” in any of our{' '}
-
- Slack channels
- {' '}
- and fill out the form.
-
- ),
- },
- {
- title: 'What are the hours of operation for Operation Code?',
- content: (
- <>
- Operation Code is different in that we don't have regular business office hours. The team
- can usually be found in, our{' '}
-
- Slack channel
- {' '}
- , or on{' '}
-
- GitHub
- {' '}
- , fixing bugs and implementing new features.
-
- ),
- },
- {
- title: "How can I help, if I can't afford to donate to Operation Code?",
- content: (
- <>
- In addition to requiring financial support, we also need{' '}
-
- volunteers
- {' '}
- and interns. The larger our community, the more we can spread the word about our work.
- Also, remember that every donation , no matter how modest,
- brings us closer to our goals.
-
- ),
- },
- {
- title: `I would like to receive Operation Code updates and news. How can I receive these
- communications?`,
- content: (
- <>
- We primarily use{' '}
-
- Twitter
- {' '}
- and{' '}
-
- Facebook
- {' '}
- to put out updates and news since it's faster to put out info and respond. Given our
- chosen craft, we don't do regular emails as often.
-
- ),
- },
- {
- title: "My question isn't listed. How do I contact Operation Code?",
- content: (
- <>
- If you have a question that isn't listed here on our FAQ, write to{' '}
-
- staff@operationcode.org
- {' '}
- , and we'll get back to you as soon as we can.
-
- ),
- },
- ],
- donation: [
- {
- title: 'What is the fastest way to make a donation?',
- content: (
- <>
- The fastest way to make a donation is through our secured online form{' '}
- here.
-
- ),
- },
- {
- title: 'I would rather mail a check. To whom do I make it out and where do I send it?',
- content: (
- <>
- It's less administrative work to accept online donations. Get in touch so we can assess
- your situation and contribution commitment.
-
- ),
- },
- {
- title: 'When will I receive a receipt for my contribution?',
- content: (
- <>
- When you make a donation to Operation Code online, you will receive an receipt by email.
-
- ),
- },
- {
- title: 'What percentage of my donation goes directly to helping the military community?',
- content: (
- <>
- Our goal is to direct 100 percent of online donations for programs and services, and keep
- administrative costs low while our annual fundraiser, grants and services fund operations.
-
- ),
- },
- {
- title: 'Can I donate items as gift in-kind?',
- content: (
- <>
- As a program-based nonprofit organization, Operation Code welcomes in-kind donations to
- directly benefit the organization, transitioning military, citizen-soldiers, veterans and
- their families in learning to code and building software to change the world. Items that
- are needed, include (but not limited to): frequent flyer miles, Adobe Cloud, used or new
- MacBook Air's, and grant writers.
-
- ),
- },
- {
- title: `I'd like to donate my software conference pass to an Operation Code member. How do I
- do that?`,
- content: (
- <>
- Get in touch, and we'll make an announcement in our Slack, tweet and/or write a blog post,
- and find a veteran to take your spot. Even then, travel and lodging is often a barrier.
-
- ),
- },
- {
- title: 'Can I make donations to a particular veteran or their family learning to code?',
- content: (
- <>
-
- Please get in touch with us directly,
- {' '}
- so we can ensure we find a good match.
-
- ),
- },
- {
- title: 'What is AmazonSmile and how can buying at Amazon help Operation Code?',
- content: (
- <>
- When you visit{' '}
-
- https://smile.amazon.com
- {' '}
- , you continue to have the same shopping experience as the same and most products
- available on amazon.com but you help Operation Code realize it 's mission. Once you've
- selected “Operation Code” everything else functions the same. Shop for your favorite
- products or the perfect gift. Most products are eligible on Amazon Smile, if not, you'll
- be notified. You can checkout normally as well. No extra cost is passed onto you–Amazon
- will donate 0.5% of your purchase to Operation Code! After you've successfully completed a
- purchase on AmazonSmile you can share the news with your friends on Facebook, Twitter or
- via email. This option appears on the confirmation page after your order is complete.
-
- ),
- },
- ],
- volunteer: [
- {
- title: 'How to Volunteer?',
- content: (
- <>
- If you would like to become a volunteer, please apply{' '}
-
- here
- {' '}
- .
-
- ),
- },
- {
- title: 'What volunteer opportunities are there at Operation Code?',
- content: (
- <>Currently, fundraising, community leaders, and grant writers are our current needs.
- ),
- },
- ],
-};
-
-function FAQ() {
- return (
-
- );
-}
-
-export default FAQ;
diff --git a/src/app/get_involved/layout.tsx b/src/app/get_involved/layout.tsx
new file mode 100644
index 000000000..ed24bd6d3
--- /dev/null
+++ b/src/app/get_involved/layout.tsx
@@ -0,0 +1,106 @@
+import type { PropsWithChildren } from 'react';
+import Link from 'next/link';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import Badge from '@/components/Badge/Badge';
+import Section from '@/components/Section/Section';
+import { buttonVariants } from '@/components/ui/button';
+import DonateSection from '@/components/ReusableSections/DonateSection/DonateSection';
+import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
+import HighfivingIcon from '@/static/images/icons/Custom/high_fiving.svg';
+import BullseyeIcon from '@/static/images/icons/Custom/bullseye.svg';
+import ManHoldingKeyIcon from '@/static/images/icons/Custom/man_holding_key.svg';
+import NetworkingIcon from '@/static/images/icons/Custom/networked_people.svg';
+import ChartIcon from '@/static/images/icons/Custom/chart.svg';
+import PeopleMeetingIcon from '@/static/images/icons/Custom/people_meeting.svg';
+import { s3 } from '@/lib/constants/urls';
+
+const mentorItems = [
+ {
+ icon: ,
+ label: 'Feel more confident',
+ },
+ {
+ icon: ,
+ label: 'Have defined career goals',
+ },
+ {
+ icon: ,
+ label: 'Reach their true potential',
+ },
+];
+
+const supportItems = [
+ {
+ icon: ,
+ label: 'Operations',
+ },
+ {
+ icon: ,
+ label: 'Fundraising',
+ },
+ {
+ icon: ,
+ label: 'Partnerships',
+ },
+];
+
+export default function GetInvolvedLayout({ children }: PropsWithChildren) {
+ return (
+
+
+
+
+ Help make an impact to transitioning service members, military veterans, military
+ spouses and dependents! You can help in several ways: Donate{' '}
+ to help provide scholarships and keep our daily operations afloat,{' '}
+ Volunteer, or become a{' '}
+ Corporate Partner.
+
+
+
+
+ Learn More
+
+
+ Join Us
+
+
+
+
+
+
+
By mentoring one of our members, you will help them:
+
+ {mentorItems.map((item) => (
+
+ ))}
+
+
+
+ {children}
+
+
+
+
+ We're always looking for volunteers who are dedicated to making an impact in the
+ lives of military veterans, service members, and spouses.
+
+
You can help us with:
+
+
+ {supportItems.map((item) => (
+
+ ))}
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/get_involved/page.mdx b/src/app/get_involved/page.mdx
new file mode 100644
index 000000000..185750a90
--- /dev/null
+++ b/src/app/get_involved/page.mdx
@@ -0,0 +1,16 @@
+export const metadata = { title: 'Get Involved' };
+
+
+
+
+
+### Empower Our Community and Support Our Mission
+
+Make a difference in the lives of our military community and help them reach their
+pursuits of a tech career.
+
+[Become A Mentor](/join)
+
+
+
+
diff --git a/src/app/get_involved/page.tsx b/src/app/get_involved/page.tsx
deleted file mode 100644
index d9bdaa282..000000000
--- a/src/app/get_involved/page.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import type { Metadata } from 'next';
-import Link from 'next/link';
-import Image from 'next/image';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Badge from '@/components/Badge/Badge';
-import Content from '@/components/Content/Content';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
-import Heading from '@/components/Heading/Heading';
-import DonateSection from '@/components/ReusableSections/DonateSection/DonateSection';
-import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
-import HighfivingIcon from '@/static/images/icons/Custom/high_fiving.svg';
-import BullseyeIcon from '@/static/images/icons/Custom/bullseye.svg';
-import ManHoldingKeyIcon from '@/static/images/icons/Custom/man_holding_key.svg';
-import NetworkingIcon from '@/static/images/icons/Custom/networked_people.svg';
-import ChartIcon from '@/static/images/icons/Custom/chart.svg';
-import PeopleMeetingIcon from '@/static/images/icons/Custom/people_meeting.svg';
-import { s3 } from '@/common/constants/urls';
-
-export const metadata: Metadata = { title: 'Get Involved' };
-
-const mentorItems = [
- {
- icon: ,
- label: 'Feel more confident',
- },
- {
- icon: ,
- label: 'Have defined career goals',
- },
- {
- icon: ,
- label: 'Reach their true potential',
- },
-];
-
-const supportItems = [
- {
- icon: ,
- label: 'Operations',
- },
- {
- icon: ,
- label: 'Fundraising',
- },
- {
- icon: ,
- label: 'Partnerships',
- },
-];
-
-function GetInvolved() {
- return (
-
-
-
-
- Help make an impact to transitioning service members, military veterans, military
- spouses and dependents! You can help in several ways: Donate{' '}
- to help provide scholarships and keep our daily operations afloat,{' '}
- Volunteer, or become a{' '}
- Corporate Partner.
-
-
-
- Learn More
- Join Us
-
-
-
-
- By mentoring one of our members, you will help them:,
-
- {mentorItems.map((item) => (
-
- ))}
-
,
- ]}
- />
-
-
-
-
,
-
-
-
-
- Make a difference in the lives of our military community and help them reach their
- pursuits of a tech career.
-
-
-
- Become A Mentor
-
-
,
- ]}
- />
-
-
-
- We're always looking for volunteers who are dedicated to making an impact in the lives
- of military veterans, service members, and spouses.
-
-
You can help us with:
-
,
-
- {supportItems.map((item) => (
-
- ))}
-
,
- ]}
- />
-
-
-
-
-
- );
-}
-
-export default GetInvolved;
diff --git a/src/app/history/layout.tsx b/src/app/history/layout.tsx
new file mode 100644
index 000000000..f39b29d02
--- /dev/null
+++ b/src/app/history/layout.tsx
@@ -0,0 +1,25 @@
+import type { PropsWithChildren } from 'react';
+import { s3 } from '@/lib/constants/urls';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function HistoryLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+
+
+ “There are no secrets to success. It is the result of preparation, hard work,
+ learning from failure.”
+
+ - Colin Powell
+
+
+
+ {children}
+
+ );
+}
diff --git a/src/app/history/page.mdx b/src/app/history/page.mdx
new file mode 100644
index 000000000..e6fd61edc
--- /dev/null
+++ b/src/app/history/page.mdx
@@ -0,0 +1,11 @@
+import Timeline from '@/components/Timeline/Timeline';
+import TimelineNav from '@/components/Timeline/TimelineNav/TimelineNav';
+
+export const metadata = { title: 'History' };
+
+
+
+
+
+
+
diff --git a/src/app/history/page.tsx b/src/app/history/page.tsx
deleted file mode 100644
index 465808c07..000000000
--- a/src/app/history/page.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import type { Metadata } from 'next';
-import { s3 } from '@/common/constants/urls';
-import Content from '@/components/Content/Content';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Timeline from '@/components/Timeline/Timeline';
-import TimelineNav from '@/components/Timeline/TimelineNav/TimelineNav';
-
-const pageTitle = 'History';
-
-export const metadata: Metadata = { title: pageTitle };
-
-function History() {
- return (
-
-
-
-
- “There are no secrets to success. It is the result of preparation, hard work, learning
- from failure.”
-
- - Colin Powell
-
-
-
-
-
-
- ,
- ]}
- />
-
- );
-}
-
-export default History;
diff --git a/src/app/jobs/layout.tsx b/src/app/jobs/layout.tsx
new file mode 100644
index 000000000..bac647bb2
--- /dev/null
+++ b/src/app/jobs/layout.tsx
@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function JobsLayout({ children }: { children: ReactNode }) {
+ return (
+ <>
+
+ {children}
+
+ );
+}
diff --git a/src/app/jobs/page.tsx b/src/app/jobs/page.tsx
index 4626047e6..00cb0f12a 100644
--- a/src/app/jobs/page.tsx
+++ b/src/app/jobs/page.tsx
@@ -1,34 +1,23 @@
import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
+import Section from '@/components/Section/Section';
import FeaturedJobsData from '@/components/FeaturedJobItem/featuredJobs.json';
import FeaturedJobItem from '@/components/FeaturedJobItem/FeaturedJobItem';
import ZipRecruiterJobs from '@/components/ZipRecruiterJobs/ZipRecruiterJobs';
-const pageTitle = 'Jobs';
-
-export const metadata: Metadata = { title: pageTitle };
+export const metadata: Metadata = { title: 'Jobs' };
function Jobs() {
return (
<>
-
-
- job.status === 'active').map((job) => (
+
+ {FeaturedJobsData.filter((job) => job.status === 'active').map((job) => (
))}
- />
+
- ]}
- />
+
+
+
);
}
diff --git a/src/app/join/JoinContent.tsx b/src/app/join/JoinContent.tsx
index 082937957..8dedf29a6 100644
--- a/src/app/join/JoinContent.tsx
+++ b/src/app/join/JoinContent.tsx
@@ -3,11 +3,11 @@
import { useEffect, useState } from 'react';
import { useRouter } from 'next/navigation';
import Link from 'next/link';
-import { gtag } from '@/common/utils/thirdParty/gtag';
+import { gtag } from '@/lib/utils/thirdParty/gtag';
import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
+import Section from '@/components/Section/Section';
import { RegistrationForm } from '@/components/Forms/RegistrationForm/RegistrationForm';
-import Modal from '@/components/Modal/Modal';
+import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
const pageTitle = 'Join';
@@ -48,29 +48,33 @@ export default function JoinContent({ hasRegistrationError }: { hasRegistrationE
- ]} />
+
+
+
- setIsErrorModalOpen(false)}
- screenReaderLabel="Registration error"
+
+
+ Registration error
+
+
Registration Incomplete
+
+ It looks like we're missing information from the first step of registration. Please
+ complete the form below to get started.
+
+
+ If you've already completed this step and were unexpectedly redirected here, something
+ may be wrong on our end. Please email us at{' '}
+
+ staff@operationcode.org
+ {' '}
+ so we can help.
+
+
+
+
);
}
diff --git a/src/app/join/form/page.tsx b/src/app/join/form/page.tsx
index 29a065139..9e69d9c85 100644
--- a/src/app/join/form/page.tsx
+++ b/src/app/join/form/page.tsx
@@ -2,7 +2,7 @@ import { cookies } from 'next/headers';
import { redirect } from 'next/navigation';
import type { Metadata } from 'next';
import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
+import Section from '@/components/Section/Section';
import UpdateProfileForm from '@/components/Forms/UpdateProfileForm/UpdateProfileForm';
export const metadata: Metadata = { title: 'Update Profile' };
@@ -13,15 +13,15 @@ export default async function UpdateProfile() {
const cookieStore = await cookies();
const opCodeApplicantEmail = cookieStore.get('opCodeApplicantEmail');
- if (!opCodeApplicantEmail) {
- redirect('/');
- }
+ if (!opCodeApplicantEmail) redirect('/');
return (
<>
- ]} />
+
+
+
);
}
diff --git a/src/app/join/success/page.tsx b/src/app/join/success/page.tsx
index 0804868cc..9e3923d94 100644
--- a/src/app/join/success/page.tsx
+++ b/src/app/join/success/page.tsx
@@ -1,6 +1,7 @@
import type { Metadata } from 'next';
-import { SUCCESS_PAGE_MESSAGE } from '@/common/constants/testIDs';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
+import Link from 'next/link';
+import { SUCCESS_PAGE_MESSAGE } from '@/lib/constants/testIDs';
+import { buttonVariants } from '@/components/ui/button';
import HeroBanner from '@/components/HeroBanner/HeroBanner';
import OutboundLink from '@/components/OutboundLink/OutboundLink';
@@ -24,9 +25,9 @@ export default function JoinSuccess() {
.
-
+
Go Home
-
+
);
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b11c57bba..cf0ae8513 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,15 +1,29 @@
-import '@/common/styles/globals.css';
+import '@/lib/styles/globals.css';
import type { Metadata } from 'next';
import Script from 'next/script';
import type { PropsWithChildren } from 'react';
+import { Encode_Sans, Bebas_Neue } from 'next/font/google';
-import { clientTokens } from '@/common/config/environment';
+import { clientTokens } from '@/lib/config/environment';
import { AnalyticsProvider } from '@/components/Analytics/AnalyticsProvider';
import Footer from '@/components/Footer/Footer';
import Nav from '@/components/Nav/Nav';
import { ScrollToTopButton } from '@/components/ScrollToTopButton/ScrollToTopButton';
+const encodeSans = Encode_Sans({
+ subsets: ['latin'],
+ variable: '--font-encode',
+ display: 'swap',
+});
+
+const bebasNeue = Bebas_Neue({
+ weight: '400',
+ subsets: ['latin'],
+ variable: '--font-bebas',
+ display: 'swap',
+});
+
const defaultOgImage = `https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/oc_image.png`;
export const metadata: Metadata = {
@@ -47,7 +61,7 @@ export default function RootLayout({ children }: PropsWithChildren) {
const isProduction = process.env.VERCEL_ENV === 'production';
return (
-
+
{isProduction ? (
diff --git a/src/app/page.tsx b/src/app/page.tsx
deleted file mode 100644
index 2aee2adc4..000000000
--- a/src/app/page.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
-import SponsorsSection from '@/components/ReusableSections/SponsorsSection/SponsorsSection';
-import SuccessStory from '@/components/SuccessStory/SuccessStory';
-import Heading from '@/components/Heading/Heading';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
-import { s3 } from '@/common/constants/urls';
-import { cx } from '@/common/utils/cva';
-
-export const metadata: Metadata = { title: 'Home' };
-
-const successStories = [
- {
- title: 'Ali Cipolla-Taylor, Talent Acquisition at Microsoft',
- quote:
- "I finished MSTA the last week of February, and then COVID hit. Employment was not going to happen…to anyone. I kept making calls, working on my skills, and throwing myself out there, and I got a role as a vendor at Microsoft. I'm half of the Data Privacy, Compliance, and Controls team for Talent Acquisition now. I had a lot of hard conversations with myself. I learned to lean into a support network, locally and online, through OpCode. I'm notoriously shy on the internet, but I knew that I couldn't do this alone. Change happens when the discomfort of making the change is less than the life you're living.",
- imageSource: `${s3}headshots/ali.jpg`,
- },
- {
- title: 'Princeton Baker, Enterprise Security Analyst',
- quote:
- 'I am a Navy vet. I started at the US Navy Ceremonial Guard then to Norfolk to work on ship weapon systems to Miami then San Diego as a Corpsman. I struggled mentally when I first got out. I really had to dig deep and find who I am not what I think I am. I am not just a veteran or software developer or the annoying security guy. I think many veterans are looking for a title and a clear path. I found out quickly on this side of civilization you have to make your own path. I did a 16-week full time coding boot camp while full time in school with a wife and two young boys during quarantine. Right now I am an Enterprise Security Analyst for a payment company and I love it. It is my first role in tech.',
- imageSource: `${s3}headshots/princeton.jpg`,
- },
- {
- title: 'Jose Camilo, Full-Stack Developer',
- quote:
- 'I joined the Army in 2014 as an active duty Calvary Scout. In 2017, I left active duty to continue college and joined the Army Reserves as a Human Resources Specialist. Still serving in the Reserves now. I doubted myself a lot, wondering the type of role I should focus on, the type of tech/ tools I should learn. Starting courses that I would not finish, and starting projects that I would not finish. It sounds like I been training for 2 years to get to this point, but in reality, there were many occasions in which I did not code for weeks due to being overwhelmed and option paralysis. This was also around the time I discovered Operation Code. I am now a Full Stack Developer at UBS.',
- imageSource: `${s3}headshots/jose.jpg`,
- },
-];
-
-function Home() {
- return (
-
-
-
-
- We're the largest community of military veterans, service members, and spouses committed
- to becoming software developers with the help of mentors, scholarships, and our tech
- partners.
-
-
-
-
-
- Learn More
-
-
- Join Us
-
-
-
-
-
-
-
- We serve our veterans, service members, and their families, work alongside their
- journey through the tech industry, and help them thrive in their careers to code a
- better future.
-
-
,
- ]}
- />
-
- (
-
- ))}
- className="pb-24"
- />
-
-
-
-
-
- );
-}
-
-export default Home;
diff --git a/src/app/podcast/PodcastPlayer.tsx b/src/app/podcast/PodcastPlayer.tsx
deleted file mode 100644
index 3e594c2f6..000000000
--- a/src/app/podcast/PodcastPlayer.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-
-const ReactPlayer = dynamic(() => import('react-player/lazy'), { ssr: false });
-
-interface PodcastPlayerProps {
- url: string;
-}
-
-export default function PodcastPlayer({ url }: PodcastPlayerProps) {
- return (
-
- );
-}
diff --git a/src/app/podcast/episodes.ts b/src/app/podcast/episodes.ts
new file mode 100644
index 000000000..6bd0d5e86
--- /dev/null
+++ b/src/app/podcast/episodes.ts
@@ -0,0 +1,179 @@
+export interface Episode {
+ name: string;
+ image: string;
+ source: string;
+ story: string;
+}
+
+const episodes: Episode[] = [
+ {
+ name: 'Karla Gil, JavaScript programmer',
+ image: '/podcast/images/karla-gil-javascript-programmer.jpg',
+ source: '/podcast/audio/karla-gil-javascript-programmer.mp3',
+ story:
+ "She was always attracted to coding and pursued her interest while still in the service. Upon getting out, she went to the General Assembly coding school. She spent a year helping someone with their website and then landed a job at a startup in Des Moines, Iowa, which has a worker-safety system, with a badge that workers wear and a cloud service. Karla has a lot to say about resilience, self-confidence, and under-promising and over-delivering. Her story should be an inspiration to anyone who thinks they'd like to get into software but isn't sure they can do it. She did it and maybe you can, too!",
+ },
+ {
+ name: 'Vincent Abruzzo, Marine',
+ image: '/podcast/images/vincent-abruzzo-marine.jpg',
+ source: '/podcast/audio/vincent-abruzzo-marine.mp3',
+ story:
+ 'Vincent started programming in the mid-90s when he stumbled across AOL punters and similar tools. At the age of 18, he joined the Marine Corps. His specialty for the Corps was "data network specialist." Vincent spent time in Bahrain and Djibouti, Africa, where he won a Navy and Marine Corps achievement medal for building the first defense message system network in the field. He was honorably discharged at the rank of Sergeant after 4 years. After being discharged Vincent pursued a career in academia. He was awarded a Master\'s degree in 2012 in philosophy and cognitive science and went on to a Ph.D. program at UMass, Amherst where he taught philosophy classes and did research for his dissertation. He decided to leave academia in 2015 and return to programming professionally. Since returning to programming he has worked as a software engineer and lead instructor for the General Assembly web development immersive course and the React part-time course. He is now a senior software engineer at First Look Media. He loves to teach and spends a lot of time in the Operation Code Slack channels where he sometimes mentors. He also volunteers for Codebar, Code Nation, and Back On My Feet, where he exercises with homeless veterans and will be headed to Puerto Rico in March to help with disaster relief with All Hearts All Hands.',
+ },
+ {
+ name: 'Ali Taylor-Cipolla',
+ image: '/podcast/images/ali-taylor-cipolla.jpg',
+ source: '/podcast/audio/ali-taylor-cipolla.mp3',
+ story:
+ "Ali Taylor-Cipolla is married to an Air Force vet of 14 years. Among her jobs prior to studying at the Microsoft Military Spouse Training Academy, Ali was the head chef at a fraternity at Mississippi State University, and a cook at a Popeye's on a military base in Germany. She and her future husband drove from London to Ulan Bator in Mongolia, which is 10,000 miles, in a $500 car. She's now learning the Microsoft cloud infrastructure and graduates very soon.",
+ },
+ {
+ name: 'Seth Lewis, 9 years Air Force',
+ image: '/podcast/images/seth-lewis-9-years-air-force.jpg',
+ source: '/podcast/audio/seth-lewis-9-years-air-force.mp3',
+ story:
+ "Seth spent 9 years in the Air Force, flying on transport planes to every continent but Australia. He spent his downtime on the flights studying technology, and after separating, went to Lambda School and then Hack Reactor. He's now applying his skills, especially Docker and Kubernetes, at one of the biggest names in technology. If you've ever wondered what students learn in a code school, Seth explains that in considerable depth.",
+ },
+ {
+ name: 'Silas Avilez',
+ image: '/podcast/images/silas-avilez.jpg',
+ source: '/podcast/audio/silas-avilez.mp3',
+ story:
+ "Silas enlisted in the Army at age 17, served in logistics, and was deployed to Afghanistan. While he was in, he studied accounting, finance, and investing on his own, and when he separated, he was ready. He enrolled in the Veteran Capital program and built his sales and networking skills, and now he's just starting a new job at Lucid Dream VR in North Carolina.",
+ },
+ {
+ name: 'Jeff Kenworthy',
+ image: '/podcast/images/jeff-kenworthy.jpg',
+ source: '/podcast/audio/jeff-kenworthy.mp3',
+ story:
+ "Jeff is an Army vet who's had some tough times but he prefers to think about how far he's come. One day after moving into a Salvation Army shelter with his wife and two kids, they found out she was pregnant with twins! But now he's got a job helping victims of ransom attacks and moved his family into their own place. Jeff is also in a degree program with the University of Maryland. (Note: you will hear some background kid noise in spots. This is just Jeff's life right now.)",
+ },
+ {
+ name: 'Keith Fosmire',
+ image: '/podcast/images/keith-fosmire.jpg',
+ source: '/podcast/audio/keith-fosmire.mp3',
+ story:
+ 'Keith Fosmire spent 10 years in the Air Force as a satellite technician and then volunteered for combat duty in the Army. He got his degree in Computer Science, is married, and now works for CoveyCS in upstate New York. He works with electronics in his spare time and his great ambition is to work in Linux Kernel development!',
+ },
+ {
+ name: 'Gary Krause',
+ image: '/podcast/images/gary-krause.jpg',
+ source: '/podcast/audio/gary-krause.mp3',
+ story:
+ "Gary is an active-duty Navy cryptologic technician, getting out of the Navy in a few months. He's a Chief Petty Officer who is now interning at SIXGEN, which is a company that does all sorts of cybersecurity tasks. Gary has a deep background in cybersecurity and knows Ruby on Rails and Python, and is also fluent in Mandarin! (I test him on this at 4:00)",
+ },
+ {
+ name: 'Rod Levy, Code Platoon',
+ image: '/podcast/images/rod-levy-code-platoon.jpg',
+ source: '/podcast/audio/rod-levy-code-platoon.mp3',
+ story:
+ "Rod Levy and Alicia Boddy of Code Platoon, a code school for veterans, active duties, and military spouses join us for a panel discussion. Kelly Macleod, an Army veteran and Operation Code (OC) member represents the OC community. Code Platoon has recently been certified for VET-TEC, an exciting new program where the student doesn't even have to use their GI Bill benefits! Rod and Alicia tell us all about Code Platoon's history, how the VET-TEC program works, and why hiring veterans is just smart business.",
+ },
+ {
+ name: 'Josh Carter',
+ image: '/podcast/images/josh-carter.jpg',
+ source: '/podcast/audio/josh-carter.mp3',
+ story:
+ "Josh Carter Joined with David Molina and others to launch Operation Code. Together they led the campaign to make code schools eligible for GI Bill payments, enabling our vets to train for good, high-paying jobs without college. Josh tells us how that happened, and also traces his career path from art school to the Navy, to a job pulling cable for a telecomm company, to his current roles as entrepreneur and CEO. We also talk about the changing face of software development, and how hiring veterans isn't charity -- it's just smart business.",
+ },
+ {
+ name: 'Katie Swisher',
+ image: '/podcast/images/katie-swisher.jpg',
+ source: '/podcast/audio/katie-swisher.mp3',
+ story:
+ "Katie is a military spouse; her husband is on active duty in the Army. She works from home for a mobile app development company, as a Product Manager! in this interview Katie tells us her career history and how she came to be moving across the country to an area where she didn't know anyone, as a newlywed. Fortunately her company in Pennsylvania offered to keep her on as a remote worker, and we get to hear how that's worked out for her. Katie also has advice for military spouses and others thinking about moving into high tech (spoiler: jump right in!)",
+ },
+ {
+ name: 'Mike Rodriguez',
+ image: '/podcast/images/mike-rodriguez.jpg',
+ source: '/podcast/audio/mike-rodriguez.mp3',
+ story:
+ "Mike Rodriguez is an former Marine who became a Windows XP administrator in the service, and he's stayed with it. He wanted to be a tank crewman, but unfortunately his partial color blindness limited the jobs he could perform inside a tank, so he had to take a different career path, and now here he is! There are all kinds of ways people come to computers. Mike was deployed to Iraq in 2005. Now he works for Teradata as an Application Security Analyst.",
+ },
+ {
+ name: 'Dick Sonderegger',
+ image: '/podcast/images/dick-sonderegger.jpg',
+ source: '/podcast/audio/dick-sonderegger.mp3',
+ story:
+ "Dick Sonderegger has a much different story than most of our veterans -- he learned computers in the Marines during the Vietnam era. His story of HOW he got into computers is probably the best one I've ever heard, and you'll just have to listen to find it out! We shared an office for a few months on the Xerox Star project in the late 70's, and then I lost track of him. In this interview we talk about his Harvard and Marines experiences, his time at Data General during the \"Soul of a New Machine\" era (he knew those people), the Xerox Star effort and the big lightning storm that fried the local Ethernet, and much more.",
+ },
+ {
+ name: 'Rami Mouro',
+ image: '/podcast/images/rami-mouro.jpg',
+ source: '/podcast/audio/rami-mouro.mp3',
+ story:
+ 'Rami Mouro was born in Syria, and came to the US in his teens. He served in the National Guard in between going to the University of Colorado at Boulder, and is currently finishing up his degree. He has an internship coming up at Qualcomm, and is especially interested in embedded systems and cybersecurity. In this interview, we hear about Capture the Flag contests at hacker conferences, and also what it was like growing up in Damascus!',
+ },
+ {
+ name: 'Emilie Schario',
+ image: '/podcast/images/emilie-schario.jpg',
+ source: '/podcast/audio/emilie-schario.mp3',
+ story:
+ "Emilie is a data analyst with GitLab, and is married to an active duty military officer. She came to the profession in a non-standard way -- via a degree in Political Science from Princeton! Being a military spouse meant that she needed the ability to work remotely, since she might be moving constantly. At GitLab, ALL employees are remote, so it's perfect. She had a natural ability to think critically and use data to make decisions, and she was able to pick up coding from books and online resources. If you're interested in Data Science, this is the interview for you, since we go into a lot of detail on how she thinks and what a data scientist actually does day to day.",
+ },
+ {
+ name: 'Robert E. Woods III',
+ image: '/podcast/images/robert-e-woods-iii.jpg',
+ source: '/podcast/audio/robert-e-woods-iii.mp3',
+ story:
+ "Robert is an Air Force veteran who's now in grad school at Columbia. He's running Banneret, a company working to create opportunities for vets by making on-the-job training eligible for GI Bill benefits. In this interview, he traces his path through ROTC, active duty in the Air Force, and current work with Banneret. He talks about his program and other non-college paths to a post-military career, the unique strengths that veterans bring to the job, and the importance of having non-negotiable goals in your life.",
+ },
+ {
+ name: 'Kelly MacLeod',
+ image: '/podcast/images/kelly-macleod.jpg',
+ source: '/podcast/audio/kelly-macleod.mp3',
+ story:
+ 'Kelly served in the Guard in Iraq and Afghanistan, learned to code via online courses and self-teaching, worked as a freelancer, and is now with Topcoder, a crowdsourcing solutions company. She talks about her career path through college, military service, getting out and being an Admin, and deciding she could do even more. So she used the free resources on the Web and some of the online academies to learn to code, worked as a freelance developer, and now has a full time job with Topcoder.com. Kelly also talks about the challenges facing military spouses and how "freelance developer" is a great career that they can practice anywhere there\'s Internet.',
+ },
+ {
+ name: 'Colleen Schnettler',
+ image: '/podcast/images/colleen-schnettler.jpg',
+ source: '/podcast/audio/colleen-schnettler.mp3',
+ story:
+ "Colleen is the wife of an active-duty pilot with 17 years in the service. She was getting frustrated with the career difficulties that come with the military's constant moves, and so she taught herself Ruby On Rails! Now she works from home with a variety of clients, and she could practice her new career from anywhere there's Internet. Colleen describes how she got into coding, what her clients are like, and how much she loves what she's doing. She also recounts her first contribution to Operation Code's open source codebase and what a difference a supportive community makes for a beginner.",
+ },
+ {
+ name: 'David Silvia Interview',
+ image: '/podcast/images/david-silvia-interview.jpg',
+ source: '/podcast/audio/david-silvia-interview.mp3',
+ story:
+ "David had no particular interest in Computer Science when he left the Marines, but he went to Mass Bay Community College and caught the bug. He transferred to Northeastern's co-op program and did two co-op gigs, one of which led to an offer for a full-time job. David talks about his journey to being a computer scientist, what languages he likes, what skills military veterans bring to a potential employer, and how Operation Code is helping him & others like him.",
+ },
+ {
+ name: 'James Fitzer Interview',
+ image: '/podcast/images/james-fitzer-interview.jpg',
+ source: '/podcast/audio/james-fitzer-interview.mp3',
+ story:
+ "In this interview, James tells us about his path into computer software from a 10-year Army career, including a stint as Drill Instructor (hear how the movie Full Metal Jacket continues to influence DI's!). James also has a fairly unusual hobby: he wrestles professionally, in an independent organization in Dallas.",
+ },
+ {
+ name: 'Kyle Holmberg, Part 1',
+ image: '/podcast/images/kyle-holmberg-part-1.jpg',
+ source: '/podcast/audio/kyle-holmberg-part-1.mp3',
+ story:
+ "Kyle was a developer with AutoGravity in Sept. 2018 when we conducted this interview. Since then he's moved on to a different job, which is why we titled this \"Part 1.\" We're looking forward to catching up with him when he's settled in his new job! Kyle was enrolled in ROTC in college, but never actually went on active duty. He's also working actively on Operation Code's own website. Many, or even most of Kyle's colleagues at AutoGravity attended code schools, and we talk about that in depth. The job market is so hot now that some of them receive job offers before they even finish!",
+ },
+ {
+ name: 'Lito Villanueva interview',
+ image: '/podcast/images/lito-villanueva-interview.jpg',
+ source: '/podcast/audio/lito-villanueva-interview.mp3',
+ story:
+ 'Lito served in the Air Force and then did two terms as a contractor in networking at forward operating bases in Afghanistan. In this interview he tells what it was like maintaining the network while coming under mortar fire every day, and what his startup Battle Buddy is aiming to do for veterans coming back from service.',
+ },
+ {
+ name: 'David Molina interview',
+ image: '/podcast/images/david-molina-interview.jpg',
+ source: '/podcast/audio/david-molina-interview.mp3',
+ story:
+ 'Ep. 002 - David Molina is the founder of Operation Code. In this interview, he describes his Army career, how he found his way into the tech industry with no prior training, and how he started Operation Code to help veterans like him learn software and code the future.',
+ },
+ {
+ name: 'Conrad Hollomon interview',
+ image: '/podcast/images/conrad-hollomon-interview.jpg',
+ source: '/podcast/audio/conrad-hollomon-interview.m4a',
+ story:
+ 'Ep. 001 - Conrad Hollomon went to Berklee School of Music and originally wanted to write scores for film and TV. Finding that a tough career to enter, he moved over into video games and technology, joined ROTC, went to Afghanistan for the National Guard, and is now Executive Director of Operation Code! In this interview, Conrad recounts his career and the work Operation Code is doing to help veterans, active duty personnel and military spouses.',
+ },
+];
+
+export default episodes;
diff --git a/src/app/podcast/layout.tsx b/src/app/podcast/layout.tsx
new file mode 100644
index 000000000..a3649d812
--- /dev/null
+++ b/src/app/podcast/layout.tsx
@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function PodcastLayout({ children }: { children: ReactNode }) {
+ return (
+
+
+
Come listen to some inspiring stories of our vets transitioning into tech!
- We demanded that Congress develop policies to make veterans more competitive for careers
- in the tech sector. Mission accomplished!
-
-
-
-
-
- 2%
-
-
- Percentage of the tech industry that are veterans.
-
-
-
-
-
- 1,600,000+
-
-
- Software development job postings between 2016 and 2017.
-
-
-
-
-
- );
-}
-
-export default Policy;
diff --git a/src/app/press/layout.tsx b/src/app/press/layout.tsx
new file mode 100644
index 000000000..5fcbb2c18
--- /dev/null
+++ b/src/app/press/layout.tsx
@@ -0,0 +1,41 @@
+import type { PropsWithChildren } from 'react';
+import Link from 'next/link';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import Section from '@/components/Section/Section';
+import Photos from '@/components/Press/PressPhotos/PressPhotos';
+import Videos from '@/components/Press/PressVideos/PressVideos';
+import Links from '@/components/Press/PressLinks/PressLinks';
+
+export default function PressLayout({ children }: PropsWithChildren) {
+ return (
+
+
+
+ This page is designed to make a journalist's job easy in writing, blogging, or documenting
+ Operation Code. Below you will find targeted information corresponding to common
+ representative visitors, videos, photos, press releases, and branding details.
+
+
+
+ {children}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ View Our Branding
+
+
+
+ );
+}
diff --git a/src/app/press/page.mdx b/src/app/press/page.mdx
new file mode 100644
index 000000000..1001caaba
--- /dev/null
+++ b/src/app/press/page.mdx
@@ -0,0 +1,56 @@
+export const metadata = { title: 'Press' };
+
+
+
+If you are looking for our mission statement or our values, please
+[go to the About page](/about). On other pages of our website you can
+[see answers to frequently asked questions](/faq),
+[view our history](/history), and
+[learn more about our staff](/team). Lastly, if you are seeking
+information not located on our website, please do not hesitate to email us at
+staff@operationcode.org.
+
+
+
+
+
Code Schools
+
+If your school has recently partnered with our organization and is seeking
+information to write about it in a blog post, we recommend joining our Slack team
+to receive personal recommendations from our members, many of whom have attended
+various coding schools - perhaps yours!
+
+
+
+
+
+
+
Partnered Organizations
+
+We have long-standing, productive partnerships with some amazing companies, and
+yours could be one of them! Organizations that put our members and our open source
+work on a pedastal, can look forward to receive social media blasts and the
+appreciation of America's military veterans. If you are thinking about a
+partnership with Operation Code, but are unsure of what to offer our members,
+let's talk. If
+you're seeking information to display in announcing the partnership, please see
+below!
+
+
+
+
+
+
+
Media Outlets
+
+The staff at Operation Code thank you for taking your time to represent us in your
+work. If your piece has a specific theme or target, and you'd like some custom
+contributions, please join our organization to receive a Slack team invite. There
+you'll likely find many Operation Code members willing and able to offer personal
+anecdotes and first-hand interviews!
+
+
+
+
+
+
diff --git a/src/app/press/page.tsx b/src/app/press/page.tsx
deleted file mode 100644
index 61ee8e457..000000000
--- a/src/app/press/page.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import Link from 'next/link';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import Photos from '@/components/Press/PressPhotos/PressPhotos';
-import Videos from '@/components/Press/PressVideos/PressVideos';
-import Links from '@/components/Press/PressLinks/PressLinks';
-
-const pageTitle = 'Press';
-
-export const metadata: Metadata = { title: pageTitle };
-
-function Press() {
- return (
-
-
-
- This page is designed to make a journalist's job easy in writing, blogging, or documenting
- Operation Code. Below you will find targeted information corresponding to common
- representative visitors, videos, photos, press releases, and branding details.
-
-
-
-
-
- If you are looking for our mission statement or our values, please{' '}
- go to the About page. On other pages of our website you can{' '}
- see answers to frequently asked questions,{' '}
- view our history, and{' '}
- learn more about our staff. Lastly, if you are seeking
- information not located on our website, please do not hesitate to email us at{' '}
-
- staff@operationcode.org
-
- .
-
- ,
-
-
-
-
Code Schools
-
- If your school has recently partnered with our organization and is seeking
- information to write about it in a blog post, we recommend joining our Slack team
- to receive personal recommendations from our members, many of whom have attended
- various coding schools - perhaps yours!
-
-
-
-
-
-
-
Partnered Organizations
-
- We have long-standing, productive partnerships with some amazing companies, and
- yours could be one of them! Organizations that put our members and our open source
- work on a pedastal, can look forward to receive social media blasts and the
- appreciation of America's military veterans. If you are thinking about a
- partnership with Operation Code, but are unsure of what to offer our members,{' '}
- let's talk. If
- you're seeking information to display in announcing the partnership, please see
- below!
-
-
-
-
-
-
-
Media Outlets
-
- The staff at Operation Code thank you for taking your time to represent us in your
- work. If your piece has a specific theme or target, and you'd like some custom
- contributions, please join our organization to receive a Slack team invite. There
- you'll likely find many Operation Code members willing and able to offer personal
- anecdotes and first-hand interviews!
-
,
- ]}
- />
-
- );
-}
-
-export default Press;
diff --git a/src/app/project_rebuild/layout.tsx b/src/app/project_rebuild/layout.tsx
new file mode 100644
index 000000000..f8752f3f2
--- /dev/null
+++ b/src/app/project_rebuild/layout.tsx
@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function ProjectRebuildLayout({ children }: { children: ReactNode }) {
+ return (
+ <>
+
+
+ {children}
+
+ );
+}
diff --git a/src/app/project_rebuild/page.mdx b/src/app/project_rebuild/page.mdx
new file mode 100644
index 000000000..8e13b66a3
--- /dev/null
+++ b/src/app/project_rebuild/page.mdx
@@ -0,0 +1,107 @@
+export const metadata = { title: 'Project Rebuild' };
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { buttonVariants } from '@/components/ui/button';
+
+
+
+
+
+
+
+
+
+
+
+
+
+In conjunction with Fresh Start Refugee Assistance Center, an Afghan-American led
+non-profit, and Globally.org's ReUp Refugee Tech Re-Skilling Program, Operation Code
+is pleased to announce that we are expanding our Project Rebuild Refugee Tech Training
+Program. Since March 2022, Operation Code launched the initial pilot cohort, with 8
+Afghan refugee participants in attendance. We have expanded the cohorts to include
+Ukrainian refugees and Ukrainian transitioning military service members and their
+spouses.
+
+**Fresh Start provides wraparound services** such as:
+initial refugee resettlement efforts, ESL classes, driver's education and licensing,
+affordable housing, mental health and cultural transition support as well as job
+search assistance.
+
+**Operation Code provides hands-on tech training and ongoing mentorship,
+apprenticeships and hiring** by providing our refugee participants a scholarship to complete one certification
+during the six-month cohort. Pairing a refugee with a Veteran or military spouse
+mentor to meet on a regular cadence, our two communities can continue to "rebuild" our
+parallel experiences, provide a tech-focused workforce development program and help
+refugees obtain high paid and meaningful work.
+
+**Through ongoing partnerships and hiring partners, ReUP by Globally** also helps to accelerate and simplify the job hiring process for newly arrived Afghans
+in the United States, providing candidates with a path to access opportunities
+commensurate with their prior work experience and education.
+
+
+
+
+
+Are you interested in participating in future cohorts of Project Rebuild as a student?
+We currently train and provide scholarships for at least one tech Google certification
+in these areas: cybersecurity, data analytics, digital marketing and e-commerce, UI/UX
+design, and project management. Pending financial assistance available, we may also
+cover one (1) tech certification exam such as A+, Network+ or Sec+.
+
+Each cohort runs for six (6) months conducted remotely at your own pace. We will pair
+you with a mentor in our military community who currently works in tech and fits your
+objectives and/or geographical location. You must have proficient English speaking and
+reading capability and proficient computer and keyboard use.
+
+Still interested? Fill out the application form.
+
+
+
+
+
+We need your help to continue this impactful and life-changing program! You can
+provide in-kind donations such as new laptops, software licenses, or volunteer as a
+tech mentor or hiring partner!
+
+We also need financial donations that will go directly to support the participants to
+be able to focus on their certifications and tech training through a living stipend.
+Donate what you can.
+
+
+
+
+
+The funds for the Project Rebuild Program is dependent on your financial support and
+not taken from our general fund for U.S. military service members, Veterans and
+military spouses. Please consider supporting this life-changing program and directing
+your donations specifically for Project Rebuild.
+
+WE CANNOT MEET OUR MISSION WITHOUT YOUR HELP! DONATE YOUR BEST AMOUNT TODAY. Contact
+us to volunteer or donate in-kind services/hardware/software at: staff@operationcode.org
+
+
+ Donate
+
+
+
diff --git a/src/app/project_rebuild/page.tsx b/src/app/project_rebuild/page.tsx
deleted file mode 100644
index 4ab71a168..000000000
--- a/src/app/project_rebuild/page.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import Image from 'next/image';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
-import { s3 } from '@/common/constants/urls';
-
-const pageTitle = 'Project Rebuild';
-
-export const metadata: Metadata = { title: pageTitle };
-
-function ProjectRebuild() {
- return (
-
-
-
-
-
-
-
-
,
- ]}
- />
-
-
-
- In conjunction with Fresh Start Refugee Assistance Center, an Afghan-American led
- non-profit, and Globally.org's ReUp Refugee Tech Re-Skilling Program, Operation Code
- is pleased to announce that we are expanding our Project Rebuild Refugee Tech Training
- Program. Since March 2022, Operation Code launched the initial pilot cohort, with 8
- Afghan refugee participants in attendance. We have expanded the cohorts to include
- Ukrainian refugees and Ukrainian transitioning military service members and their
- spouses.
-
-
-
- Fresh Start provides wraparound services such as:
- initial refugee resettlement efforts, ESL classes, driver's education and licensing,
- affordable housing, mental health and cultural transition support as well as job
- search assistance.
-
-
-
-
- Operation Code provides hands-on tech training and ongoing mentorship,
- apprenticeships and hiring
- {' '}
- by providing our refugee participants a scholarship to complete one certification
- during the six-month cohort. Pairing a refugee with a Veteran or military spouse
- mentor to meet on a regular cadence, our two communities can continue to "rebuild" our
- parallel experiences, provide a tech-focused workforce development program and help
- refugees obtain high paid and meaningful work.
-
-
-
-
- Through ongoing partnerships and hiring partners, ReUP by Globally
- {' '}
- also helps to accelerate and simplify the job hiring process for newly arrived Afghans
- in the United States, providing candidates with a path to access opportunities
- commensurate with their prior work experience and education.
-
- ,
- ]}
- />
-
-
-
- Are you interested in participating in future cohorts of Project Rebuild as a student?
- We currently train and provide scholarships for at least one tech Google certification
- in these areas: cybersecurity, data analytics, digital marketing and e-commerce, UI/UX
- design, and project management. Pending financial assistance available, we may also
- cover one (1) tech certification exam such as A+, Network+ or Sec+.
-
-
-
- Each cohort runs for six (6) months conducted remotely at your own pace. We will pair
- you with a mentor in our military community who currently works in tech and fits your
- objectives and/or geographical location. You must have proficient English speaking and
- reading capability and proficient computer and keyboard use.
-
-
-
- Still interested? Fill out the{' '}
-
- application form
-
- .
-
- ,
- ]}
- />
-
-
-
- We need your help to continue this impactful and life-changing program! You can
- provide in-kind donations such as new laptops, software licenses, or volunteer as a
- tech mentor or hiring partner!
-
-
-
- We also need financial donations that will go directly to support the participants to
- be able to focus on their certifications and tech training through a living stipend.
- Donate what you can.
-
- ,
- ]}
- />
-
-
-
- The funds for the Project Rebuild Program is dependent on your financial support and
- not taken from our general fund for U.S. military service members, Veterans and
- military spouses. Please consider supporting this life-changing program and directing
- your donations specifically for Project Rebuild.
-
-
-
- WE CANNOT MEET OUR MISSION WITHOUT YOUR HELP! DONATE YOUR BEST AMOUNT TODAY. Contact
- us to volunteer or donate in-kind services/hardware/software at:{' '}
-
- staff@operationcode.org
-
-
-
-
- Donate
-
- ,
- ]}
- />
-
- );
-}
-
-export default ProjectRebuild;
diff --git a/src/app/scholarship/code_platoon/page.mdx b/src/app/scholarship/code_platoon/page.mdx
new file mode 100644
index 000000000..02f266266
--- /dev/null
+++ b/src/app/scholarship/code_platoon/page.mdx
@@ -0,0 +1,5 @@
+import CodePlatoonContent from './CodePlatoonContent';
+
+export const metadata = { title: 'Code Platoon X Operation Code Bootcamp Scholarship' };
+
+
diff --git a/src/app/scholarship/code_platoon/page.tsx b/src/app/scholarship/code_platoon/page.tsx
deleted file mode 100644
index 675b689c0..000000000
--- a/src/app/scholarship/code_platoon/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { Metadata } from 'next';
-import CodePlatoonContent from './CodePlatoonContent';
-
-export const metadata: Metadata = {
- title: 'Code Platoon X Operation Code Bootcamp Scholarship',
-};
-
-export default function CodePlatoonScholarshipPage() {
- return ;
-}
diff --git a/src/app/scholarship/page.tsx b/src/app/scholarship/layout.tsx
similarity index 69%
rename from src/app/scholarship/page.tsx
rename to src/app/scholarship/layout.tsx
index ee406016b..f055ec447 100644
--- a/src/app/scholarship/page.tsx
+++ b/src/app/scholarship/layout.tsx
@@ -1,16 +1,11 @@
-import type { Metadata } from 'next';
-import Link from 'next/link';
+import type { PropsWithChildren } from 'react';
import Image from 'next/image';
import Container from '@/components/Container/Container';
import HeroBanner from '@/components/HeroBanner/HeroBanner';
import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import { s3 } from '@/common/constants/urls';
+import { s3 } from '@/lib/constants/urls';
import Card from '@/components/Cards/Card/Card';
-export const metadata: Metadata = { title: 'Scholarships Program' };
-
-const pageTitle = 'Scholarships Program';
-
interface ScholarshipOption {
title: string;
logoSrc: string;
@@ -60,47 +55,18 @@ const scholarshipOptions: ScholarshipOption[] = [
},
];
-export default function ScholarshipsPage() {
+export default function ScholarshipLayout({ children }: PropsWithChildren) {
return (
<>
-
- Our Scholarships Program is a competitive benefit that
- contributes directly to the professional development and career growth of our service
- members, Veterans and military family members.
-
-
-
-
To qualify, you must:
-
-
-
- Be an active member of our Operation Code community (
- join here
- ), a U.S. active duty, Reserves or National Guard military service member, Veteran
- or military dependent.
-
We provide learning licenses and access to the below platforms:
-
+
{children}
{scholarshipOptions.map((option) => (
diff --git a/src/app/scholarship/page.mdx b/src/app/scholarship/page.mdx
new file mode 100644
index 000000000..adaf7e238
--- /dev/null
+++ b/src/app/scholarship/page.mdx
@@ -0,0 +1,12 @@
+export const metadata = { title: 'Scholarships Program' };
+
+Our **Scholarships Program** is a competitive benefit that
+contributes directly to the professional development and career growth of our service
+members, Veterans and military family members.
+
+To qualify, you must:
+
+- Be an active member of our Operation Code community ([join here](/join)), a U.S. active duty, Reserves or National Guard military service member, Veteran or military dependent.
+- Abide by the Operation Code Scholarships Policy.
+
+We provide learning licenses and access to the below platforms:
diff --git a/src/app/services/layout.tsx b/src/app/services/layout.tsx
new file mode 100644
index 000000000..a53268df4
--- /dev/null
+++ b/src/app/services/layout.tsx
@@ -0,0 +1,70 @@
+import type { PropsWithChildren } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import Badge from '@/components/Badge/Badge';
+import Section from '@/components/Section/Section';
+import OutboundLink from '@/components/OutboundLink/OutboundLink';
+import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
+import CareerServicesIcon from '@/static/images/icons/Custom/career_services.svg';
+import MentorshipIcon from '@/static/images/icons/Custom/mentorship.svg';
+import ScholarshipsIcon from '@/static/images/icons/Custom/scholarships.svg';
+import { s3 } from '@/lib/constants/urls';
+
+const mentorItems = [
+ {
+ icon: ,
+ label: 'One-on-One Mentorship & Networking',
+ },
+ {
+ icon: ,
+ label: 'Coding Scholarships and Licenses',
+ },
+ {
+ icon: ,
+ label: 'Career Services and Professional Development',
+ },
+];
+
+export default function ServicesLayout({ children }: PropsWithChildren) {
+ return (
+
+
+
+ {children}
+
+
+
+ Whether you are looking to change careers or starting a new one in the tech industry, we
+ are here to help you succeed by providing:
+
+
+ {mentorItems.map((item) => (
+
+ ))}
+
+
+ We also offer local chapter events. Regarding local chapter events, inquire about events
+ near you or about starting a chapter in your area by emailing{' '}
+
+ staff@operationcode.org
+
+ .
+
+
+
+
+
+ );
+}
diff --git a/src/app/services/page.mdx b/src/app/services/page.mdx
new file mode 100644
index 000000000..c8fe2e97d
--- /dev/null
+++ b/src/app/services/page.mdx
@@ -0,0 +1,42 @@
+export const metadata = { title: 'Services' };
+
+
+
+We believe that the best way to take advantage of Operation Code is simply to become a
+member of the organization. We work closely with military veterans, service members,
+and military spouses and dependents who are passionate about transitioning into the
+tech industry. On Slack and in-person meet-ups, we work with over 7,000+ members who
+are all working towards relevant career and personal goals. Membership is free!
+
+
+
+[Become A Member](/join)
+
+
+
+Do you love Operation Code? Check out our Merch Store and get some swag!
+
+
+
+
+
+
+
+There are 12.1 million net jobs for tech employment in the U.S. alone, with an
+addition of 307,000 jobs in a year.
+
+
+
+
+
+
+
+
+
+We have meetup chapters all around the United States!
+
+See Locations
+
+
+
+
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
deleted file mode 100644
index 272242aff..000000000
--- a/src/app/services/page.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Badge from '@/components/Badge/Badge';
-import Content from '@/components/Content/Content';
-import ImageCard from '@/components/Cards/ImageCard/ImageCard';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import JoinSection from '@/components/ReusableSections/JoinSection/JoinSection';
-import CareerServicesIcon from '@/static/images/icons/Custom/career_services.svg';
-import MentorshipIcon from '@/static/images/icons/Custom/mentorship.svg';
-import ScholarshipsIcon from '@/static/images/icons/Custom/scholarships.svg';
-import { s3 } from '@/common/constants/urls';
-
-export const metadata: Metadata = { title: 'Services' };
-
-const mentorItems = [
- {
- icon: ,
- label: 'One-on-One Mentorship & Networking',
- },
- {
- icon: ,
- label: 'Coding Scholarships and Licenses',
- },
- {
- icon: ,
- label: 'Career Services and Professional Development',
- },
-];
-
-function Services() {
- return (
-
-
-
-
-
- We believe that the best way to take advantage of Operation Code is simply to become a
- member of the organization. We work closely with military veterans, service members,
- and military spouses and dependents who are passionate about transitioning into the
- tech industry. On Slack and in-person meet-ups, we work with over 7,000+ members who
- are all working towards relevant career and personal goals. Membership is free!
-
-
-
-
- Become A Member
-
-
-
-
-
- Do you love Operation Code? Check out our{' '}
-
- Merch Store
- {' '}
- and get some swag!
-
-
-
,
- ]}
- />
-
-
-
-
- There are 12.1 million net jobs for tech employment in the U.S. alone, with an
- addition of 307,000 jobs in a year.
-
-
-
,
- ]}
- />
-
-
- Whether you are looking to change careers or starting a new one in the tech industry, we
- are here to help you succeed by providing:
- ,
-
- {mentorItems.map((item) => (
-
- ))}
-
,
-
- We also offer local chapter events. Regarding local chapter events, inquire about events
- near you or about starting a chapter in your area by emailing{' '}
-
- staff@operationcode.org
-
- .
-
,
- ]}
- />
-
-
-
-
We have meetup chapters all around the United States!
-
-
- See Locations
-
-
- ,
- ]}
- />
-
-
-
- );
-}
-
-export default Services;
diff --git a/src/app/slack_guide/layout.tsx b/src/app/slack_guide/layout.tsx
new file mode 100644
index 000000000..069078efa
--- /dev/null
+++ b/src/app/slack_guide/layout.tsx
@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function SlackGuideLayout({ children }: { children: ReactNode }) {
+ return (
+
+
+
+
+
+
+
+ {children}
+
+ );
+}
diff --git a/src/app/slack_guide/page.mdx b/src/app/slack_guide/page.mdx
new file mode 100644
index 000000000..8d28904b4
--- /dev/null
+++ b/src/app/slack_guide/page.mdx
@@ -0,0 +1,89 @@
+import Image from 'next/image';
+
+export const metadata = { title: 'Slack Guide' };
+
+
+
+
+
+- If you're new to coding, learn some basics at [freeCodeCamp](https://www.freecodecamp.org/).
+- Contribute to our open-source software on [Github](https://github.com/OperationCode/).
+- Request 1:1 mentorship in Slack by typing the **/mentor** command in any Slack channel or thread.
+- Join the different channels based on your interest such as **#python** **#javascript**.
+- Ask for assistance with coding, design or specific questions in the **#help** channel.
+
+
+
+
+
+Ask people who have attended a coding bootcamp or coding bootcamp recruiters by joining the **#coding-schools** or **#college** channels.
+
+
+
+
+
+- Post your resume (redact your personal information) on **#career-advice** to have your resume reviewed or ask career-related questions.
+- Join the **#daily-programmer** channel to practice coding or tech challenges you may encounter during an interview.
+- Speak to a mentor for a more 1-on-1 conversation by typing **/mentor** on any channel.
+- Keep an eye on the **#job-board** channel or ask specific questions like salary and benefits on the **#compensation** channel.
+- Grow your portfolio and keep your skills sharp on **#oc-projects** and on our open-source software repositories on [Github](https://github.com/OperationCode/).
+
+
+
+
+
+Post job openings on the **#job-board** channel
+
+
+
+
+
+You're welcome to post information and answer questions about your Coding School on **#coding-schools** only based on the [Slack Community Guidelines](https://github.com/OperationCode/START_HERE/blob/master/community_guidelines.md) and [Code of Conduct](https://github.com/OperationCode/operationcode_docs/blob/master/community/code_of_conduct.md).
+
+
+
+
+
+Explore our numerous channels on a specific subject, or if you don't see a channel ask on the **#help** or create a new channel. **Be advised** that the **#general** channel is reserved for announcements and greeting new members and questions should be redirected to specific channels such as:
+
+- **#career-advice** for resume reviews or any professional related questions
+- **#job-board** for all job postings
+- **#daily-programmer** to practicing coding problems
+- Language specific channels such as **#python**, **#java**, **#javascript**, etc.
+- Specific geographic channels such as **#san-diego**, **#san-francisco**, etc.
+- Specific channels such as **#web-dev**, **#cyber-security**, **#dotnet**, **#computer-science** etc.
+- **#random** for socializing, memes and other miscellaneous chatter
+- **#transitioning** to share your transitioning experience from the military into the civilian workforce or to connect with others
+- **#active-duty** for all active duty service members
+- **#oc-projects** to collaborate on the Operation Code website and a good place to learn about open source. Visit the Operation Code Github [repo](https://github.com/OperationCode) to learn more.
+- **#help** for general questions
+
+
+
+
+
+
+Our instructions are focused on seeing-eye users. If you use assistive technology on your computer, Slack's own guide will be more helpful.
+
+
+
+
+Once you've found a channel that interests you, click the green "Join Channel" button. You're ready to go! Have fun, learn, and connect with others!
+
+
+
+
+
+
diff --git a/src/app/slack_guide/page.tsx b/src/app/slack_guide/page.tsx
deleted file mode 100644
index 2e959beaa..000000000
--- a/src/app/slack_guide/page.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-import type { Metadata } from 'next';
-import Image from 'next/image';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import Accordion from '@/components/Accordion/Accordion';
-import OutboundLink from '@/components/OutboundLink/OutboundLink';
-import { s3, codeOfConduct } from '@/common/constants/urls';
-import ScreenReaderOnly from '@/components/ScreenReaderOnly/ScreenReaderOnly';
-
-const pageTitle = 'Slack Guide';
-
-export const metadata: Metadata = { title: pageTitle };
-
-const questions = {
- slack: [
- {
- title: `I'm brand new to programming and exploring my options.`,
- content: (
-
-
- If you're new to coding, learn some basics at{' '}
-
- freeCodeCamp
-
- .
-
-
- Contribute to our open - source software on{' '}
-
- Github
- {' '}
- .
-
-
- Request 1:1 mentorship in Slack by typing the /mentor command in any Slack
- channel or thread.
-
-
- Join the different channels based on your interest such as #python{' '}
- #javascript.
-
-
- Ask for assistance with coding, design or specific questions in the #help{' '}
- channel.
-
-
- ),
- },
- {
- title: `I'm interested in going to a coding bootcamp or college.`,
- content: (
- <>
- Ask people who have attended a coding bootcamp or coding bootcamp recruiters by joining
- the #coding-schools or #college channels.
-
- ),
- },
- {
- title: `I'm a recent bootcamp/college graduate or looking for a job.`,
- content: (
-
-
- Post your resume (redact your personal information) on #career-advice to have
- your resume reviewed or ask career-related questions.
-
-
- Join the #daily-programmer channel to practice coding or tech challenges you may
- encounter during an interview.
-
-
- Speak to a mentor for a more 1-on-1 conversation by typing /mentor on any
- channel.
-
-
- Keep an eye on the #job-board channel or ask specific questions like salary and
- benefits on the #compensation channel.
-
-
- Grow your portfolio and keep your skills sharp on #oc-projects and on our
- open-source software repositories on{' '}
-
- Github
- {' '}
- .
-
-
- ),
- },
- {
- title: `The company I work at has a few job openings, where should I post them?`,
- content: (
- <>
- Post job openings on the #job-board channel
-
- ),
- },
- {
- title: `I'm an admissions recruiter or representative from a Coding School`,
- content: (
- <>
- You're welcome to post information and answer questions about your Coding School on{' '}
- #coding-schools only based on the{' '}
-
- Slack Community Guidelines
- {' '}
- and{' '}
-
- Code of Conduct
- {' '}
- .
-
- ),
- },
- {
- title: `I'd like to learn more about …`,
- content: (
- <>
- Explore our numerous channels on a specific subject, or if you don't see a channel ask on
- the #help or create a new channel.{' '}
-
- Be advised
- {' '}
- that the #general channel is reserved for announcements and greeting new members
- and questions should be redirected to specific channels such as:
-
-
- #career-advice for resume reviews or any professional related questions
-
-
- #job-board for all job postings
-
-
- #daily-programmer to practicing coding problems
-
-
- Language specific channels such as #python, #java, #javascript,
- etc.
-
-
- Specific geographic channels such as #san-diego, #san-francisco, etc.
-
-
- Specific channels such as #web-dev, #cyber-security, #dotnet,
- #computer-science etc.
-
-
- #random for socializing, memes and other miscellaneous chatter
-
-
- #transitioning to share your transitioning experience from the military into
- the civilian workforce or to connect with others
-
-
- #active-duty for all active duty service members
-
-
- #oc-projects to collaborate on the Operation Code website and a good place to
- learn about open source. Visit the Operation Code Github{' '}
-
- repo
- {' '}
- to learn more.
-
-
- #help for general questions
-
-
-
- ),
- },
- {
- title: `How to explore other Operation Code channels?`,
- content: (
- <>
-
- Our instructions are focused on seeing-eye users. If you use assistive technology on
- your computer, [Slack's own
- guide](https://slack.com/help/articles/360000411963-Use-Slack-with-a-screen-reader) will
- be more helpful.
-
-
-
-
-
- Once you've found a channel that interests you, click the green "Join Channel" button.
- You're ready to go! Have fun, learn, and connect with others!
-
- );
-}
-
-export default SlackGuide;
diff --git a/src/app/sponsorship/layout.tsx b/src/app/sponsorship/layout.tsx
new file mode 100644
index 000000000..0ffd5c94e
--- /dev/null
+++ b/src/app/sponsorship/layout.tsx
@@ -0,0 +1,21 @@
+import type { PropsWithChildren } from 'react';
+import Link from 'next/link';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import { buttonVariants } from '@/components/ui/button';
+import SponsorsSection from '@/components/ReusableSections/SponsorsSection/SponsorsSection';
+
+export default function SponsorshipLayout({ children }: PropsWithChildren) {
+ return (
+ <>
+
+
+ Donate Now
+
+
+
+ {children}
+
+
+
+ );
+}
diff --git a/src/app/sponsorship/page.mdx b/src/app/sponsorship/page.mdx
new file mode 100644
index 000000000..9d3eadfa7
--- /dev/null
+++ b/src/app/sponsorship/page.mdx
@@ -0,0 +1,118 @@
+import Badge from '@/components/Badge/Badge';
+import MedalSolid from '@/static/images/icons/FontAwesome/medal-solid.svg';
+
+export const metadata = { title: 'Corporate Sponsorship' };
+
+
+
+Operation Code is pleased to invite America's leading technology companies to become
+shared value sponsors. Please join us and help make our mission a success. Together, we
+will create a new and secure future for today's veterans and military spouses.
+
+
+
+
+
+
+
+The largest national volunteer service organization devoted to software engineering.
+
+
+
+
+
+Direct and indirect access to military veterans and spouses for surveying or hiring
+purposes.
+
+
+
+
+
+Potential partnerships with national and local meetups. Help us create a community at a
+city near you.
+
+
+
+
+
+An authentic and vibrant community. Your sponsorship will have a very noticeable and
+organic impact.
+
+
+
+
+
+
+
+
+
+### Employee Engagement
+
+Provide opportunities for software engineers to mentor new learners and contribute to
+open source projects. Engage with veterans and military spouse employees in your
+organization - share their story; loud and proud.
+
+
+
+
+
+### Talent Management
+
+Build a talent pipeline between your company and transitioning service members with
+technical skills and security clearances. Our community is skilled, motivated, and
+diverse - they will bolster any workforce.
+
+
+
+
+
+### Marketing
+
+Marketing opportunities for national online and local community engagement Community
+activation opportunities and online recognition via social media and long-form
+content.
+
+
+
+
+
+
+
+
+
+}
+ label="Gold Sponsor"
+/>
+
+
+ National benefits include branding recognition in national Slack community, open
+ source program sponsorship, national employee engagement activities, plus all above.
+
+
+}
+ label="Silver Sponsor"
+/>
+
+
+ Three local chapter sponsorships of choice, complete with marketing, employee
+ engagement and talent pipeline opportunities, plus all above.
+
+
+}
+ label="Bronze Sponsor"
+/>
+
+
+ Sponsor one chapter and support your local Operation Code community for the year,
+ including events, training, and networking opportunities.
+
+
+
+
+
diff --git a/src/app/sponsorship/page.tsx b/src/app/sponsorship/page.tsx
deleted file mode 100644
index 3d5fb45cf..000000000
--- a/src/app/sponsorship/page.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import Badge from '@/components/Badge/Badge';
-import Card from '@/components/Cards/Card/Card';
-import FlatCard from '@/components/Cards/FlatCard/FlatCard';
-import LinkButton from '@/components/Buttons/LinkButton/LinkButton';
-import SponsorsSection from '@/components/ReusableSections/SponsorsSection/SponsorsSection';
-import MedalSolid from '@/static/images/icons/FontAwesome/medal-solid.svg';
-
-const pageTitle = 'Corporate Sponsorship';
-
-export const metadata: Metadata = { title: pageTitle };
-
-function Sponsorship() {
- return (
-
-
-
- Donate Now
-
-
-
-
- Operation Code is pleased to invite America's leading technology companies to become
- shared value sponsors. Please join us and help make our mission a success. Together, we
- will create a new and secure future for today's veterans and military spouses.
- ,
- ]}
- />
-
-
- The largest national volunteer service organization devoted to software engineering.
- ,
-
- Direct and indirect access to military veterans and spouses for surveying or hiring
- purposes.
- ,
-
- Potential partnerships with national and local meetups. Help us create a community at a
- city near you.
- ,
-
- An authentic and vibrant community. Your sponsorship will have a very noticeable and
- organic impact.
- ,
- ]}
- />
-
-
-
Employee Engagement
-
- Provide opportunities for software engineers to mentor new learners and contribute to
- open source projects. Engage with veterans and military spouse employees in your
- organization - share their story; loud and proud.
-
- ,
-
-
Talent Management
-
- Build a talent pipeline between your company and transitioning service members with
- technical skills and security clearances. Our community is skilled, motivated, and
- diverse - they will bolster any workforce.
-
- ,
-
-
Marketing
-
- Marketing opportunities for national online and local community engagement Community
- activation opportunities and online recognition via social media and long-form
- content.
-
- National benefits include branding recognition in national Slack community, open
- source program sponsorship, national employee engagement activities, plus all above.
-
- }
- label="Silver Sponsor"
- />
-
- Three local chapter sponsorships of choice, complete with marketing, employee
- engagement and talent pipeline opportunities, plus all above.
-
- }
- label="Bronze Sponsor"
- />
-
- Sponsor one chapter and support your local Operation Code community for the year,
- including events, training, and networking opportunities.
-
-
,
- ]}
- />
-
-
-
- );
-}
-
-export default Sponsorship;
diff --git a/src/app/team/layout.tsx b/src/app/team/layout.tsx
new file mode 100644
index 000000000..abf4e04da
--- /dev/null
+++ b/src/app/team/layout.tsx
@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+import { s3 } from '@/lib/constants/urls';
+
+export default function TeamLayout({ children }: { children: ReactNode }) {
+ return (
+
+
+
+ {children}
+
+ );
+}
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index 3b5a9e0ff..cf479e82d 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -1,7 +1,5 @@
import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import { s3 } from '@/common/constants/urls';
-import Content from '@/components/Content/Content';
+import Section from '@/components/Section/Section';
import FlatCard from '@/components/Cards/FlatCard/FlatCard';
import cynthiaHeadshot from '@/static/images/cynthia.jpg';
import glomaniHeadshot from '@/static/images/glomani.jpg';
@@ -62,62 +60,46 @@ const boardMembers = [
export default function Team() {
return (
-
- Operation Code deeply appreciates the time, energy, and hard work of our{' '}
- Founding Board Members, including Conrad Hollomon (Executive Director), Nell
- Shamrell-Harrington (Board Director), Mark Kerr (Chair), Laura Gomez (Vice Chair), Dr.
- Tyrone Grandison (Vice Chair), Dr. Stacy Chin (Director of Fundraising Committee),
- Liza Rodewald (Director of Military Families Committee), Pete Runyon (Secretary/
- Treasurer), Josh Carter, Nick Frost, and Aimee Knight on their support, dedication and
- commitment in the early days.
-
+ Operation Code deeply appreciates the time, energy, and hard work of our{' '}
+ Founding Board Members, including Conrad Hollomon (Executive Director), Nell
+ Shamrell-Harrington (Board Director), Mark Kerr (Chair), Laura Gomez (Vice Chair), Dr.
+ Tyrone Grandison (Vice Chair), Dr. Stacy Chin (Director of Fundraising Committee), Liza
+ Rodewald (Director of Military Families Committee), Pete Runyon (Secretary/ Treasurer),
+ Josh Carter, Nick Frost, and Aimee Knight on their support, dedication and commitment in
+ the early days.
+
-
- Thank you for setting us up for success!
-
-
,
- ]}
- />
-
+
+ Thank you for setting us up for success!
+
+
+
);
}
diff --git a/src/app/terms/layout.tsx b/src/app/terms/layout.tsx
new file mode 100644
index 000000000..265f3c79c
--- /dev/null
+++ b/src/app/terms/layout.tsx
@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import HeroBanner from '@/components/HeroBanner/HeroBanner';
+
+export default function TermsLayout({ children }: { children: ReactNode }) {
+ return (
+ <>
+
+ {children}
+
+ );
+}
diff --git a/src/app/terms/page.mdx b/src/app/terms/page.mdx
new file mode 100644
index 000000000..03cd102db
--- /dev/null
+++ b/src/app/terms/page.mdx
@@ -0,0 +1,77 @@
+export const metadata = { title: 'Terms of Service' };
+
+
+
+_Last updated: September 8, 2018._
+
+Please read these Terms of Service (“Terms”, “Terms of Service”) carefully before using the https://www.operationcode.org/ website (the “Service”) operated by Operation Code (“us”, “we”, or “our”).
+
+Your access to and use of the Service is conditioned upon your acceptance of and compliance with these Terms. These Terms apply to all visitors, users and others who wish to access or use the Service.
+
+By accessing or using the Service you agree to be bound by these Terms. If you disagree with any part of the terms then you do not have permission to access the Service.
+
+
+
+
+
+By creating an Account on our service, you agree to subscribe to newsletters, marketing or promotional materials and other information we may send. However, you may opt out of receiving any, or all, of these communications from us by following the unsubscribe link or instructions provided in any email we send.
+
+
+
+
+
+Our Service allows you to post, link, store, share and otherwise make available certain information, text, graphics, videos, or other material (“Content”). You are responsible for the Content that you post on or through the Service, including its legality, reliability, and appropriateness.
+
+By posting Content on or through the Service, You represent and warrant that: (i) the Content is yours (you own it) and/or you have the right to use it and the right to grant us the rights and license as provided in these Terms, and (ii) that the posting of your Content on or through the Service does not violate the privacy rights, publicity rights, copyrights, contract rights or any other rights of any person or entity. We reserve the right to terminate the account of anyone found to be infringing on a copyright.
+
+You retain any and all of your rights to any Content you submit, post or display on or through the Service and you are responsible for protecting those rights. We take no responsibility and assume no liability for Content you or any third party posts on or through the Service. However, by posting Content using the Service you grant us the right and license to use, modify, publicly perform, publicly display, reproduce, and distribute such Content on and through the Service. You agree that this license includes the right for us to make your Content available to other users of the Service, who may also use your Content subject to these Terms.
+
+Operation Code has the right but not the obligation to monitor and edit all Content provided by users.
+
+In addition, Content found on or through this Service are the property of Operation Code or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.
+
+
+
+
+
+When you create an account with us, you guarantee that you are above the age of 18, and that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.
+
+You are responsible for maintaining the confidentiality of your account and password, including but not limited to the restriction of access to your computer and/or account. You agree to accept responsibility for any and all activities or actions that occur under your account and/or password, whether your password is with our Service or a third-party service. You must notify us immediately upon becoming aware of any breach of security or unauthorized use of your account.
+
+You may not use as a username the name of another person or entity or that is not lawfully available for use, a name or trademark that is subject to any rights of another person or entity other than you, without appropriate authorization. You may not use as a username any name that is offensive, vulgar or obscene.
+
+
+
+
+
+The Service and its original content (excluding Content provided by users), features and functionality are and will remain the exclusive property of Operation Code and its licensors. The Service is protected by copyright, trademark, and other laws of both the United States and foreign countries. Our trademarks and trade dress may not be used in connection with any product or service without the prior written consent of Operation Code.
+
+
+
+
+
+Our Service may contain links to third party web sites or services that are not owned or controlled by Operation Code.
+
+Operation Code has no control over, and assumes no responsibility for the content, privacy policies, or practices of any third party web sites or services. We do not warrant the offerings of any of these entities/individuals or their websites.
+
+You acknowledge and agree that Operation Code shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such third party web sites or services.
+
+We strongly advise you to read the terms and conditions and privacy policies of any third party web sites or services that you visit.
+
+
+
+
+
+We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.
+
+If you wish to terminate your account, you may simply discontinue using the Service.
+
+All provisions of the Terms which by their nature should survive termination shall survive termination, including, without limitation, ownership provisions, warranty disclaimers, indemnity and limitations of liability.
+
+
+
+
+
+You agree to defend, indemnify and hold harmless Operation Code and its licensee and licensors, and their employees, and agents, from and against any and all claims, damages, losses, costs, expenses and accountabilities (including but not limited to attorney's fees) arising out of, connected with or resulting from your use of the contents of the Website or breach of any of the Terms.
+
+
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
deleted file mode 100644
index 4925f405b..000000000
--- a/src/app/terms/page.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { ReactElement } from 'react';
-import type { Metadata } from 'next';
-import HeroBanner from '@/components/HeroBanner/HeroBanner';
-import Content from '@/components/Content/Content';
-import { termsContent } from './_content';
-
-export const metadata: Metadata = { title: 'Terms of Service' };
-
-interface TermsSection {
- id: string;
- title?: string;
- content: ReactElement;
-}
-
-function Terms(): ReactElement {
- return (
- <>
-
-
-
-