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 @@ +our work header image \ 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 {

-

+

-

+

+ {/*

+ +

*/} + + + +
+
+
+
+ loudcloud app screenshot + loudcloud app screenshot + loudcloud app screenshot +
+ +
+
+

+ +

+

+ +

+ +
+
+
+
+
+
+
+ voyage app screenshot + voyage app screenshot + voyage app screenshot +
+ +
+
+

+ +

+

+ +

+ +
+
+
+
+
+
+
+

+ +

+
+
+ +
+
+ {/* swap with ic3401 */} + +
+ +
+ {/* Swap with omnifan */} + +
+ +
+ +
+ +
+ +
+
+ +
+
+ +
+ +
+ {/* swap with gomerchant */} + +
+
+ +
+
+ {/* swap with ng atl */} + +
+ +
+ +
+
+
+
+ + + + ); + } +} diff --git a/src/pages/open-forge-app/open-forge-app.tsx b/src/pages/open-forge-app/open-forge-app.tsx index 011f3ebd..3db46044 100644 --- a/src/pages/open-forge-app/open-forge-app.tsx +++ b/src/pages/open-forge-app/open-forge-app.tsx @@ -65,6 +65,7 @@ export class OpenForgeApp { +