Skip to content

Commit 136430a

Browse files
jonulakjonulak
committed
Merge projects page updates from main & update to v4 classes
1 parent 6c52c45 commit 136430a

File tree

17 files changed

+168
-168
lines changed

17 files changed

+168
-168
lines changed

‎postcss.config.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const safelist = [
1616
/^hover:/,
1717
/^focus:/,
1818
/^group/,
19-
/^group-hover:tw-/,
19+
/^tw:group-hover/,
2020
/^last:/,
2121
/^first:/,
2222
/^even:/,

‎src/components/cta/index.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
import Link from "next/link";
22

33
const CTA = () => {
4-
return (
5-
<div className="tw-bg-[#c5203e] tw-text-white tw-p-12 tw-rounded-2xl tw-shadow-lg tw-text-center">
6-
<h2 className="tw-text-3xl tw-font-bold">Ready to Start Your Mission?</h2>
7-
<p className="tw-mt-2 tw-text-lg">
8-
Apply to our program and join the ranks of veterans who have successfully transitioned into
9-
the tech industry.
10-
</p>
11-
<Link
12-
href="/apply"
13-
className="tw-mt-6 tw-bg-white tw-text-[#c5203e] tw-font-bold tw-rounded-lg tw-px-6 tw-py-3 tw-inline-block tw-hover:tw-bg-gray-100"
14-
>
15-
Apply Now
16-
</Link>
17-
</div>
18-
);
4+
return (
5+
<div className="tw:bg-[#c5203e] tw:text-white tw:p-12 tw:rounded-2xl tw:shadow-lg tw:text-center">
6+
<h2 className="tw:text-3xl tw:font-bold">Ready to Start Your Mission?</h2>
7+
<p className="tw:mt-2 tw:text-lg">
8+
Apply to our program and join the ranks of veterans who have successfully
9+
transitioned into the tech industry.
10+
</p>
11+
<Link
12+
href="/apply"
13+
className="tw:mt-6 tw:bg-white tw:text-[#c5203e] tw:font-bold tw:rounded-lg tw:px-6 tw:py-3 tw:inline-block tw:hover:bg-gray-100"
14+
>
15+
Apply Now
16+
</Link>
17+
</div>
18+
);
1919
};
2020

2121
export default CTA;

‎src/components/hero/index.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
const Hero = () => {
2-
return (
3-
<div className="tw-bg-[#091f40] tw-text-white tw-py-20">
4-
<div className="tw-container">
5-
<h1 className="tw-text-4xl tw-font-bold">Our Program</h1>
6-
<p className="tw-mt-2 tw-text-lg">
7-
Vets Who Code provides a comprehensive, veteran-focused curriculum to prepare you for a
8-
career in tech.
9-
</p>
10-
</div>
11-
</div>
12-
);
2+
return (
3+
<div className="tw:bg-[#091f40] tw:text-white tw:py-20">
4+
<div className="tw:container">
5+
<h1 className="tw:text-4xl tw:font-bold">Our Program</h1>
6+
<p className="tw:mt-2 tw:text-lg">
7+
Vets Who Code provides a comprehensive, veteran-focused curriculum to prepare
8+
you for a career in tech.
9+
</p>
10+
</div>
11+
</div>
12+
);
1313
};
1414

1515
export default Hero;

‎src/components/program-card/index.tsx‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
import Link from "next/link";
22

33
type Program = {
4-
slug: string;
5-
title: string;
6-
description: string;
4+
slug: string;
5+
title: string;
6+
description: string;
77
};
88

99
type Props = {
10-
program: Program;
10+
program: Program;
1111
};
1212

1313
const ProgramCard = ({ program }: Props) => {
14-
return (
15-
<div className="tw-bg-white tw-rounded-xl tw-shadow-sm tw-p-6 tw-border tw-border-gray-200 tw-hover:tw-shadow-md tw-transition">
16-
<h2 className="tw-mb-2 tw-text-2xl tw-font-semibold">{program.title}</h2>
17-
<p className="tw-mb-4 tw-text-gray-700">{program.description}</p>
18-
<Link
19-
href={`/programs/${program.slug}`}
20-
className="tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-400 tw-mt-auto tw-inline-block tw-font-medium tw-text-blue-700 tw-underline"
21-
aria-label={`Learn more about ${program.title}`}
22-
>
23-
Learn more
24-
</Link>
25-
</div>
26-
);
14+
return (
15+
<div className="tw:bg-white tw:rounded-xl tw:shadow-sm tw:p-6 tw:border tw:border-gray-200 tw:hover:shadow-md tw:transition">
16+
<h2 className="tw:mb-2 tw:text-2xl tw:font-semibold">{program.title}</h2>
17+
<p className="tw:mb-4 tw:text-gray-700">{program.description}</p>
18+
<Link
19+
href={`/programs/${program.slug}`}
20+
className="tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-blue-400 tw:mt-auto tw:inline-block tw:font-medium tw:text-blue-700 tw:underline"
21+
aria-label={`Learn more about ${program.title}`}
22+
>
23+
Learn more
24+
</Link>
25+
</div>
26+
);
2727
};
2828

2929
export default ProgramCard;

‎src/containers/video/layout-01/index.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -31,19 +31,19 @@ const VideoArea = ({ data: { section_title, images, video }, space, bg }: TProps
3131
backgroundImage: `url("/images/bg/background-pattern-grid-line.png")`,
3232
}}
3333
>
34-
<div className="tw-container tw:relative tw:z-10">
34+
<div className="tw:container tw:relative tw:z-10">
3535
{section_title && (
3636
<AnimatedSectionTitle
3737
{...section_title}
38-
className="tw-mb-7.5 tw:md:mb-15"
38+
className="tw:mb-7.5 tw:md:mb-15"
3939
initial="offscreen"
4040
whileInView="onscreen"
4141
viewport={{ once: true, amount: 0.4 }}
4242
variants={scrollUpVariants}
4343
/>
4444
)}
4545
{!section_title && (
46-
<div className="tw-indent-[-9999px]">
46+
<div className="tw:indent-[-9999px]">
4747
<h2>Video Area</h2>
4848
</div>
4949
)}
@@ -60,16 +60,16 @@ const VideoArea = ({ data: { section_title, images, video }, space, bg }: TProps
6060
/>
6161
)}
6262
<motion.div
63-
className="tw-absolute tw:-top-[90px] tw:left-0 tw:z-1 tw:h-[130px] tw:w-[120px] tw:md:-top-[120px] tw:md:h-[226px] tw:md:w-[226px]"
63+
className="tw:absolute tw:-top-[90px] tw:left-0 tw:z-1 tw:h-[130px] tw:w-[120px] tw:md:-top-[120px] tw:md:h-[226px] tw:md:w-[226px]"
6464
animate={{
6565
x: trans1().x,
6666
y: trans1().y,
6767
}}
6868
>
69-
<Shape2 className="tw-h-full tw:w-full tw:fill-putty" />
69+
<Shape2 className="tw:h-full tw:w-full tw:fill-putty" />
7070
</motion.div>
7171
<motion.div
72-
className="tw-absolute tw:left-5 tw:top-0 tw:z-1 tw:h-[90px] tw:w-[90px] tw:md:h-auto tw:md:w-auto"
72+
className="tw:absolute tw:left-5 tw:top-0 tw:z-1 tw:h-[90px] tw:w-[90px] tw:md:h-auto tw:md:w-auto"
7373
animate={{
7474
x: trans2().x,
7575
y: trans2().y,
@@ -84,7 +84,7 @@ const VideoArea = ({ data: { section_title, images, video }, space, bg }: TProps
8484
/>
8585
</motion.div>
8686
<motion.div
87-
className="tw-absolute tw:right-0 tw:top-10 tw:z-10"
87+
className="tw:absolute tw:right-0 tw:top-10 tw:z-10"
8888
animate={{
8989
x: trans1().x,
9090
y: trans1().y,
@@ -99,7 +99,7 @@ const VideoArea = ({ data: { section_title, images, video }, space, bg }: TProps
9999
/>
100100
</motion.div>
101101
<motion.div
102-
className="tw-absolute tw:-bottom-[45px] tw:right-5 tw:z-1 tw:w-[85px] tw:md:w-auto"
102+
className="tw:absolute tw:-bottom-[45px] tw:right-5 tw:z-1 tw:w-[85px] tw:md:w-auto"
103103
animate={{
104104
x: trans1().x,
105105
y: trans1().y,

‎src/data/programs/core-curriculum.mdx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,31 +6,31 @@ slug: "core-curriculum"
66

77
# Core Curriculum
88

9-
<section className="tw-mb-8">
10-
<h2 className="tw-text-3xl tw-font-bold tw-mb-2">Overview</h2>
11-
<p className="tw-text-lg tw-text-gray-700">Our Core Curriculum is designed to equip veterans with the technical and leadership skills needed for today’s tech industry. Learn web development, teamwork, and problem-solving in a supportive, mission-driven environment.</p>
9+
<section className="tw:mb-8">
10+
<h2 className="tw:text-3xl tw:font-bold tw:mb-2">Overview</h2>
11+
<p className="tw:text-lg tw:text-gray-700">Our Core Curriculum is designed to equip veterans with the technical and leadership skills needed for today’s tech industry. Learn web development, teamwork, and problem-solving in a supportive, mission-driven environment.</p>
1212
</section>
1313

14-
<section className="tw-mb-8">
15-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">Outcomes</h2>
16-
<ul className="tw-list-disc tw-ml-6 tw-text-gray-700">
14+
<section className="tw:mb-8">
15+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">Outcomes</h2>
16+
<ul className="tw:list-disc tw:ml-6 tw:text-gray-700">
1717
<li>Mastery of modern web technologies</li>
1818
<li>Team-based project experience</li>
1919
<li>Leadership and communication skills</li>
2020
<li>Preparation for tech careers</li>
2121
</ul>
2222
</section>
2323

24-
<section className="tw-mb-8">
25-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">How It Works</h2>
26-
<ol className="tw-list-decimal tw-ml-6 tw-text-gray-700">
24+
<section className="tw:mb-8">
25+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">How It Works</h2>
26+
<ol className="tw:list-decimal tw:ml-6 tw:text-gray-700">
2727
<li>Enroll and join a cohort</li>
2828
<li>Participate in live sessions and projects</li>
2929
<li>Receive mentorship and feedback</li>
3030
<li>Graduate ready for the workforce</li>
3131
</ol>
3232
</section>
3333

34-
<section className="tw-mb-8 tw-text-center">
35-
<a href="/apply" className="tw-inline-block tw-bg-blue-700 tw-text-white tw-font-bold tw-px-6 tw-py-3 tw-rounded-lg tw-shadow-md tw-hover:tw-bg-blue-800 tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-400">Apply Now</a>
34+
<section className="tw:mb-8 tw:text-center">
35+
<a href="/apply" className="tw:inline-block tw:bg-blue-700 tw:text-white tw:font-bold tw:px-6 tw:py-3 tw:rounded-lg tw:shadow-md tw:hover:bg-blue-800 tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-blue-400">Apply Now</a>
3636
</section>

‎src/data/programs/mentorship.mdx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,31 +6,31 @@ slug: "mentorship"
66

77
# Mentorship Program
88

9-
<section className="tw-mb-8">
10-
<h2 className="tw-text-3xl tw-font-bold tw-mb-2">Overview</h2>
11-
<p className="tw-text-lg tw-text-gray-700">Our Mentorship Program pairs veterans with seasoned tech professionals who provide guidance, encouragement, and networking opportunities. We believe in the power of community and shared experience to accelerate your growth.</p>
9+
<section className="tw:mb-8">
10+
<h2 className="tw:text-3xl tw:font-bold tw:mb-2">Overview</h2>
11+
<p className="tw:text-lg tw:text-gray-700">Our Mentorship Program pairs veterans with seasoned tech professionals who provide guidance, encouragement, and networking opportunities. We believe in the power of community and shared experience to accelerate your growth.</p>
1212
</section>
1313

14-
<section className="tw-mb-8">
15-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">Outcomes</h2>
16-
<ul className="tw-list-disc tw-ml-6 tw-text-gray-700">
14+
<section className="tw:mb-8">
15+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">Outcomes</h2>
16+
<ul className="tw:list-disc tw:ml-6 tw:text-gray-700">
1717
<li>Personalized career guidance</li>
1818
<li>Expanded professional network</li>
1919
<li>Accountability and support</li>
2020
<li>Confidence to pursue new opportunities</li>
2121
</ul>
2222
</section>
2323

24-
<section className="tw-mb-8">
25-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">How It Works</h2>
26-
<ol className="tw-list-decimal tw-ml-6 tw-text-gray-700">
24+
<section className="tw:mb-8">
25+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">How It Works</h2>
26+
<ol className="tw:list-decimal tw:ml-6 tw:text-gray-700">
2727
<li>Apply to be matched with a mentor</li>
2828
<li>Set goals and meet regularly</li>
2929
<li>Receive feedback and encouragement</li>
3030
<li>Grow your skills and confidence</li>
3131
</ol>
3232
</section>
3333

34-
<section className="tw-mb-8 tw-text-center">
35-
<a href="/apply" className="tw-inline-block tw-bg-blue-700 tw-text-white tw-font-bold tw-px-6 tw-py-3 tw-rounded-lg tw-shadow-md tw-hover:tw-bg-blue-800 tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-400">Apply Now</a>
34+
<section className="tw:mb-8 tw:text-center">
35+
<a href="/apply" className="tw:inline-block tw:bg-blue-700 tw:text-white tw:font-bold tw:px-6 tw:py-3 tw:rounded-lg tw:shadow-md tw:hover:bg-blue-800 tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-blue-400">Apply Now</a>
3636
</section>

‎src/data/programs/mission-ready.mdx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,31 +6,31 @@ slug: "mission-ready"
66

77
# Mission-Ready Platform
88

9-
<section className="tw-mb-8">
10-
<h2 className="tw-text-3xl tw-font-bold tw-mb-2">Overview</h2>
11-
<p className="tw-text-lg tw-text-gray-700">The Mission-Ready Platform empowers veterans to gain real-world experience by building production-grade software for nonprofits and the community. This program bridges the gap between learning and doing, ensuring you’re ready to lead in tech.</p>
9+
<section className="tw:mb-8">
10+
<h2 className="tw:text-3xl tw:font-bold tw:mb-2">Overview</h2>
11+
<p className="tw:text-lg tw:text-gray-700">The Mission-Ready Platform empowers veterans to gain real-world experience by building production-grade software for nonprofits and the community. This program bridges the gap between learning and doing, ensuring you’re ready to lead in tech.</p>
1212
</section>
1313

14-
<section className="tw-mb-8">
15-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">Outcomes</h2>
16-
<ul className="tw-list-disc tw-ml-6 tw-text-gray-700">
14+
<section className="tw:mb-8">
15+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">Outcomes</h2>
16+
<ul className="tw:list-disc tw:ml-6 tw:text-gray-700">
1717
<li>Hands-on experience with real projects</li>
1818
<li>Portfolio-ready work for job applications</li>
1919
<li>Collaboration with mission-driven teams</li>
2020
<li>Leadership and project management skills</li>
2121
</ul>
2222
</section>
2323

24-
<section className="tw-mb-8">
25-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">How It Works</h2>
26-
<ol className="tw-list-decimal tw-ml-6 tw-text-gray-700">
24+
<section className="tw:mb-8">
25+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">How It Works</h2>
26+
<ol className="tw:list-decimal tw:ml-6 tw:text-gray-700">
2727
<li>Apply and join a project team</li>
2828
<li>Work with mentors and peers</li>
2929
<li>Ship real software to production</li>
3030
<li>Showcase your impact to employers</li>
3131
</ol>
3232
</section>
3333

34-
<section className="tw-mb-8 tw-text-center">
35-
<a href="/apply" className="tw-inline-block tw-bg-blue-700 tw-text-white tw-font-bold tw-px-6 tw-py-3 tw-rounded-lg tw-shadow-md tw-hover:tw-bg-blue-800 tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-400">Apply Now</a>
34+
<section className="tw:mb-8 tw:text-center">
35+
<a href="/apply" className="tw:inline-block tw:bg-blue-700 tw:text-white tw:font-bold tw:px-6 tw:py-3 tw:rounded-lg tw:shadow-md tw:hover:bg-blue-800 tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-blue-400">Apply Now</a>
3636
</section>

‎src/data/programs/studio.mdx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,31 +6,31 @@ slug: "studio"
66

77
# Studio
88

9-
<section className="tw-mb-8">
10-
<h2 className="tw-text-3xl tw-font-bold tw-mb-2">Overview</h2>
11-
<p className="tw-text-lg tw-text-gray-700">Studio is where veterans come together to innovate, collaborate, and launch impactful tech solutions. This program fosters creativity, leadership, and a sense of community among veteran technologists.</p>
9+
<section className="tw:mb-8">
10+
<h2 className="tw:text-3xl tw:font-bold tw:mb-2">Overview</h2>
11+
<p className="tw:text-lg tw:text-gray-700">Studio is where veterans come together to innovate, collaborate, and launch impactful tech solutions. This program fosters creativity, leadership, and a sense of community among veteran technologists.</p>
1212
</section>
1313

14-
<section className="tw-mb-8">
15-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">Outcomes</h2>
16-
<ul className="tw-list-disc tw-ml-6 tw-text-gray-700">
14+
<section className="tw:mb-8">
15+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">Outcomes</h2>
16+
<ul className="tw:list-disc tw:ml-6 tw:text-gray-700">
1717
<li>Opportunities to lead and create</li>
1818
<li>Collaboration with like-minded veterans</li>
1919
<li>Launch real-world tech projects</li>
2020
<li>Build a legacy of impact</li>
2121
</ul>
2222
</section>
2323

24-
<section className="tw-mb-8">
25-
<h2 className="tw-text-2xl tw-font-semibold tw-mb-2">How It Works</h2>
26-
<ol className="tw-list-decimal tw-ml-6 tw-text-gray-700">
24+
<section className="tw:mb-8">
25+
<h2 className="tw:text-2xl tw:font-semibold tw:mb-2">How It Works</h2>
26+
<ol className="tw:list-decimal tw:ml-6 tw:text-gray-700">
2727
<li>Join the Studio community</li>
2828
<li>Pitch and join projects</li>
2929
<li>Collaborate and innovate</li>
3030
<li>Showcase your work to the world</li>
3131
</ol>
3232
</section>
3333

34-
<section className="tw-mb-8 tw-text-center">
35-
<a href="/apply" className="tw-inline-block tw-bg-blue-700 tw-text-white tw-font-bold tw-px-6 tw-py-3 tw-rounded-lg tw-shadow-md tw-hover:tw-bg-blue-800 tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-400">Apply Now</a>
34+
<section className="tw:mb-8 tw:text-center">
35+
<a href="/apply" className="tw:inline-block tw:bg-blue-700 tw:text-white tw:font-bold tw:px-6 tw:py-3 tw:rounded-lg tw:shadow-md tw:hover:bg-blue-800 tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-blue-400">Apply Now</a>
3636
</section>

‎src/pages/programs.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,23 +46,23 @@ const ProgramsPage: PageWithLayout = ({ allPrograms, page }) => {
4646
<>
4747
<SEO title={`${page.title} | Vets Who Code`} />
4848
<HeroArea data={heroData} />
49-
<main className="tw-container tw-mx-auto tw-max-w-6xl tw-px-4">
50-
<div className="tw-mx-auto tw-mb-12 tw-mt-16 tw-max-w-4xl">
51-
<p className="tw-text-center tw-text-lg tw-text-gray-700">
49+
<main className="tw:container tw:mx-auto tw:max-w-6xl tw:px-4">
50+
<div className="tw:mx-auto tw:mb-12 tw:mt-16 tw:max-w-4xl">
51+
<p className="tw:text-center tw:text-lg tw:text-gray-700">
5252
Our programs are designed to empower veterans with real-world skills,
5353
mentorship, and a supportive community—helping you transition, grow, and
5454
lead in tech.
5555
</p>
5656
</div>
5757
{/* Program Cards Grid - project card style */}
58-
<section className="tw-mb-16">
59-
<div className="tw-grid tw-gap-8 sm:tw-grid-cols-2 lg:tw-grid-cols-3">
58+
<section className="tw:mb-16">
59+
<div className="tw:grid tw:gap-8 tw:sm:grid-cols-2 tw:lg:grid-cols-3">
6060
{allPrograms.map((program) => (
6161
<ProgramCard key={program.slug} program={program} />
6262
))}
6363
</div>
6464
</section>
65-
<hr className="tw-my-12 tw-border-t tw-border-gray-200" />
65+
<hr className="tw:my-12 tw:border-t tw:border-gray-200" />
6666
</main>
6767
</>
6868
);

0 commit comments

Comments
 (0)