diff --git a/src/assets/apps/loudcloud/graphic-example-1.png b/src/assets/apps/loudcloud/graphic-example-1.png
index 75b74b08..3b82c965 100644
Binary files a/src/assets/apps/loudcloud/graphic-example-1.png and b/src/assets/apps/loudcloud/graphic-example-1.png differ
diff --git a/src/assets/apps/loudcloud/graphic-example-2.png b/src/assets/apps/loudcloud/graphic-example-2.png
index 893fc15d..75b74b08 100644
Binary files a/src/assets/apps/loudcloud/graphic-example-2.png and b/src/assets/apps/loudcloud/graphic-example-2.png differ
diff --git a/src/assets/apps/loudcloud/graphic-example-3.png b/src/assets/apps/loudcloud/graphic-example-3.png
index 3b82c965..893fc15d 100644
Binary files a/src/assets/apps/loudcloud/graphic-example-3.png and b/src/assets/apps/loudcloud/graphic-example-3.png differ
diff --git a/src/assets/apps/mobilemeasures/background-graphic.png b/src/assets/apps/mobilemeasures/background-graphic.png
new file mode 100644
index 00000000..396216ff
Binary files /dev/null and b/src/assets/apps/mobilemeasures/background-graphic.png differ
diff --git a/src/assets/apps/mobilemeasures/graphic-example-1.png b/src/assets/apps/mobilemeasures/graphic-example-1.png
index 292057e1..dadb93b2 100644
Binary files a/src/assets/apps/mobilemeasures/graphic-example-1.png and b/src/assets/apps/mobilemeasures/graphic-example-1.png differ
diff --git a/src/assets/apps/mobilemeasures/graphic-example-2.png b/src/assets/apps/mobilemeasures/graphic-example-2.png
index 1d8ae4c0..7226ce8e 100644
Binary files a/src/assets/apps/mobilemeasures/graphic-example-2.png and b/src/assets/apps/mobilemeasures/graphic-example-2.png differ
diff --git a/src/assets/apps/mobilemeasures/graphic-example-3.png b/src/assets/apps/mobilemeasures/graphic-example-3.png
index 5bc9447f..4f9c410f 100644
Binary files a/src/assets/apps/mobilemeasures/graphic-example-3.png and b/src/assets/apps/mobilemeasures/graphic-example-3.png differ
diff --git a/src/assets/i18n/en.ts b/src/assets/i18n/en.ts
index 2719f2ec..d918ea18 100644
--- a/src/assets/i18n/en.ts
+++ b/src/assets/i18n/en.ts
@@ -438,6 +438,32 @@ export const translations = {
thanks: 'Progressive Web Apps can offer your business an array of benefits and improvements to your web and mobile users that can have a direct impact on your costs and revenue.',
},
+ ourWork: {
+ header: {
+ title: 'Our Work',
+ text: "Each day we work to make our world better by design. Below you will find examples of projects that we've had the pleasure of working on.",
+ },
+ cards: {
+ mobile_measures: {
+ title: 'Mobile Measures',
+ text:
+ "A Physical Therapist's brainchild; this app aims to help Physical Therapists keep track of their patients' progress. Like many founders and entrepreneurs, Ben's foray into the start-up world started with a simple idea: \"There has to be a better way!\"",
+ },
+ loudcloud: {
+ title: 'LoudCloud',
+ text:
+ 'This app was designed with privacy in mind. Users can receive and make calls through a temporary and disposable phone number; in over 40 countries! LoudCloud allows for more secure business and social interactions.',
+ },
+ voyage: {
+ title: 'The Voyage',
+ text:
+ "Employers can now incentivize their employees to develop and commit to healthy habits thanks to New Ocean Health's unique app. A company-wide social platform where employees can interact & challenge each other to reap the benefits.",
+ },
+ button: 'View Project',
+ },
+ worked_with: "Who We've Worked With",
+ },
+
cta: {
title: 'Got a vision?',
subTitle: `We've got your back.`,
diff --git a/src/assets/our-work/our-work-header.svg b/src/assets/our-work/our-work-header.svg
new file mode 100644
index 00000000..9af6efdb
--- /dev/null
+++ b/src/assets/our-work/our-work-header.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/app-cta/app-cta.scss b/src/components/app-cta/app-cta.scss
index f5134be6..a9b03955 100644
--- a/src/components/app-cta/app-cta.scss
+++ b/src/components/app-cta/app-cta.scss
@@ -33,7 +33,10 @@
h2 {
color: white;
- font-size: 22px;
+ font-family: Muli;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 29px;
margin: 0 0 20px 0;
@include media-breakpoint-down(sm) {
@@ -41,10 +44,13 @@
}
}
- p {
+ h3 {
color: $white;
- font-size: 38px;
- margin: 1rem 0;
+ font-family: Muli;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 48px;
+ margin: 1rem 0 3rem;
@include media-breakpoint-down(sm) {
font-size: 55px;
@@ -61,7 +67,7 @@
color: #ffffff;
width: 223px;
cursor: pointer;
- font-family: Roboto;
+ font-family: Muli;
font-size: 11px;
font-weight: bold;
font-style: normal;
diff --git a/src/components/app-cta/app-cta.tsx b/src/components/app-cta/app-cta.tsx
index e8e3dd7d..399f8369 100644
--- a/src/components/app-cta/app-cta.tsx
+++ b/src/components/app-cta/app-cta.tsx
@@ -15,9 +15,12 @@ export class AppCta {